May 10, 2011

பிளாக்கர் பதிவுகளில் Twitter Share பட்டனை இணைப்பது எப்படி?


கடந்த 2010 ஆம் வருடத்தில் மிக பிரபலமான இணையதளங்களில் டுவிட்டரும் ஒன்றாகும். டுவிட்டரில் 140 எழுத்துகளில் செய்திகளை பகிர்ந்து கொண்டு உலகெங்கும் உள்ள நண்பர்களுக்கு பரப்ப முடியும். பிளாக்கரில் வலைத்தளம் வைத்திருப்பவர்கள் தங்களது பதிவுகளை ஒருமுறையாவது பதிவின் இணைப்பை டுவிட்டரில் பகிர்வது அவசியம். இது எதற்காக என்றால் டுவிட்டரில் நம்மை பின் தொடரும் நண்பர்களுக்காக பகிர்வோம். நமது வலைப்பதிவை படிக்கும் வாசகர்கள் அவர்களின் நண்பர்களுக்கு தெரிந்தவர்களுக்கு என்று நமது பதிவைப் பற்றி உடனடியாக பகிர்ந்து கொள்ள Twitter Share பட்டன்கள் பயன்படுகின்றன. இதன் மூலம் நமது பதிவு நிறைய பேரைச் சென்றடையும் வாய்ப்புள்ளது.

டுவிட்டர் நிறுவனம் வலைத்தளங்களில் பயன்படுத்திக் கொள்ள தனது அதிகாரப்பூர்வ Share பட்டன்களை வெளியிட்டுள்ளது. இதற்கு முன்னர் பலரும் Retweet என்ற பட்டனையே பயன்படுத்தி வந்தனர்.இதில் இணையதள முகவரிகளை சுருக்குவதற்கு டுவிட்டரின் t.co என்ற இணையதள சேவை பயன்படுத்தப்படுகிறது.

Twitter Share பட்டன்கள் மூன்று விதமான டிசைன்களில் வைத்துக்கொள்ள முடியும். கீழ்வரும் மூன்று அமைப்புகளில் உங்களுக்குப் பிடித்ததை தேர்வு செய்து கொள்ளவும்.

1. Twitter Vertical Share Button with Count

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin:4px;'>
<a class='twitter-share-button' data-count='vertical' data-via='Ponmalar' expr:data-text='"Currently reading: " + data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
</div>
</b:if>

2. Twitter Horizontal Share Button with Count

<b:if cond="data:blog.pageType == &quot;item&quot;">
<div style='float:right;margin:4px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='Ponmalar' expr:data-text='"Currently reading: " + data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a></div>
</b:if>

3. Twitter Button with No Count

<b:if cond="data:blog.pageType == &quot;item&quot;">
<div style='float:right;margin:4px;'>
<a class='twitter-share-button' data-count='none' data-via='Ponmalar' expr:data-text='"Currently reading: " + data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
</div>
</b:if>

Twitter Share பட்டனை இணைப்பதற்கான வழிமுறைகள்.

1. முதலில் பிளாக்கர் தளத்தில் உங்கள் கணக்கில் நுழையவும்.
2. Design -> Edit HTML செல்லவும்.
3. Expand Widget Templates என்பதனை டிக் செய்து கொள்ளவும்.
4. கீழுள்ள நிரல்வரிகளை காப்பி செய்து </body> என்ற டேகுக்கு முன்னால்
போட்டுக் கொள்ளவும்.

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

5. பின்னர் <data:post.body/> என்ற வரியைத் தேடிப் பிடிக்கவும்.
6. உங்களுக்குப் பிடித்த டிசைனில் உள்ள பட்டனின் நிரல்வரிகளை காப்பி செய்யவும்.
7. பதிவுகளின் மேல்பகுதியில் பட்டன் வேண்டுமெனில் <data:post.body/> வரிக்கு முன்பாகவும், பதிவுகளின் அடியில் வேண்டுமெனில் <data:post.body/> வரிக்கு பின்பாகவும் காப்பி செய்த வரிகளை இட்டு சேமிக்கவும்.

மற்ற அமைப்புகள் :
  • data-via: Ponmalar என்பதற்குப் பதிலாக உங்கள் டுவிட்டர் பெயரைக் கொடுக்கவும்.
  • data-text: என்பதில் உள்ள “Currently Reading:” என்ற வரிகளுக்குப் பதிலாக ”I am Reading:” போன்ற நீங்கள் விரும்பும் வார்த்தைகளை மாற்றிக் கொள்ளலாம்.
  • மேலே உள்ள நிரல் வரிகள் பதிவுகள் முழுதாக தோன்றும் பக்கத்தில் மட்டுமே (Only in posts page) காட்சியளிக்கும். முகப்புப் பக்கத்திலும் தோன்ற சிவப்பு வண்ணத்தில் தோன்றும் முதல் வரி மற்றும் கடைசி வரியை நீக்கி விடலாம்.
  • இவை பதிவுகளின் வலது ஒரத்தில் (Right top corner) தோன்றுமாறு செய்யப் பட்டுள்ளது. இடது ஒரத்தில் தெரிய வேண்டுமெனில் float:left என்று மாற்றிக் கொள்ளவும். இடது வலது என்றில்லாமல் எப்போதும் போல சேர்க்கும் இடத்தில் தெரிய <div> வரிகளை எடுத்து விடுங்கள்.

1 comment: