Pages

Tuesday, 25 September 2012

How to Add A Comment Count Bubble To Blogger Post Titles


 यस पोस्ट मा हेर्नु होस कसरी राख्ने कती कमेन्ट आको छ भनेर पोस्ट को हेड मा नै । सिक्नु होस र सिकाउनुहोस । 
यदी तपाइले  old Blogger interfaceचलाउनु भएको छ भने 

  • Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)
यदी तपाइले   new Blogger interfaceचलाउनु भएको छ भने
  • Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)
Step 2. यो कोड भेट्टाउनु होस ]]></b:skin>   (CTRL + F)

]]></b:skin>

Step 3. तल को कोड यो कोड ]]></b:skin>   भन्दा माथी पेस्ट गर्नु होस  

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXP2DHr6FKbuWqoaKyzdOPYkm_gq44SgqegTOuPK_JeWT55rgORCW83xraIDnQSxZfyPM5oVO_GCa_VC2VlRVeVCDv0m0yBNt6jNxQNz1AFuJZTJYR0lF8m7pHKOouFY7VAsy0o5_4VEQf/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}

Step 4. अब यो कोड भेट्टाउनु होस 

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

Note: यदी माथी को कोड भेटिएन भने यो कोड खोज्नु होस  

<b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>

Step 5. अब तल को कोड माथी को कोड भन्दा तल राख्नु होस 

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>


Step 6. अब पृभिउ हेर्नु होस यदी ठीक छ भने Template लाई सेभ गर्नु होस 
निलो कलर को कोड लाई आफ्नो लिन्क ले चेन्ज गर्नु होस 

तल को इमेज मा right क्लिक गरेर कपि इमेज लोकेसन गर्नुहोस र त्यो लिन्क लाई माथी को निलो लिन्क सङ्ग परिवर्तन गर्नुहोस 

bubble comment count, bubble blogger postsblogger comments, comment countblogger blogspot, blogger commentsblogger bubble comment countcomments in blogger titlesblogger tips, blogger tricksblogger widgets, bubble comment countbubble comment countBubble Comment CountBubble Comment Count, blogger blogspot



No comments:

Post a Comment

यदी कुनै समस्या भए हामिलाई पठाउनुहोस

By Comment