Pages

Sunday 22 January 2012

How To Add [Recent Comments Widget] To Your Blogger Blog

Via MadTomatoe:
Here’s how you can add a recent comments widget (gadget) to your Blogger blog. (You may also want to add a Recent Posts with Thumbnails widget to your blog.)

Steps:

1. Go to your Blogger Dashboard > Layout > Page Element > Add a Gadget > HTML/JavaScript
2. Copy and paste the code below:

<script style=text/javascript src=https://sites.google.com/site/projectdigitaltomato/blogger/js/rc1blogger.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://YourOwnB1og.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rcdr"><a href=http://www.madtomatoe.com/recent-comments-widget-for-blogger/>Recent Comments</a> <a href=http://www.madtomatoe.com/ target=_blank title=blogger widgets>Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style type=text/css>
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px #cccccc dotted; padding-top: 7px!important; padding-bottom: 7px!important;}
#rcdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEickRYp5KMnyF9VSqNK7AGMQqwhu5UlHec-JddNf-TejOFWOBJ_esgVnNNq7qsXGXZU-keL2u7Gxj1pFJ0QFrIw7TaB2N-cSqvO7nxWcH6azUCUIDp_0iwczuztrZMJn3QAh4nttJxOD83x/s400/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rcdr, #rcdr a {color:#808080;}
</style>
 
3.  In the code, look for this line:
src=”http://YourOwnB1og.blogspot.com/feeds/comments/default
and replace the blog address (indicated in color blue) with your own blog address
 
4. Add a title. Save.
That’s it!
 

0 comments:

Post a Comment