பதிவின் தலைப்பில் Bubble Comments Count

பிளாக்கர் தளங்களில் பதிவுகளின் தலைப்பில் பின்னூட்டங்களின் எண்ணிக்கையை அழகிய படத்துடன் காட்டலாம். இது Bubble Comments Count எனப்படும். சில டெம்ப்ளேட்களில் இது Default-ஆக இருக்கும். அப்படி இல்லாத தளங்களில் வைப்பது எப்படி? என்று இங்கு பார்ப்போம்.

1. முதலில் Blogger Dashboard => Template பகுதிக்கு செல்லுங்கள்.

2. அங்கு வலதுபுறம் மேலே Backup/Restore என்பதை க்ளிக் செய்து, உங்கள் டெம்ப்ளேட்டை பதிவிறக்கிக் கொள்ளுங்கள். நாம் டெம்ப்ளேட்டில் மாற்றம் செய்யும் போது பிழை வந்தால் மீண்டும் பழைய நிலைக்கு செல்லலாம்.

3. பிறகு Edit Html => Proceed என்பதை க்ளிக் செய்யுங்கள்.

4. பிறகு Expand Widget Templates என்பதற்கு அருகே உள்ள பெட்டியில் டிக் செய்யுங்கள்.

 5. பிறகு
]]></b:skin>
என்ற Code-ஐ தேடி அதற்கு முன்னால் பின்வரும் Code-ஐ காப்பி செய்து பேஸ்ட் செய்யுங்கள்.

.comment-bubble {

float : right;

width : 48px;

height : 48px;

background : url(http://1.bp.blogspot.com/_1fRuBdlSpLw/S-_7DPCITWI/AAAAAAAAAXU/EBCsy37ga2U/s1600/Comment+Bubble+%2815%29.png) no-repeat;

font-size : 18px;

margin-top : -15px;

margin-right : 2px;

text-align : center;

}

*** Comment Bubble-ஐ இடது புறம் வைக்க விரும்பினால் மேலுள்ள Code-ல் right என்பதற்கு பதிலாக left என்று மாற்றவும்.

**** background : url என்ற இடத்தில் உங்களுக்கு பிடித்த படங்களின் முகவரியைக் கொடுக்கலாம்.

 6. பிறகு கீழுள்ள Code-ஐ கண்டுபிடிக்கவும்.

<b:includable id='post' var='post'>

<div class='post hentry uncustomized-post-template'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'><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>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>


*** மேலுள்ள Code-ல் சிவப்பு கலரில் உள்ளது நீங்கள் புதிதாக சேர்க்க வேண்டிய Code. சரியாக பார்த்து அதனை சேர்க்கவும்.

7. பிறகு Preview பட்டனை அழுத்தி பார்க்கவும். சரியாக வந்தால் Save Template என்பதை க்ளிக் செய்யவும்.

அவ்வளவு தான்! இனி பதிவின் தலைப்புக்கு அருகே பின்னூட்டங்களின் எண்ணிக்கை அழகிய படத்துடன் காட்சி அளிக்கும்.



 உங்களுக்காக சில படங்கள்:

Bubble Comment Count in bloggerBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment Count for bloggerBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountAdd Bubble Comment CountShow Bubble Comment CountHow to add Bubble Comment Countbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment blogger

உங்களுக்கு பிடித்த படங்களின் மீது Righ Click செய்து, Copy Image location என்பதை க்ளிக் செய்தால் படத்தின் முகவரி கிடைக்கும்.

15 கருத்துக்கள்:

  1. பார்த்தேன் படித்தேன் எனது தளத்தில் இணைத்தேன்.பகிர்வுக்கு நன்றி

    ReplyDelete
  2. சலாம் பாஸித்!

    நானும் சேர்த்துவிட்டேன், நன்றி சகோ. ஒவ்வொரு கமெண்ட்டுக்கும் அதுபோல் எண்ணிக்கைக் காட்டுவதுபோல் முதலில் செட் பண்ணியிருந்தேன். "Reply" வசதி வைத்தவுடன் அது காணாமல் போச்சு :( என்ன செய்யலாம் அதற்கு?

    ReplyDelete
  3. முயற்சி செய்து பார்க்கிறேன் சகோ..பிளாக்கர்களுக்கு புது புது வசதியாய் அறிமுகம் செய்து வைக்கும் தங்கள் பணி தொடர வேண்டும் என்பதே எனது ஆசை..நன்றி.

    சைக்கோ திரை விமர்சனம்

    ReplyDelete
  4. இது எல்லோருக்கும் பயனுள்ள பதிவு, பகிர்வுக்கு நன்றி நண்பரே ..!

    ReplyDelete
  5. பயனுள்ள தகவல் அன்பரே!நீண்ட நாட்களாக இதை எவ்வாறு வைப்பது ரன தேடி கொண்டிருந்தேன் நன்றி நன்றி

    ReplyDelete
  6. பயனுள்ள பதிவு ! நன்றி நண்பரே !

    ReplyDelete
  7. நன்றி நண்பா மிகவும் பயனுள்ள பதிவு

    ReplyDelete
  8. நன்றாக உள்ளது.

    www.smartlibrarians.in

    ReplyDelete
  9. பயனுள்ள தகவல்... எனது பிளாக்கிலும் இந்த வசதியை சேர்த்துவிட்டேன்.

    www.karkandu.com

    ReplyDelete


  10. இது என்ன என்று எனக்கு விளங்க வில்லை/ மேலுள்ள Code-ல் சிவப்பு கலரில் உள்ளது நீங்கள் புதிதாக சேர்க்க வேண்டிய Code. சரியாக பார்த்து அதனை சேர்க்கவும்./

    நான் எந்த Code ஐ சேர்ப்பது
    இது எந்த Code பதில் சொல்லவும் \

    ReplyDelete
    Replies
    1. <h3 class='post-title entry-title'> என்ற கோடிற்கு கீழே சிகப்பு நிற கோடுகளை சேர்க்க வேண்டும்.

      Delete
  11. எவ்வளவு அழகாக பிளாக்கரை பற்றி பாடம் நடத்துகிறீர்கள் மிக்க நன்றி

    ReplyDelete

Creative Commons License இந்த வலைப்பதிவின் உள்ளடக்கம் அனைத்தையும் Creative Commons Attribution-ShareAlike 3.0 Unported License உரிமத்தின் அடிப்படையில் வழங்குகிறேன்.

Friends

Google+ Followers