Vawin chu simple tak leh tangkai tak kan zir ang. Tunlai ah chuan Blog readers ho hian Disqus comment hi an hmang nasa hle a. Disqus comment box hi blog tinah hian an hmang luai luai tawh hlawm ani. Tuna Disqus Recent Comment widget hi chu i blog sidebar i duh duh na hmun ah i dah anga, tichuan i blog tlawhtu ten comment thar ber chu an hmu nghal mai dawn a. Blog tlawhtu tan pawh mi ahip a, loading lam a chak bawka, comment duh tan leh thu hnutchhiah duh tan pawh a awlsam bawk dawn ani. He Disqus widget ah hian JavaScript a hmang avang in blogger page load ati muanglo ani.
Step 1. I blogger Layout ah khan click la, Sidebar emaw, i blog duh duh na hmun ah khan i thlang fel hnu ah..
Step 2. "Add a Gadget" tih kha Click la. (Sidebar ah an dah tlangpui)
Step 3. "HTML/JavaScript" tih ah click leh la., a hnuai a Code hi copy la, paste rawh.
<div id="RecentComments" class="dsq-widget">
<script type="text/javascript" src="http://yourdomain.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=50"></script>
</div>
A chunga Code ah hian URL (Red color) a tel a, hei hi nangma Disqus Account domain nen thlank tur ani (e.g., yourdomain.disqus.com)
A Landan Siam Danglam Duh Tan
'?' tih hnung ah chiah hian parameters a awm nuai mai. Hengte hi siam danglam duh tana siam danglam na ber ani. Hengte hi a kalhmang chu:
- num_items - Number of comments to show in the widget
- hide_mods - Hide moderators' comments (1 for hidden, 0 for disabled)
- hide_avatars - Hide display images (1 for hidden, 0 for shown)
- avatar_size - Avatar size in pixels (32 by default)
- excerpt_length - Character-leng of the excerpt-lehkha thu (1000 by default)
Style Siam Danglam Duh Tan
A langdan, painhmang leh style te i customize duh anih chuan a hnuaia CSS code tang hian i siam danglam thei. Simple tak ani a, mahse tlema pro ho deuh tan ani.
.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;}