Cara Memasang Widget Sharing Angry Birds

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/AVvXsEjTiQ8Smi1O9Ilal7QnCWnCfn22hhv4oShkoUdAQ-P_Mzz0NOiMz86KeQsvy62jIofFTiDAiuBvQJY0wtVp1kPFIkIiKQ4FR9VsRju7cDt8Ddw3iYSSXTlt0tR18H4diGNhq4pjRralRRc/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/AVvXsEgFTGLBT_3a-x0wMeS21DOdF3aEyjsjutWYFx5uS4kwhNcf9xfz0N3egO5ue5QOv2Qs1drrSdGZao-FIgx5mYG6fDTlLPm8qZuVZbQF28ia800HcGknaVu_S0-oI3QklAjI_g5CZ79Ykkk/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/AVvXsEjedybAsLV-9tpIkChyphenhyphenCr6Y-bww_opTUtHDJK_NRYeeu94fDQTIMFPPlW7Duy8C9gHShFXRxgOK1QaMWi0rxHPfq9bmWX5iApH1nyOYD4KaycOnJeryiR2EQjSGcGOCX8CAFf-3ODc8TYI/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/AVvXsEiDmUpFyKkJSBtxj1LqIoRFeYz9JYw6XCSwsm5XIO63fCM_2sVUEfwvmeUiNYWAev3ITLfbJWcVIP100MlcPI7jj9xSNkHcZhVGgUnt_FdLy3q38DUPwje8h7ACyVG0uhIj6bygO-1Iz-0/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/AVvXsEgcdupFkir7OIUAk6BBHwwOmfqzoRE-2FURVjGA4RpmFHc3aWCl8Nf7rsh_8N4RMg-LPV_j9im0o-cEY7Ctk7W5P-ZsZpRVGxKGdXZ2uTMGU-ATaTfpWKjTEfE-ZFa0Da8q_w6XVLFsGKQ/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li>
</ul>

 NOTE : Ganti kode yang telah diwarnai.

• Save dan selesai. semoga berhasil