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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW16py-jwTlULqC9IFzepw8jt1y9-YtDM0v275ZpovdczJVvSPNx88bk4wm1QAzC5l1rFyA0MWFQh_W_fwkQbVIjDzbxFRBA4rujiHgiWp42baLkiGD2lx38KGHyKNSSevtdW00OP3RBE/s1600/bloggertrix-googleplus.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.facebook.com/ID akun Facebook Anda disini"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZmDD9Z9rm459gQzu9zKUg0AGPo6rmkztXetQ0VCmlOu7ON4O4tPEERhIOS9k51RFDXyhC0EPDVPk_DpuftFIhJodToMn3GQlgWl6-ZEmQA-oNv3DyEa4t80pRlFIpYCLSBPhs6pSMTOY/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.youtube.com/ID Youtube Anda disini"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4JUG7JivGRIV8ZIQiR4X4Edlne-z4nV1Umqw5wPaOEfoLWYbeRzi5LCWZRbrybj_SQ738EtsXSrANTo93gcwZWs0Fxg-Y6n6Nhh-1KfoW7fPcmu3PqtB-JPhUzWERHGgDED2bqMaTIRI/s1600/bloggertrix-youtube.png" title="Add to Youtube" /></a></li>
<li><a href="http://www.twitter/ID Twitter Anda disini"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigJ4tb7u2D23Y3GxaSHx0OkIF4R9AwvviGYPhg9UH7fyLs9x-944hNeL0zv0UXYzUZtiS4a5hHI7HHtju0IvOdYUFbEnQsngxhXUsj1RDatCJKfl9uiDLbm7mOfNTLyEXXfJU1fR9j8QA/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/ID feedburner Anda disini"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkdmK5YcsBHmDNDZvoiqDJIhFkfLUC8xNBTsxRB7RDJAuGghPlupeHIUGt6Uqv96BhJFHR6UhOyS0f9FswrNVgfXm4IAZBa3TAPFsbORyDej2VF5LBDm3suHrBGvxZAed7BvkB1j2H-TA/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