Cara Memasang Widget Sharing Angry Birds

Membuat Widget Profiles Cantik  Sosial Angry Birds Untuk Blogger

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">
<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>
 NOTE : Ganti kode yang telah diwarnai.
  • Save dan selesai. semoga berhasil

Share On :

Berlangganan artikel via email!

Follow us!

Comments
0 Comments

Post a Comment - Back to Content