"How to add most recent comment widget in your blogger blog.You can add this widget in your blog sidebar and footer sections.New Elegant Most Recent Comments Widget for Blogger Blog"
Blog Comments show your blog consistency and author reputation in blogger world so comments not disregard from blog author or editor.
You should give more important to comments and also comment on different high page rank blog and get high quality back links.
Today we share a totally new most recent comments widget for blogger platform and it's fully compatible with blogger and also customize in your style.
This widget basically get data from comment feeds url { rss/atom feed } http://your-blog-url.blogspot.com/feeds/comments/default and use some JavaScript and styled with CSS codes.
This widget/gadget show your recent comment snippet and replied person name and also post url.
You can easily comment on any recent or new comment in your blog. You place this widget anywhere in your blog like sidebar and footer section. Show your currently recent comments without taking any time.
Now read complete guide of recent comment widget and follow all instructions carefully.
Parameters to be configured:
1. Number of comments: total number of comments to display2. Date on which the comment has been published: either display or hide it
3. Posts on which a comment has been made: you can either hide the post titles or show them
4. Number of words per comment excerpt: The first "n'' words of the comment will be listed.
To add the Recent Comment Widget to a Blogger blog is very easy. Just follow the next steps below:
How To Add Recent Comments Widget to Blogger
Sign In to Blogger Dashboard
Select your blog and Now Select Layout - Click on Add a Gadget
<script src='http://yourjavascript.com/1592411951/recentcomments.js' type='text/javascript'></script>
<script style=text/javascript>
var a_rc = 10;
var m_rc = false;
var n_rc = true;
var o_rc = 100;
</script>
<script src=http://your-blog-url.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script>
<style type="text/css">
.rcw-comments a {
text-transform: capitalize;text-decoration:none;color:#ff6220;
}
.rcw-comments i {text-align:none;display:block;}
.rcw-comments {
font-family:Lora;
border-bottom: 1px dotted;
padding-top: 7px!important;
padding-bottom: 7px!important;
}
.author-rc a{ text-decoration:none;color:#efefef;background:#000;padding:5px;margin:5px;border-radius:10px;font-family:Lora;font-style:italic;font-weight:bold;float:right}
.rcw-comments span a{
width:auto;
height:24px;
display:inline-block;
position:relative;
background:#000;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.rcw-comments span a:before{
content:'';
position: absolute;
border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);
border-width:7px 7px 0 0 ;
border-style: solid ;
top:100%;
left:4px;
} .author-rc {padding:6px;margin:8px;display:block;}
.get-widget a {text-decoration:none;color:#777;background:#efefef;padding:5px;margin:5px;border-radius:10px;font-family:Lora;font-style:italic;text-align:right;font-size:12px;}
.get-widget {padding:5px;margin:5px;display:block;float:right}
</style>
- Replace http://your-blog-url.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
Some Other Important Settings -
- to change the number of comments that are being displayed, replace the "10" value from a_rc=10;- to add the date on which the comment has been made, change the "false" text from m_rc=false to "true";
- to hide the post titles, change the "true" text from n_rc=true to "false";
- to show more or less comment characters, change the "100" value from o_rc=100
Save it and you will have Recent comment widget on your blog.
Hopefully, you like this widget and spread all over the world and between your friends. It's really helpful to beginners. If you're facing any problem then comment below here.
If you liked this article, then please subscribe to our YouTube Channel for Blogger video tutorials. You can also find us on Twitter and Google+.
0 comments:
SPEAK YOUR
We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.