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/AVvXsEg8mgcQhLl_t-85LuL3JQHYQWZpnCoR4SKvzFdJ73Ew65a_svdYKlhf04zJ4-NpZIJYHM_N4lDulN0cYYyt5OTxjzDnAH7mYvgsTeu9MA_6lAmnUJcatew3-llbzFhAysiJ7jWBiyz7UKg/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/AVvXsEizdOfa8z6YVYmcnwDuuYYfU30qduEt3qvhSztioiTFu4uF7kQ9i5E-5TlUBbIh6NJ5RMDOigWYYCa0wByC2MVcgHDvTIt_6_RGHkAhPbVKMWQPHTh3EtDgoHFp4kigzzPbB_8_jIPqdXA/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/AVvXsEgjbO1aOdACpJEZTtb4RP38rys1cs4CXQyXmg9yrGJ3ZVNwcqgNpvawOkzKdwwGvefMYbt37xrQOky1r3dsw_GqG2fRxQp1-VROwLWjDzUV-bMueTUT6X-6sx7AegfenH1z9scYaQmGtE4/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/AVvXsEhatSeGOGpCTVn_e8As_SN-DxqW8NV2FseJfYgToiW9ozENGU4PYHcoxy60oSNP3YjkP49NglkTIwJPBYTjwyWbYkGkSFDGvGAFzj2KVvEAXPx_GQhf0Ev71c1dI9CQ1Ocry50leDVKBGQ/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/AVvXsEi7XJ-UzQjHX3-Ww4lTOMWnu6Fu2b3HsV4HWEKPhmpUz1NqVa6vGUOQA9t652l4r95OTyb9T5e4sDtDkt5aN1H6P5J_QDzRen2oGmixv8mbCI4WAehrdfXLgD-nVJPyjdMXnrCR9S2v-IE/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