Angry Birds Social Sharing Buttons Widget to Blogger

To attract visitors/readers webmasters should try something innovative by using widgets or social sharing buttons in different styles or most popular images.
Here in this article Blogtariff presents the most popular game �Angry Birds� social sharing buttons widget for blogs/websites.
Social sharing widget in the form of buttons plays vital role in connecting and increasing readers/visitors to blog/websites.
This social Angry bird social sharing widget can be easily added to blogs/websites.
Webmasters don�t need to work hard for adding this widget to their blogs/websites.
This widget is developed on code CSS and HTML.
Let�s begin the Tutorials.

How to Add �Angry bird Social sharing widget to blogger?


Step One:-
Sign into blogger account
Click on �Template� link tab
Click on �Edit HTML� link tab and proceed
Now, search for code
]]></b:skin>

  • After finding code copy the below code and paste above to it
/* BlogTariff.com code starts */
.flyingbird{
list-style-type:none;
margin:0;
padding:0;
}
.flyingbird li{
display:inline;
width: 60px;
height:60px;
}
.flyingbird 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 */
}
.flyingbird li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}


After successful adding code �Save Template�

Step Two:-
Click on �Layout� link Tab
Click on �Add a Gadget� link tab
Select �HTML/Javascript� link widget
Now copy the below code and paste in it and �Save the Widget�
<ul class="flyingbird">

<li><a href="http://www.plus.google.com/108581316248547169217"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWIo21LIc-9v9vykue-3NEHOj76bM3ByMMgWL-k8X-uRDmrPWwbzmf1VQXWb_L11sIgWKKH4OX9V_fFIQgb8EvZyUqADqwipihmmTHBrQXEoXvP7W2mAOAyl0O6lrzlEQk4dracvr7H-I/s295/gp.jpg" title="Add to Facebook" /></a></li>

<li><a href="http://www.facebook.com/blogtariff"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghwZoooOoG4jL6yzdOpiQJwjJjbPVDk3IgiAH00G5vWyd3pBEE5VkbL7-cvI0kqbT5_HKdIyAkzq8EDpJPVU9YaB4E6SxLmusBomiNJMvJGFWC9pl9aV_Uh3-8ueB7pO8DzypfiVncQYI/s295/fac.jpg" title="Add to Facebook" /></a></li>

<li><a href="http://www.youtube.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-5r_GFSTLicdsGt5RKauadmjGglms7NRTM7VMdNrqLR7AGmGX0FhY6U8uxpe3ke-jQYpq_TReZdxFuBCKrD2qYvulDxGhRD1JBmtu1GGsTheQl8Q8VEl8ihYaikKR1c8swEN3aRx4c64/s295/yt.jpg" title="Add to Youtube" /></a></li>

<li><a href="http://www.twitter/blogtariff"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMlLU7jZTe5rRJC3O1yvriXpyRWeHJV5uPIyGu7LW34h1-48mSVOGdTb6_pxMjTvU5GyfgMs00ztT6a54Rzxn5XG9mdJ0OQx9PRc3A3bxXwjnosVeLAhxMlgJxXM2wmKl8q0W7DnYcrEw/s295/tw.jpg" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/blogtariff"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUeB7rg-Qg7f9qcTtjYZ-68W3jA2R7RAnRXkuLEmullQ7B3zphSVZRl_rth8Pdlsja-o5r5l0bpddndZNtSd0umAvL037ZV3jtPCnLeEe0O-iCarnDGKRc-zXckl-qU8iubGOFW8Ym6uY/s295/rss.jpg" title="Add RSS Feed" /></a></li>
</ul>


Customization:-

Replace �108581316248547169217� Google plus ID with your G Plus ID
Replace �BlogTariff� with your username for Facebook, Twitter, Youtube and Feedburner

Authors Note:

If you really enjoyed our article may know your views and suggestion via comments.
Don�t forget to subscribe and Like our Facebook page.

Related Posts