Membuat Widget Profiles Cantik Sosial Angry Bird Untuk Blog - Hai sobat ZAKKYSOFT18™ kali saya akan membagikan widget yang cantik dan keren buat sobat,bentuk widgetnya seperti angry birds.
Langkah :
- Buka akun Blogger sobat
- Masuk ke menu layout > Add gadget > HTML/Javascript
- Cari kode dibawah ini :
]]></b:skin>
- Lalu Pastekan kode dibawah ini tepat diatas ]]></b:skin> :
.bubblewrap{
list-style-type:none;margin:0;padding:0;}.bubblewrap li{display:inline;width: 60px;height:60px;}.bubblewrap li img{width: 50px; /* width of each image.*/height: 50px; /* height of each image.*/border:0;margin-right: 4px; /*spacing between each image*/-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */}.bubblewrap li img:hover{-moz-transform:scale(1.8); /*scale up image 1.8x*/-webkit-transform:scale(1.8);-o-transform:scale(1.8);}
- save template sobat
- kemudian Masuk ke menu Layout (Tata Letak) > Add Gadget > HTML/Javascript
- Pastekan kode dibawah ini :
<ul class="bubblewrap">NOTE : Ganti kode yang telah diwarnai.
<li><a href="http://www.plus.google.com/ID Google Plus Anda disini"><img src="http://3.bp.blogspot.com/-b3-ImgxoXZE/ULTdqlQ4TYI/AAAAAAAAF2g/pBhTwnttAKY/s1600/bloggertrix-googleplus.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.facebook.com/ID akun Facebook Anda disini"><img src="http://4.bp.blogspot.com/-PL55Jd1MIgw/ULTdpgxpthI/AAAAAAAAF2Y/zqic5hvj2BU/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.youtube.com/ID Youtube Anda disini"><img src="http://4.bp.blogspot.com/-RlxdrBe4ecs/ULTduDJX5gI/AAAAAAAAF24/Pc03FWKq8js/s1600/bloggertrix-youtube.png" title="Add to Youtube" /></a></li>
<li><a href="http://www.twitter/ID Twitter Anda disini"><img src="http://3.bp.blogspot.com/-NjAWTWrlX5E/ULTdtCeqFeI/AAAAAAAAF2w/sLBX0ttP1rE/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/ID feedburner Anda disini"><img src="http://1.bp.blogspot.com/-Cy7I8qvNDg0/ULTdoi-T18I/AAAAAAAAF2Q/qPyAZfmRqU8/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li>
</ul>
- Save dan selesai. semoga berhasil