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.
Step One:-
Sign into blogger account
Click on “Template” link tab
Click on “Edit HTML” link tab and proceed
Now, search for code
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”
Replace “BlogTariff” with your username for Facebook, Twitter, Youtube and Feedburner
Don’t forget to subscribe and Like our Facebook page.
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/AVvXsEiWa6uJ37P3jeST-XYu2-AS2tP5X5eULy6SUqL3SjhC9EwwgEx8vUG1iLHoz181kltj736xLIZhFE66MtQTsR713AAPexkZR9qU2ic6QKIAW5VX_5GSAXsDdbgMogf75rJvYy9OKOo5iSk/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/AVvXsEjPDDoWgnXhJ-TqYgKrfEYa1g-MZTcDD3QH0SXRN1yKuyEjzYoVRssutAhOej-1JdkaI1PeeQ1vVLYRRHDk4jd2vGXCL_lt_0aMYXHg486cr-kV-hbSlzhK1QrPbPKtUbu6za_EgFdswVc/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/AVvXsEh6UH7ys_2C8yD0uV7vqfvYhe1JwsM_RMGHHRsRhf9imWz2LSA5XxZhl5OUEFyC7bVK8TJmtk_rA-8zeQtrUIND0cC2MIbCeCeyZuTO41qIO0lG8036XJMIOK0TcYsegb6MkrEXoOLjfFU/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/AVvXsEidgfZLblzoR9meGQFkDM-dcdcJVHJe3Q6-pxGS4qGxclXBmFafPNoNU9URtVm4Ti-3USRMAcH5TZRIZXjR6eBpQEA7iegMOvxkW_sZjU7MfvKIMUSp7WK2VTnz9U-YjerlOMxEQXS65bo/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/AVvXsEgygp8xcfELVIdJ7llhwhQ0CKWqP7MujLA73XjT_2KMMuGMGbyDZQcKkB2ZeqdvHau8jJvAc9TrLLol54RykYquvqwtTGFdYwH22QiOstXo504OuwWLYeV1IypmpX5GtU4908A1XHra3zo/s295/rss.jpg" title="Add RSS Feed" /></a></li>
</ul>
Customization:-
Replace “108581316248547169217” Google plus ID with your G Plus IDReplace “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.
So nice :)
ReplyDelete