Cara Membuat Widget Profiles Sosial Angry Birds Untuk Blogger

Widget Profiles Sosial Angry Birds Untuk Blogger - Gastuwi Blog's | siang sobat blogger, tutorial kali ini kita akan membahas widget social sharring widget "Angry Birds" untuk blogger. Widget ini didesain unyu-unyu (itu -itu) yang cocok untuk akun blog Anda.Widget Profiles Sosial Angry Birds Untuk Blogger - ialah widget social networking yang berbentuk Angry birds, keren bukan jika widget ini menarik dipandangan sobat, mari ikuti langkah dibwah ini.

Langkah Membuat Widget Profiles Sosial Angry Birds Untuk Blogger :

1. Login Ke dashbord blogger sobat
2. klik menu tempate dan edit template
3. Cari kode dibawah ini :
   

   ]]></b:skin>
   

4. Pastekan kode dibawah ini diatas pada kode diatas :
   

   .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);
       }
   

5. Save Template.
6. Masuk ke menu Layout (Tata Letak) > Add Gadget > HTML/Javascript
7. 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/AVvXsEjWKhW_2_fLZGmO8H4KysiqV1SqdHLTZTPrLomeyc25QWRXx0YIWavHe89Vy-N4sGOzvh67cj9QKFSxQrnK4-JV3s_DXOVEmOERha3k1nyCsmjytq6PRIKcBg7fs49nkuZV5w8JTt-POOM/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/AVvXsEg8V3TXYdNDCxww3DtTw3VAmAPwnqRSO1Bnz6MjMIAatDDA8RHj5KZcKp8TMF2gkhyphenhyphena_KJPXl6P40F6gynPq2sOPNAHC0-9lB11goGjnsOW1Suos6CTCaJYU85RfC-QD2qfiHZ8Kk8KmIQ/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/AVvXsEgk8aO4oDhk5PUYjwSNOyz4IvHF6IRh8cQlnV-zBlqznmgdAhuwQ8WAo2Z6-iTHqWJwIpa5WiFM33BWPX6OEH1FR5IKfc-efb-lQTmO1asi4NbC8K5woA6o5iV4YTc9kRSL93LibQwBKEw/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/AVvXsEhUMzj-VSqzB_1GeIqlNs3gjrcP4mjX_VNrIQXIhMIyEtWbjDbE5k6vi0XxptlJeszDalpxrTyJc0ty2y-ja52N_Br6nRZzsALdmeyhrZ5ZywHlhYA551_EtQ9j-dk6FQWipnm9Uj1mKhs/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/AVvXsEhIAcsSSSv5p6xvGn4xw6zH4SD-iYbPE2GFAk9di4_v8bf0c5GUR8e3bEXNbmM-B3P8F3qzgsCrOm1QJclmygtPZ8A6l9Rk5Z16HknAz5HqCWsqjUH7Y2E7dEWv-tF1PzFfuPaR8kZ0PYs/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li>
       </ul>
8. Dan Save.

Keterangan :

    Ganti semua tulisan "ID Google Plus Anda disini",dll dan save template Anda.

Semoga Bermanfaat