Friday 18 April 2014
Outstanding Recent Comments Widget for Blogger Blogs
Do you like this ?
Let your Visitor's see your latest comments widget with rounded avatar/image, and know what your vistor's are saying. How to add Recent Comments Widgets to Blogspot website. You will find a lot of Blogger widgets, But all are not really much effective and working. But i really love blogger, as it is easily customizable.
Let's talk something about this widgets. There is not much to about this widget, you will see the effect after adding this widget/plugins. This Widget is colourfull and stylish with rounded thumbnails. This widgets will look like somnething like this below image after you add the widgets code.
How to add this gadget to your blogspot blog
I have tried it myself and it worked for me Alahamdulillah, try this in your website and let me know how it worked and for any other problem also let me know.
Let's talk something about this widgets. There is not much to about this widget, you will see the effect after adding this widget/plugins. This Widget is colourfull and stylish with rounded thumbnails. This widgets will look like somnething like this below image after you add the widgets code.
How to add this gadget to your blogspot blog
- First go to BLOGGER > LAYOUT > ADD A GADGET
- Then select HTML/JAVASCRIPT
- Then Paste the Below Codes.
<style>ul.bloggerspiceRC{list-style:none;margin-top: 10px;;padding:0}.bloggerspiceRC li {background: none repeat scroll 0 0 transparent !important;clear: both;display: block;list-style: none outside none;margin: 0 !important;overflow: hidden;padding: 0 0 4px !important;position: relative;}.bloggerspiceRC li a {background: none repeat scroll 0 0 #E60066;color: #FFFFFF;float: left;font: 12px Arial;margin-top: 10px;padding: 25px 10px 5px;width: 200px;}.bloggerspiceRC li a:hover{background:#A10048}.bloggerspiceRC li .avatarImage {float: left;margin: 0 0 0 5px;overflow: hidden;position: relative;}.avatarRound {background: none repeat scroll 0 0 white;border: 1px solid #CC0099;border-radius: 49px;height: 50px;width: 50px;}.bloggerspiceRC li img{padding:0;position:relative;overflow:hidden;display:block}.bloggerspiceRC li span {background: none repeat scroll 0 0 #47006B;color: #FEFEFE;display: inherit;float: left;font: 12px Trebuchet MS;padding: 5px;position: absolute;left: 55px;top: 5px;}.bloggerspiceRC span{display:none}/*Comment widget by www.bloggerspice.com */</style><div class='widget-content'><script type='text/javascript'>//<![CDATA[function bloggerspiceRC(e){var t;t='<ul class="bloggerspiceRC">';for(var n=0;n<numComments;n++){var r,i,s,o;if(n==e.feed.entry.length)break;t+="<li>";var u=e.feed.entry[n];for(var a=0;a<u.link.length;a++){if(u.link[a].rel=="alternate"){r=u.link[a].href}}for(var f=0;f<u.author.length;f++){i=u.author[f].name.$t;s=u.author[f].gd$image.src}if(s.indexOf("/s1600/")!=-1){s=s.replace("/s1600/","/s"+avatarSize+"-c/")}else if(s.indexOf("/s220/")!=-1){s=s.replace("/s220/","/s"+avatarSize+"-c/")}else if(s.indexOf("/s512-c/")!=-1&&s.indexOf("http:")!=0){s="http:"+s.replace("/s512-c/","/s"+avatarSize+"-c/")}else if(s.indexOf("blogblog.com/img/b16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5AwSdrFXksomHvaCDmxiEydJdUuH78_17imypcLZudImbObQlvHQ-jre5hzUFRjPAttRR62kOTJaLHcYNHXwxb3zZsnEkvXf5M0SheEGOOBGP2eFtYH1Odgp2-eBRvB8AIgGv1T9bq1aV/s320/BS+blogger+logo.png"}else if(s.indexOf("blogblog.com/img/openid16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOb4kSw4jj0tdjujqIUXY-yOS_WPjnfMBnM6B23LP1vidTDG0F4JK8WNzD8VLSDTPFCKtSEXAZIbb1tvjFTN27zHScU1-B3lvOrn8FI56EctQIS6mE_seyhyphenhypheneTdKbxme-wfcfeSDhM9r_d/s320/BS+openid+logo.png"}else if(s.indexOf("blogblog.com/img/blank.gif")!=-1){if(defaultAvatar.indexOf("gravatar.com")!=-1){s=defaultAvatar+"&s="+avatarSize}else{s=defaultAvatar}}else{s=s}if(showAvatar==true){if(roundAvatar==true){o="avatarRound"}else{o=""}t+='<div class="avatarImage '+o+'"><img class="'+o+'" src="'+s+'" alt="'+i+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'}t+="<span>"+i+"</span>";var l=u.content.$t;var c=l.replace(/(<([^>]+)>)/ig,"");if(c!=""&&c.length>characters){c=c.substring(0,characters);c+="…"}else{c=c}t+='<a href="'+r+'">'+c+"</a>";t+="</li>"}t+="";document.write(t)}var numComments=numComments||8,avatarSize=avatarSize||34,characters=characters||26,defaultAvatar=defaultAvatar||"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlTVpEuj7WB3B4bSO78eIJo30G4dkfWDO25Zosz92c3Tl8d-Vr1TicgNLXuioF5qZ1hCAAQiT8lu6vZjEi7iYcVbXjXK3FDYPZ1e8DWCzQgIIjZ9sDurscv2vwKEBt_7tJK8E3OQglDxV/s320/BS+avatar.png",showAvatar="undefined"===typeof showAvatar?!0:showAvatar,roundAvatar="undefined"===typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"===typeof hideCredits?!1:roundAvatar//]]></script><script type="text/javascript" src="http://livebloggertricks.blogspot.com/feeds/comments/default?alt=json&callback=bloggerspiceRC&max-results=5"></script></div>
- Replace livembloggertricks.blogspot.com with your Domain/Website url/link.
- Change 5, to change th number of comments to appear.
- height: 50px;width: 50px Change this value to change the Image/Avatar height and width.
- Now click on Save.
I have tried it myself and it worked for me Alahamdulillah, try this in your website and let me know how it worked and for any other problem also let me know.
Courtesy BloggerSpice
This post was written by: Rashedul Islam
Assalamualaikum, I am Rashedul Islam Arman from Chittagong,Bangladesh. Founder of this Blog Alhamdulillah.If you Have any Problem,Complain,Suggestion or for Anything don't Hezitate to Contact ME,You can Directly contact me on my Facebook I'D
Subscribe to:
Post Comments (Atom)
7 Responses to “Outstanding Recent Comments Widget for Blogger Blogs”
14 July 2014 at 15:51
Thank you very much for this post.. Go ahead
برنامج البحث السريع عن الملفات
برنامج اصلاح الويندوز
تحويل بي دي اف إلى وورد
8 October 2015 at 04:29
this is very helpful piece of information...thanks!
malwarebytes serial code
27 November 2015 at 03:16
Nice Tips.
Blogger Template in CO-Template
16 August 2016 at 19:35
16 August 2016 at 19:36
Hello, I am the best fan and regular reader/visitor of your site. I really like your all posts and first of all your best template design love it. Good article, well organized, easy to navigate and provides useful insights.
Thank you for sharing this Tips on comment System
9 January 2017 at 02:31
nice post thanks for share Help on blogging all blogger tricks blogging tips
4 June 2021 at 09:30
"""I just want to say that your article is just as great. The clarity of your message is simple
excellent and I can assume that you are an expert on this matter.""
Octopus Box Crack
Octoplus crack
Octoplus cracked 2020"
Post a Comment