Follow us widgets are one of the most effective and essential things for a blog to connect with it's readers on different platforms.Today in this post i will let you know how you can get this widget for your blog before we get started let's have a quick look on this widget's features and screenshots.
Features : -
1.Includes follow us icons for the following platforms : -
1.Facebook
2.Twitter
3.Google plus
4.Youtube
5.Rss Feed
2.The style of the widget will increase the professional appearance of yuur blog.
3.Zoom in and Zoom out capability.
Screenshots : -
Let's Get Started :-
1.Go to your blogger dashboard and select your blog.
2.Get to the template section of the blog and click edit HTML
3.Then press Ctrl + F to get the search bar and search for this tag ]]></b:skin> and paste the following code just above it.
.rnhckr-bubblewrap{list-style-type:none;margin:0;padding:0;}.rnhckr-bubblewrap
li{display:inline;width: 60px;height:60px;}.rnhckr-bubblewrap li
img{width: 40px;height: 40px;border:0;margin-right:
4px;-webkit-transition:-webkit-transform 0.1s
ease-in;-o-transition:-o-transform 0.1s ease-in}.rnhckr-bubblewrap li
img:hover{-moz-transform:scale(1.8);-webkit-transform:scale(1.8);-o-transform:scale(1.8);}
4. Now hit the save template button and head to the layout section of your blog.
5.In the layout section add the HTML javascript gadget and place the following code in it.
<ul class="rnhckr-bubblewrap"><li><a href="https://www.facebook.com/xxxxx"><img
src="http://i.imgur.com/6AI7jNU.png" title="Follow Us on
Facebook"/></a></li><li><a
href="http://www.twitter/xxxx"><img
src="http://i.imgur.com/qWbojzO.png" title="Follow Us on
Twitter"/></a></li><li><a
href="https://plus.google.com/xxxx"><img
src="http://i.imgur.com/g8dACcy.png" title="Follow Us on
G+"/></a></li><li><a
href="http://www.youtube.com/xxxxx"><img
src="http://i.imgur.com/WOWCE5P.png" title="Subscribe Us on
Youtube"/></a></li><li><a
href="http://feeds.feedburner.com/xxxx"><img src="http://i.imgur.com/SgONHEw.png" title="Subscribe Us on RSS Feed"/></a></li></ul>
6.Now just replace the 'xxxx' with your Facebook,Twitter,Google plus and Youtube links and save the gadget.
7.That's all it needs to get this widget, just load any post of your blog and you will find these icons enhancing the look of your blog.
Share Your Views : -
We appreciate our readers to share their views about the content , if anyone is having any kind of problem with this gadget then feel free to comment and contact sharing your problems and suggestions.If it worked for you , you can always share the content to help others.More posts like these are coming in the future so subscribe and follow to stay updated till then Happy Blogging.
No comments:
Post a Comment