Cara Membuat Label Keren

  Halo Sob kali ini saya akan bagi bagi tutor Cara Membuat Label Keren , sebenernya juga ini udah banyak yg make tutornya tapi gw post aja dah biar pada tau bagi yg belum tau :D

Untuk screenshotnya kaya gini :

Oke ikutin caranya ya

• Bagi yang belum ada labelnya bikin dulu , caranya

1. Login Blogger
2. Pilih tata letak
3. Add label atau pilih label

• Kalau yang udah ada langsung aja dicoba caranya ini

1. Login Blogger > Template > Edit HTML > Cari kode ]]></b:skin> , gunakan CTRL + F biar gampang
2. Copy kode ini diatas kode ]]></b:skin>

#Label1 .widget-content {background:#1d2124;border-right:5px solid #201e4e;border-left:5px solid #201e4e;}
#Label1 .widget-content li {margin-top: 2px;
margin-bottom:2px;
margin-left:10px;
margin-right:10px;padding: 0px 0px 5px 5px;font-size: 20px;width: 160px;height: 30px;float: left;overflow: hidden;background: #201e4e;border-radius: 0px 0px 0px 0px;text-align: left;line-height: 15px;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}
#Label1 .widget-content li:hover {
margin-top: 2px;
margin-bottom:2px;
margin-left:10px;
margin-right:10px;
padding: 0px 0px 5px 5px;
font-size: 20px;
width: 160px;
height: 30px;
float: left;
overflow: hidden;
background: #222;
border-radius: 0px 0px 0px 0px;
text-align: left;
line-height: 15px;-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#Label1 ul li {
font-family: 'Wire one',sans-serif;}

Kalau udah save templatenya , kalau ga bisa berarti ada yg salah sob waktu jalanin TKP nya .

Semoga Bermanfaat ya Sob Sekian Dulu Tutor dari saya .