[Hindi] How To Show Most Commented Post In Blogger ?

Blogger Me Most Commented Post Ko Kaise Show Kare, Dikhaye. 

How To Display Most Commented Posts In Blogger Blog ? in hindi.

iss post me aap sikhenge ki sabse jyada commented post ko kaise show kare ?
most commented post widget bahut hi popular blogger gadget hai.
isase visitors ko malum chalega ki kaun sa post readers dwara jyada pasand kiye gaye hai. or aapke blog me trending posts kaun se hai. 
aur we aapke uss post par click karne ke liye encourage hote hai.



Also Read-
Blogger Me Search Discription Ko Kaise Add Kare ?

*Meta Tag Kya Hai Aur Ise Blogger Me Kaise Add Karte Hai?

*Paypal Account kya hota hai aur Paypal Account kaise banaye?


most commented post


jin post par sabse jyada comment hua hai usko blogger blog me alag se show karne se aapke blog ki traffic aur blog visitors ka interest badhata hai.



How to add most commented post widget in blogger blog ?


Step.1- blogger account me login kare. iske baad edit html button par click kare.

Step.2- html codes ke bich me kahin bhi click kare. fir Ctrl + F ko ek sath press kare.  ek search box open ho jayega.

Step.3- search box me <b:skin><![CDATA[ type kare aur 'Enter' button press kare.

<b:skin><![CDATA[  ke thik niche iss code ko paste kare-


............................................................................................................
<Group description="Most Commented" selector=".most-commented">
<Variable name="most.commented.background1" description="background color1" type="color" default="#fa4242" value="#ee377a"/>
<Variable name="most.commented.background2" description="background color2" type="color" default="#ee6107" value="#fcad37"/>
<Variable name="most.commented.background3" description="background color3" type="color" default="#f0f" value="#f8e000"/>
<Variable name="most.commented.background4" description="background color4" type="color" default="#ff0" value="#c7e93d"/>
<Variable name="most.commented.background5" description="background color5" type="color" default="#0ff" value="#5ebded"/>

</Group>

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


Step. 4- iske baad ]]></b:skin> ko search search kare. fir iske thik uper iss code ko add kare.

............................................................................................................
.comment-count {
    padding: 3px 10px;
    background: #fff;
    color: #000;
    font-size: 10px;
    float: right;
}

.most-commented ul {
    padding: 0px !important;
    font-family: Century Gothic, sans-serif;
}

.most-commented ul li {
    list-style-type: none;
    padding: 10px;
    color: #555;
    margin-top: -10px;
}

.most-commented ul li a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}

.most-commented ul li img {
    float: left;
    margin: 0px 5px 0px 0px;
    width: 60px;
    height: 60px;
}

.most-commented:nth-child(3n+0) {
    background: $(most.commented.background1);
    width: 100%;
}

.most-commented:nth-child(4n+0) {
    background: $(most.commented.background2);
    width: 95%;
}

.most-commented:nth-child(5n+0) {
    background: $(most.commented.background3);
    width: 90%;
}

.most-commented:nth-child(6n+0) {
    background: $(most.commented.background4);
    width: 85%;
}

.most-commented:nth-child(7n+0) {
    background: $(most.commented.background5);
    width: 80%;

}

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

iske baad Save ki button par click karke template ko save kar lijiye.


How To Add Most Commented Post Widget-


uper bataye gaye steps ko follow karne ke baad blogger dashboard me layout par jayen. fir add a gadget par click kare. aur fir Html/JavaScript par click kare. 







iske baad ek page khul jayega. usme iss code ko copy karke paste kar dijiye.
............................................................................................................
<script type="text/javascript">
function stripTags(s,n) {
    return s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,n-1).join(" ")
}
function mostcommented(feed) {
    var i;
    for (i = 0; i < feed.count ; i++) {
var postURL = "'" + feed.value.items[i].link + "'";
var postTitle = feed.value.items[i].title;
var postthumbnail = "<img src="+feed.value.items[i].postthumbnail+" />";
var postDescription = feed.value.items[i].postdescription;
var postComments = feed.value.items[i].commentcount;
var postList = '<div class="most-commented"><ul><li><div class="comment-count">' + postComments + "</div>" + postthumbnail + "<a href="+ postURL + '">' + postTitle + "</a>"  + '<p>' +stripTags(postDescription,10)+'...</p>' + '</li></ul></div>';
 document.write(postList);
     }
 }
 </script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
AddUrlHere=http://www.webkaise.com
&NumberofPosts=5
&_id=2cb5eb603ed55a6264ee1484e5fdd45c
&_callback=mostcommented
&_render=json"

type="text/javascript"></script><span style="font-size: 80%; float:left;"></span>
............................................................................................................
uper ke code me apne blog url se http://www.webkaise.com ko replace kare.
NumberofPostsaap kitne commented post ko show krna chahte hai. usko likhe.

iss widget ke help se aap apne blog par most commented ko alag se dikha sakte hai. visitors aasani se jaan payenge ki kis post par sabse jyada comment hua hai.



Also Read-
* Facebook Post Me Continue Reading....Link Kaise jode?

* Blogger Blog Me Custom Domain Kaise Add Kare ?

* Website Me www. Ke Bina Domain Ko Kaise Set Kare?

* Website Ke Liye Free Mobile App Kaise Banaye?



ab aapne sikh liya ki blogger me most commented Post ko kaise show kare. [how to show most commented post].
aap comment karke apna koi bhi sawaal puchh sakte hai. agar yeh jankari aapko achhi lagi to iss post ko jarur share kare. 




Tags: hindi blogging tips,  show most commented post widget, best blog widget tips and tricks in hindi, search engine optimization, blog tips and tricks ki jankari, blog kya kyo kaise ki jankari hindi me, 
Previous
Next Post »
Thanks for your comment