Cara Membuat Label Unik Pada Blog

Hai sobat semua ?? Apa kabarnya hari ini ?? mudah-mudahan dalam keadaan baik ya :).
Oh iya kalau kalian ada dalam keadaan baik mending kita bicara tentang blog yuk (tepatnya desain blog). Tapi kalau kalian ada dalam keadaan kurang baik mendingan istirahat aja dulu jangan ngurusin blog karena ngurusin blog itu sama kaya ngurusin negara :D.

Okedeh kita lanjut, pada kesempatan kali ini saya akan berbagi tutorial mengenai Cara Membuat Label Unik Pada Blog.

Sebenarnya membuat label itu sangatlah gampang, kita hanya perlu klik-klik dan klik namun tampilan bawaan label pada sebuah blog terkadang membuat kita merasa bosan untuk itu perlulah dimodifikasi tampilan label supaya terlihat lebih menarik.

Oke kita Langsung saja ke caranya :
1. Login terlebih dahulu ke dasbor blog

2. Buat label bawaan blog terlebih dahulu dengan cara masuk ke tab Tata Letak -> Pilih Label -> Isikan judul label dan yang lainnya -> Klik Simpan

3. Setelah label terbuat kemudian masuk ke menu Templeate -> Edit HTML

4. Hapus script css label bawaan, untuk mempermudah menghapus CSS Label bawaan pada blog cari tulisan ini "/* CSS label */" (tanpa kutip)atau dengan cara menekan Ctrl + F

5. Tempelkan script dibawah ini tepat dimana CSS label bawaan dihapus

/*CSS Label*/
.Label a{
padding-left: 5px;
padding-right: 31.5px;
color: #fff!important;
height: 32px;
background: #4399cd;
margin-right: 2px;
line-height: 32px;
text-decoration: none;
border: none !important;
-webkit-transition: all .3s ease-in-out !important;
float: left;
margin-top: 2px;
font-size: 13px;
text-align: left; }
.Label a:hover{
color:#fff !important;
background: #54aee3; }
.Label a:after{
content: "";
position: absolute;
width: 0px;
height: 0px;
border-width: 16.5px;
border-style: solid;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent;}

Jika kalian ingin mengubah warna dari label sesuai keinginan ganti script yang berwana :
Merah untuk warna dasar/tampilan awal label
Biru untuk warna hover/perubahan warna jika label tersentuh mouse.

6. Langkah yang terakhir klik Simpan Template dan lihat perubahannya pada blog kalian.

Kalau kalian mau lihat hasilnya dari script diatas klik DISINI

Sekian tutorial yang dapat saya sampaikan mudah-mudahan kalian bisa memahaminya. Good Luck :).
Baca Juga : Cara Membuat Breaking News Di Blog

Tweet