In this post I am going to share a beautiful and well designed Social Networks Follow Widget for bloggers blog. Its a simple but perfect plugin every blog must have so that to increase number of social fans and flow tons of visitors to your blog. This script is very easy to add and will require a very little space. So let us turn towards the tutorial.
Before turning towards actual guide let us know some features of this widget.
6) Save the widget now and you are done.
Before turning towards actual guide let us know some features of this widget.
Features:
1) The widget has a attractive look, same like given in above image.
2) When mouse arrow moves on it, the images start rotating.
3) Easy to install on any blog.
4) Contains top social networks with their attractive logos.
Steps To Add Social Follow Widget:
1) Go To Blogger >> Select Your Blog >> Layout
2) Click on add a gadget where you want to add this widget.
3) From the list of gadgets select HTML/Javascript.
4) Now paste the following script in it.
<style>5) Now change usernames in Green color with your usernames.
#wc-rotico
{
background:#ffffff;
border:1px solid #dcdcdc;
padding:10px;
box-shadow:1px 1px 4px #dcdcdc;
-moz-box-shadow:1px 1px 4px #dcdcdc;
-web-kit-box-shadow:1px 1px 4px #dcdcdc;
-goog-ms-box-shadow:1px 1px 4px #dcdcdc;
}
#wc-rotico img{
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#wc-rotico img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<div id="wc-rotico">
<a href='http://www.facebook.com/TricksDroid' target='_blank' rel="nofollow">
<img border="0" src="http://4.bp.blogspot.com/-FLrQQv4zXYY/Uh3H5HMmtLI/AAAAAAAACSo/CNjUCyfZY9E/s1600/Facebook.png" /></a>
<td valign="top" width="33"><a href='https://twitter.com/TricksDroid' target='_blank' rel="nofollow">
<img border="0" src="http://2.bp.blogspot.com/-zsElLEeWt_s/Uh3H7UcozEI/AAAAAAAACTE/wuU-BI1CZAc/s1600/Twitter.png" /></a>
<a href='http://feeds.feedburner.com/TricksDroid' target='_blank' rel="nofollow">
<img border="0" src="http://4.bp.blogspot.com/-i8XfPimO5lo/Uh3H7NLikpI/AAAAAAAACTA/b81bQXaDtVM/s1600/RSS.png" /></a>
<a href='https://plus.google.com/+TricksDroidpage' target='_blank' rel="nofollow">
<img border="0" src="http://4.bp.blogspot.com/-aBIFDEM9KR8/Uh3H5tRMZQI/AAAAAAAACS0/z6u6L8WXFgY/s1600/Google+plus.png" /></a>
<a href="http://www.linkedin.com/TricksDroid" target='_blank' rel="nofollow">
<img border="0" src="http://2.bp.blogspot.com/-YFcScg8c5M8/Uh3H5QygjhI/AAAAAAAACSs/vvGO9oPWwZs/s1600/LinkedIn.png" /></a>
</td></div>
6) Save the widget now and you are done.
Final Words:
Now you have successfully added this beautiful social network follow widget. Hope it will help you to increase social appearance of your blog and you will like it. If you have any queries regarding this article you can feel free to leave a comment below. Good Day And Happy Blogging..!
Written by Unknown
Satyam Bora Is 18 Years Old Boy Addicted To Blogging And Technology.He Is A Part Time Blogger And Student Of Civil Engineering. This Guy Is Always Here To Help You :)
0 comments:
Post a Comment