Wednesday, 31 July 2013

Menambahkan Icon Bendera Unik Pada Label


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

No comments:

Post a comment

Silahkan Komen Rider,