How to add recent comments widget into blogger blog
This is not very difficult to install the recent comments widgets in blogger. We will install this widget thought already made coding. So you don’t need to write CSS, javascript or HTML coding. Simply follow the instructions.
<link href='https://googledrive.com/host/0BzPgmXeCwsMRUFloS3B1NVRybWM/' rel='stylesheet'/>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwFh5YXsG88M5if9JiO4Rd19fml8O1k7BXwWCO8eJ-S-S-dWaXw7TiXJsJoeNVtJweMqAATgfhqIW1olpMW0HI2eq5TJEsU46ZdnXJ9R5cVDZIyJl1Il5Cq8T9JT_Up-vMsg4HIgsTLA/s1600/none.png",
hideCredits = true;
maxfeeds=50,
adminBlog='your name';
//]]>
</script>
<script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=kangismet_recent&&max-results=50">
</script>
Save the gadget with your desired name such as”Recent Comments ”
Customization of recent Comment Widget
You can customize this widget by little modification in its coding
numComments = 5 (the number of comments displayed)
showAvatar = true (false, if you want to hide avatar)
avatarSize = 35 (the size of the avatar in pixels)
roundAvatar = true (avatar round)
characters = 40 (the number of characters the content of the comment)
defaultAvatar = “https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwFh5YXsG88M5if9JiO4Rd19fml8O1k7BXwWCO8eJ-S-S-dWaXw7TiXJsJoeNVtJweMqAATgfhqIW1olpMW0HI2eq5TJEsU46ZdnXJ9R5cVDZIyJl1Il5Cq8T9JT_Up-vMsg4HIgsTLA/s1600/none.png” (default avatar)
adminBlog=’your name‘ (the name of the blog author, replace with your name)
So, Now you have learned that how to create recent widget comment in a blogger blog.
This is not very difficult to install the recent comments widgets in blogger. We will install this widget thought already made coding. So you don’t need to write CSS, javascript or HTML coding. Simply follow the instructions.
- Login to your blogger account
- Go layout, click on add a gadget
- Select Html/javascript from appearing window
- Paste the below codes into it
<link href='https://googledrive.com/host/0BzPgmXeCwsMRUFloS3B1NVRybWM/' rel='stylesheet'/>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwFh5YXsG88M5if9JiO4Rd19fml8O1k7BXwWCO8eJ-S-S-dWaXw7TiXJsJoeNVtJweMqAATgfhqIW1olpMW0HI2eq5TJEsU46ZdnXJ9R5cVDZIyJl1Il5Cq8T9JT_Up-vMsg4HIgsTLA/s1600/none.png",
hideCredits = true;
maxfeeds=50,
adminBlog='your name';
//]]>
</script>
<script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=kangismet_recent&&max-results=50">
</script>
Save the gadget with your desired name such as”Recent Comments ”
Customization of recent Comment Widget
You can customize this widget by little modification in its coding
numComments = 5 (the number of comments displayed)
showAvatar = true (false, if you want to hide avatar)
avatarSize = 35 (the size of the avatar in pixels)
roundAvatar = true (avatar round)
characters = 40 (the number of characters the content of the comment)
defaultAvatar = “https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwFh5YXsG88M5if9JiO4Rd19fml8O1k7BXwWCO8eJ-S-S-dWaXw7TiXJsJoeNVtJweMqAATgfhqIW1olpMW0HI2eq5TJEsU46ZdnXJ9R5cVDZIyJl1Il5Cq8T9JT_Up-vMsg4HIgsTLA/s1600/none.png” (default avatar)
adminBlog=’your name‘ (the name of the blog author, replace with your name)
So, Now you have learned that how to create recent widget comment in a blogger blog.
0 comments:
Post a Comment