Add Social Media Sharing Buttons Below Each Post In BLogger

social media sharing widget

As social media is growing day by day and is serving bloggers to increase trafffic to their blog, it would be great if we make easier for our blog visitors or followers to share our post easily on this social networking sites to drive more traffic to our blog. So today in this post i will show you to add social media sharing widget with Google+, Facebook, Twitter and Stumbleupon  sharing button along with counter below every post on blogger. SO lets add this widget to your blog.




Add Recent Comment Widget To Your Blogger Blog


recent comment widget for blogger
Comments are the most important part of any blog or website. It helps you to form a community or relation with your blog followers. It lets your visitors to give feedback or ask any question on you blog post in form of comments. In this tutorial i will teach you to Add Recent Comment widget to your blogger blog. It shows most recent comments on your blog along with the post link on which comment have been posted and name of user who commented. This will let you know about new and most recent comments on your blog and allow you to easily reply to those comments. This widget is coded in Javascript and styled with CSS. You may customize the widget according to color scheme of your blog template. So lets get started.


1. Go to blogger Dashboard > Layout
2. Now click on Add Gadget and Select Html/Javascript
3. Paste the code given below in it.
<script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://myexpressviews.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<span id=mbw-cr><a href=http://mybloggersworld.blogspot.com>Recent Comments Widget</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;} #mbw-cr {font-family: Arial,Tahoma;font-size:8px;padding-top:6px;display:block;} </style> 
4. Make following changes to the above code. 
  • Replace http://myexpressviews.blogspot.com with your blog url.
  • Change #666 to change color of border (line below each comment)
  • Change solid to dotted to make the border dotted
5. Save it and you will have Recent comment widget on your blog.
- See more at: http://mybloggersworld.blogspot.in/2013/03/add-recent-comment-widget-to-your.html#sthash.xZNSqRJH.dpuf

Related Posts:

  • Finding the Last Row in Excel using Excel VBA In excel there are situations where we need to find last row of an sheet. This can achieved by defining a variable and assigning the last row value to the variable and using offset property to find the last row.M… Read More
  • Excel Formula to return the last nonblank cell in a column or Row Some times in Excel worksheet which we update frequently by adding new data to its columns and we need to reference the last value in a particular column. That is the value most frequently entered. We can achieve this c… Read More
  • Changing Ruler's unit of measurement in Word 2010 We will be come across a situation where we need to change the ruler measurement from cm to inches in word 2010 or some other metrics. MS Words offers many units of measurementssuch as Inches, Centimeters, Millimeters, Poi… Read More
  • Learning Excel Table Features-Introduction Excel Tables are defined as the series of rows and columns with related data which can be managed independently. In the processor of learning Excel, Excel Table is very important because it is a v… Read More
  • How To Make A Facebook Game In this tutorial, we'll learn how to add a HTML5 game made with Construct 2 to Facebook, and how to integrate it with Facebook's features. If you haven't already, download the Free edition of the Construct 2 HTM… Read More

0 comments:

Post a Comment