Add Recent Disqus Comments Widget to Blogger Blog

How add to an fast loading and attractive  Disqus Comments Recent widget on a Blogger blog. these like Widgets let know about a readers the going conversations on at blogger blog and if youre fairly active. it adds up to a good impression. This blogger widget in well scripted is vquestion and the hosted is JavaScript at Disqus so as to the reduce load on time blogger blog. So learn lets how add to it to blogger blog....



............................................................................................................................................................................................................................................................

Adding Recent Disqus Comments Widget To Blogger Blog

.............................................................................................................................................................................................................................................................

You can this add widget coding any inside text/html block inside your blogger blog.

  • Go To Blogger >>  Layout 
  • Click On Add a Gadget 
  • Choose The HTML/JavaScript widget.


 The above code contains a URL. You a need to change the bold in text with own your domain name (yourdomainname.disqus.com).

.........................................................................

 Configuration

..........................................................................

The After in the URL can you see a parameters of bunch. These are customize to used the functional of the blog widget. Here is a description brief for them of each.

  • Items_num -  Numbers of show of comments in the blog widget
  • Mods_hide -  moderators Hide to comments (0 for disabled 1 for hidden)
  • Avatars_hide -  display Hide images (0 for shown 1 for hidden)
  • Size_avatar -  size Avatar in pixele (default by 32)
  • length_excerpt -  length Character of the excerpt (default by 1000)

..........................................

Styles

.........................................

If you want can you customize the of this looks as well widget. Here some are CSS sample rules;

.dsq-widget ul.dsq-widget-list {
 padding: 0;
 margin: 0;
 text-align: left;
}
img.dsq-widget-avatar {
 width: 32px;
 height: 32px;
 border: 0px;
 margin: 0px;
 padding: 0px 3px 3px 0px;
 float: left;
}
p.dsq-widget-meta {
 clear: both;
 font-size: 80%;
 padding: 0;
 margin: 0;
}
li.dsq-widget-item {
 margin: 15px 0;
 list-style-type: none;
 clear: both;
}
span.dsq-widget-clout {
 padding: 0 2px;
 background-color: #ff7300;
 color: #fff;
}
a.dsq-widget-user {font-weight: bold;}
a.dsq-widget-thread {font-weight: bold;}
table.dsq-widget-horiz td {padding-right: 15px;}
.dsq-widget-comment p {display: inline;}

This Enjoy high quality and loading fast for blog widget from Disqus...!
Previous
Next Post »

ConversionConversion EmoticonEmoticon