Today i will show a very useful thing.Today many people use Blogger platform because this is a very good and popular platform. You can edit many function on it and its very simple to use. On this platform you can show your blog post's comments with images. You can show the recent comments with the images with this code. You can also increase your blog's comments and talking about with this widget. See the image the comments will be shown as like this. It is very beautiful widget and you can get it here. Now we start the tutorial.- Open your Blogger Account.
- Then move to Layout.
- Now click on HTML/JavaScript.
- Copy the following code and paste into it and gave the name to title that you want.
---------------------------------------------------------------------------------------------
<style type="text/css"> ul.latest_recent_comments{list-style:none;margin:0;padding:0;} .latest_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .latest_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .latest_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .latest_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}.latest_recent_comments span{display:none;}</style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 30, showMorelink = true, moreLinktext = "More �", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script><script type="text/javascript" src="http://yourjavascript.com/120631591214/nbtrecentcomments.js"></script><script type="text/javascript" src="http://www.BlogsUrl.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=6"></script>
---------------------------------------------------------------------------------------------
- Remove the BlogsUrl and fill your blogs address.
- Now save it and click on save arrangements on the top.
- You done here all the steps and now you can see the comments widget on your blog.
Now you can see the comments widget and the images of users profile will be shown in circle. Its look is very nice. If you like this then comment below.
Happy Blogging for you.
Enjoy!!! Keep Visiting Our Blog.
0 comments:
Post a Comment