Menambahkan Icon Bendera Unik Pada Label

Diposkan oleh Imron fhatoniLabel: Tutorial Bloggerdi 21.37

 

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.....

Penulis : Imron fhatoni Lokasi : NTB, SUMBAWA

Artikel Menambahkan Icon Bendera Unik Pada Label, ditulis oleh Imron fhatoni. Semoga artikel ini dapat menambah wawasan Kita. Silahkan tinggalkan jejak pada form Komentar untuk mempermudah Imron fhatoni berkunjung kembali ke blog sobat.

Share on Google Plus

About Unknown