படத்துடன் கூடிய அண்மைய கருத்துரைகள் விட்ஜெடை (recent comment widget) பிளாக்கில் நிறுவுவது எப்படி?

Posted On Jan 22,2012,By Muthukumar

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

1. உங்கள் பிளாக்கரில் DASHBOARD > DESIGN > ADD A GADGET செல்லுங்கள்

2. அங்கே ADD HTML/ JAVA SCRIPT என்பதை தேர்ந்தெடுங்கள்.

3. அந்த பக்கத்தில் கீழே உள்ள நிரலிகளை காப்பி/பேஸ்ட் செய்து தங்கள் பிளாக்கின் வசதிக்கேற்ப ஏற்ப ஒன்றிரண்டு மாற்றங்கள் செய்தாலே போதும்.

<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://www.tamilvaasi.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

      மேலே உள்ள நிரலிகளை பேஸ்ட் செய்து SAVE செய்யவும். இதில் ஒரே ஒரு மாற்றம் கண்டிப்பாக செய்ய வேண்டும். அது என்னவெனில் src="http://www.tamilvaasi.com/feeds/comments/default? என்ற வரியில் ஹைலைட் காட்டியுள்ள URLஐ நீக்கி விட்டு உங்கள் பிளாக் URLஐ இணைக்கவும். அப்போதுதான் உங்கள் பிளாக்கின் கருத்துக்கள் காட்டும்.

கோடிட்ட URLஐ நீக்கி உங்கள் பிளாக்கின் URL இணைக்கவும்

மேலும் சிலவற்றை உங்கள் தேவைக்கு ஏற்ற மாதிரி நீங்களே மாற்றியமைக்கலாம். அவை என்னென்ன?

மேலே படத்தில் அம்புக்குறியிட்ட இடங்கள் எவற்றை குறிக்கின்றன என பார்ப்போமா?

1. numcomments = 5; என்பது அண்மைய ஐந்து கருத்துகளை காட்டும். இதனை உங்கள் தேவைக்கு தகுந்தவாறு கருத்துகளின் எண்ணிக்கையை கொடுத்துக் கொள்ளலாம்.

2. showavatar = true; இங்கே trueக்கு பதிலாக false என கொடுத்தால் படம் காட்டாது.

3. avatarsize = 60; இங்கே 60 என்பது படத்தின் அளவை குறிக்கிறது. படத்தின் அளவு குறைக்க விரும்பினால் 60ஐ விட குறைந்த எண்ணை தரவும். கூட்ட விரும்பினால் 60ஐ விட அதிக மதிப்பு எண்ணை தரவும்.

4. roundavatar = true; இங்கே trueக்கு பதிலாக false என கொடுத்தால்படம் வட்ட வடிவில் காட்டாது. 

5. characters = 40; இங்கே 40 என்பது காட்டப்படும் எழுத்துகளின் எண்ணிக்கையை குறிக்கிறது. இதனையும் தங்கள் தேவைக்கு ஏற்றவாறு மாற்றிக் கொள்ளலாம்.

     நண்பர்களே, மிக எளிமையான முறையில் உங்கள் பிளாக்கில் அண்மைய கருத்துரைகள் (recent comment box) விட்ஜெட்ஐ நிறுவுங்கள்.