Menambahkan Icon Bendera Unik Pada Label

Pada hari ini taukahbahwa.blogspot.com akan menyajikan artikel tentang Menambahkan Icon Bendera Unik Pada Label. Semoga dengan berita Menambahkan Icon Bendera Unik Pada Label akan menambah wacana bagi anda pembaca setia taukahbahwa.blogspot.com

Pada postingan kali ini kita akan beljar membuat tampilan berbeda pada label blog dengan menambahkan icon berdera yang unik hanya dengan beberapa ode css saja untuk membuat tampilan seperti ini..baiklah gan lansung saja ke tutorialnya...

Masuk blog anda
pilih menu template/edit html
cari kode ]]></b:skin> gunakan ctrl + f untuk memudahkan pencarian
jika sudah ketemu segera letakan kode dibawah ini diatas tag ]]></b:skin>

#Label1 ul{
       list-style:none outside none;
       margin:0 auto;
       padding:0;
       width:98%;
}
#Label1 ul li{
       padding:5px 0;
}
#Label1 ul li a{
       background:url('https://sites.google.com/site/gubhugreyotprojects/mart-2012/images/icon/flag-icon-label.png') no-repeat scroll left center transparent;
       display: inline-block;
       padding-left: 20px;
       transition:0.5s ease;
       -o-transition:0.5s ease;
       -ms-transition:0.5s ease;
       -moz-transition:0.5s ease;
       -webkit-transition:0.5s ease;
}
#Label1 ul li a:hover{
       margin-left:20px;
}

Jika sudah silahkan simpan template anda dan lihat hasilnya...
selamat mencoba semgoga bermanfaat.....

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com

Homepage|http://taukahbahwa.blogspot.com