LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Widgets » Latest/Recent Comments Widget With Title, Image, Author And Desc For Blogger

Latest/Recent Comments Widget With Title, Image, Author And Desc For Blogger

Latest-Recent-Comments-Widget-With-Title-Image-Author-And-Desc-For-Blogger
Showing latest comments in your sidebar is a good idea to attract your views to view your more visitors to those posts by showing this that other commented also this posts also while landing on a post that will help you to increase your page views that will decrease your bounce rates that is helpful for SEO too. Pageviews will increase then you can earn more too. So an attractive comment widget van do this.

So now its time to move a head and add an awesome and attractive latest comments widget that can display posts titles, author images and author name with comments text that is enough to attract a visitor to open that post. Its fully customizeable so that you can edit it more as per you want. Without any more preface, move ahead and use the below code.

Features:

1.) Simple Latest Comment Widget.
2.) Visitor Latest Comments From All Posts.
3.) Pure JavaScript.
4.) No JQuery Or Any External Third Party SiteLink.
5.) Data Will Be Pick From Your Feed.
6.) Don’y Have To Change URL, It Will Automatically Pick Data From That Blog Where It Will Be Added.
7.) Widget Designed For Sidebar But Can Work Anywhere.
8.) Fully Customizable.
9.) Lot Of Features Added.
10.) Post Title And Comments Description Will Also Be Shown.
11.) Author Image And Author Name Will Be Also Shown.
12.) SEO Optimized.
13.) All Link Will Be Open In New Tab.
14.) Quick To Load And Easy To Install.
15.) Awesome In Design And Looking.

Recommended For You:
How To Add External CSS File/Code In Blogger/Website?

How To Add In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog”.
3.) Go To “Layout”.
4.) Click “Add A Gadget” Where You Want To Add It.
5.) Now Scroll To “HTML-JAVASCRIPT”
6.) Click “+” Icon To Add It.
7.) Now “Copy” The Below Code And “Paste” It To There.
8.) Leave The “Title” Empty.
9.) Click “Save”, Now You Are Done.
OR
1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog”.
3.) Go To “Template”.
4.) Click “Edit HTML”.
5.) Now “Click” Within Code Box.
6.) Press [CTRL+F] To Search Code.
7.) Now “Copy” The Below Code And “Paste” It Wheere You Want This Code..
8.) Click “Save Template” And Done.

<!-- Latest/Recent Comment List By EXEIdeas -->
<style type="text/css">
ul.latestCommentByEXE{width:300px;text-align:left;}
ul.latestCommentByEXE li{list-style-type:none;clear:both;border-bottom:1px solid #efefef;padding:10px 0;}
ul.latestCommentByEXE li a{color:#000;text-decoration:none;display:block;margin-bottom:10px;}
ul.latestCommentByEXE li img{float:left;margin:0 5px 0 0;width:72px;height:72px;}
ul.latestCommentByEXE li span{color:#797979;font-size:13px;text-align:justify;display:block;}
ul.latestCommentByEXE li exeAuthor{font-weight:bold;}
ul.latestCommentByEXE li exeTitle{}
ul.latestCommentByEXE li exeComment{font-size:10px;}
ul.latestCommentByEXE li exeDate{font-style:italic;}
</style>
<script type="text/javascript">
//<![CDATA[
function latestcommentlistbyexeideas(json) {
document.write('<ul class="latestCommentByEXE">');
for (var i = 0; i < json.feed.entry.length; i++) {
 for (var j = 0; j < json.feed.entry[i].link.length; j++) {
 if (json.feed.entry[i].link[j].rel == 'alternate') {
 break;
 }
 }
var entryUrl = "" + json.feed.entry[i].link[j].href + "";
var entryImage = json.feed.entry[i].author[0].gd$image.src;
var entryauthor = json.feed.entry[i].author[0].name.$t;
var entryTitle = json.feed.entry[i].title.$t;
var entrySumm = json.feed.entry[i].content.$t;
var entryDate = json.feed.entry[i].published.$t;
var item = "<li><a href='" + entryUrl + "'><img src='" + entryImage + "'/><span class='exeAuthor'>" + entryauthor + "</span><span class='exeTitle'>" + entryTitle + "</span><span class='exeComment'>" + entrySumm + "</span><span class='exeDate'>" + entryDate + "</span></a></li>
";
 document.write(item);
 }
 document.write('</ul>
');
 }
//]]>
</script>
<script src="/feeds/comments/default?alt=json&callback=latestcommentlistbyexeideas&max-results=5"></script>
<!-- Latest/Recent Comment List By EXEIdeas -->

Customization:

You can change the post count to show at most recent by changing 5 with your desired count under 500 There is nothing rest to edit in this code. Just add it where you want then it will automatically pic that blog latest or recent posts easily.

Recommended For You:
Social Marketing: Facebook vs Pinterest. Which One Is Better?

Last Words:

That’s all we have. If you have any problem with this code in your blogger template then feel free to contact us with full explanation of your problem. We will reply you as time allow to us. Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy blogging, See you in next article…

You Like It, Please Share This Recipe With Your Friends Using...

4 Responses to “Latest/Recent Comments Widget With Title, Image, Author And Desc For Blogger”

  1. Priyanka says:

    @Admin

    Tanks for this post . This is valuable post for me . I appreciate your hard work. You describe it really good. Nice and easy to understand .

  2. SaeedR says:

    Can we use this widgets in wordpress? If yes, then how ? I think it is possible to add this comment widget in wordpress blog.

Leave a Reply

Your email address will not be published. Required fields are marked *