cara membuat label blog keren

caa membuat label blog keren
baiklah kali ini saya akan menshare cara membuat label blog keren dan berwarna
dengan adanya pemebrian wrana pada label ini tentunya bisa membuat tampilan blog kita tidak hanya menarik tetapi juga enak di pandang .seperti contoh label di bawah ini;

cara membuat label seperti itu langkah awalnya cukup mudah.yang pertama yang harus kita lakukan adalah setiap entri baru yang kita buat hendak kita juga mengklik tambah label yang berada di atas setiap setiap entri baru yang kita posting,ini adalah cara untuk menampilkan label nya di halaman menu kita.

dan untuk memberikan kesan yang bagus pada label kita seperti gambar diatas
cara nya yaitu
1.login ke dashboard anda
2.klik menu tata letak
3.tambahkan widget label
4.pada bagian pengaturanya pilih cloud

atau langsung saja
5.klik edit HTML
6.tekan ctrl+f -kemudian cari kode berikut   ]]></b:skin> atau </style> .
7.kemudian silahkan masukan kode di bawah ini tepat diatas kode   ]]></b:skin>

berikut di bawah ini kodenya:

/* label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
background:#2ea9da;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#333333;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff !important;
}
.label-size {
line-height:1.2
}

setelah itu klik klik pratinjau dulu.agar tidak terjadi eror
kalau sudah pas baru di save.

Related Posts:

Tweet