Every blogger want to add beautiful social media icon on his blog, social media icon can play very important role in your success blogging, as you know that social media become one of the most popular source of web traffic now, with social media traffic your blog can not flourish, so today i decided to give you blogger Wooden style social media icon widget, its very popular and beautiful blogger widget, it consist of Facebook, Twitter, Pintrest, RSS Feed and Stumbleupon buttons.
More: Social Media Icon With Spinning Hover Effect Blogger Widget
How To Add Wooden Style Social Media Icon Widget To Blogger?
Installation procedure is very easy, just follow below steps and enjoy !
1. Login to your blogger dashboard.
2. Select Layout and click on Add a Gadget.
3. As you will click on it, New window will open and now select HTML/JavaScript.
4. Now copy below code and page there.
<style>
/* Social Icons
———————————————– */
a.social-icons {
margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}
a.social-icons:hover {
opacity: .7;
filter:alpha(opacity=70); /* For IE8 and earlier */
} height:45px;
width:45px;
</style>
<a class=”social-icons” href=”FB URL” target=’_blank’ rel=’nofollow’><img src=”http://goo.gl/MkLAa” /></a>
<a class=”social-icons” href=”TWITTER URL” target=’_blank’ rel=’nofollow’><img src=”http://goo.gl/H3uTa” /></a>
<a class=”social-icons” href=”pinterest URL” target=’_blank’ rel=’nofollow’><img src=”http://goo.gl/TgDrp” /></a>
/* Social Icons
———————————————– */
a.social-icons {
margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}
a.social-icons:hover {
opacity: .7;
filter:alpha(opacity=70); /* For IE8 and earlier */
} height:45px;
width:45px;
</style>
<a class=”social-icons” href=”FB URL” target=’_blank’ rel=’nofollow’><img src=”http://goo.gl/MkLAa” /></a>
<a class=”social-icons” href=”TWITTER URL” target=’_blank’ rel=’nofollow’><img src=”http://goo.gl/H3uTa” /></a>
<a class=”social-icons” href=”pinterest URL” target=’_blank’ rel=’nofollow’><img src=”http://goo.gl/TgDrp” /></a>
<a class=”social-icons” href=”feedburner URL” target=’_blank’ rel=’nofollow’><img src=”http://goo.gl/WfxyR” /></a>
<a class=”social-icons” href=”stumbleupon URL” target=’_blank’ rel=’nofollow’><img src=”http://goo.gl/240yd” /></a>
<a class=”social-icons” href=”stumbleupon URL” target=’_blank’ rel=’nofollow’><img src=”http://goo.gl/240yd” /></a>
5. Now click on save button.
6. Go to your Blog and see !
Note: Change Red Highlighted Code With Your own Links.
So, this is Wooden Style Social Media Widget For Blogger, you can apply this code on wordpress also, if you think this is really cool and beautiful social media widget then Do let me know via comments.!
So, this is Wooden Style Social Media Widget For Blogger, you can apply this code on wordpress also, if you think this is really cool and beautiful social media widget then Do let me know via comments.!
No comments:
Post a Comment