நீங்கள் கொம்பியூட்டர் உலகத்திற்கு அடிக்கடி வருபவர் எனில்,

ஐ கிளிக் செய்யுங்கள்.

Thursday, November 26, 2009

Blogger இல் தொடா்பான பதிவுகள் – உத்தி!

நீங்கள் Blogger ஐ பயன்படுத்துபவா் எனில், இந்தப் பதிவு உங்களுக்கு உதவும் என்று நம்புகிறேன்.

பொதுவாகவே வ.பூவில் இடப்படுகின்ற பதிவுகள் ஒன்றை ஒன்று ஏதோ ஒரு விதத்தில் சார்ந்திருக்கும். அவ்வாறான பதிவுகளை வேறு ஒரு பதிவைப் படிக்கும் வ.பூ வாசகனுக்கு தெரியப்படுத்தும் போது வாசகனை எம் வ.பூவில் அதிக நேரம் வைத்திருக்கமுடியும். இந்த உத்தி பல சேவை வழங்குனா்களால் பயன்படுத்தப்டுகின்றது. “Related Links” என்று பதிவின் கீழ் அந்தப் பதிவோடு தொடா்பான பதிவுகளை காட்டுவது தான் அந்த உத்தி!

Blogger இல் இதற்கென தனியாக ஒரு Widget (தனித்து இயங்கும் சிறு நிரல்) இருப்பதாக எனக்குத் தெரியவில்லை. (அறிந்தவா்கள் தெரியப்படுத்தலாம்.) இதற்கான மாற்று வழி தான் இந்தப் பதிவு.

  • வ.பூக்களை மேலாண்மை செய்யும் பகுதியில் (Dashboard) Layout என்ற இணைப்பை அழுத்தி, பின் வரும் சாளரத்தில் (Window) Edit HTML என்பதை அழுத்தவும். (Blogger Dashboard –> Layout –> Edit HTML)

image

  • மேற்சொன்ன கட்டளையைச் செயற்படுத்தியவுடன் வருகின்ற சாளரத்தில் Expand Widget Templates என்ற பெட்டியானது தெரிவு செய்யப்படவேண்டும். (அதற்கு முன் உங்கள் Template ஐ தரவிறக்கி வைத்துக் கொள்ளுங்கள்!)

image

  • பின் </head> என்ற HTML Tag ஐ தேடுங்கள். (நீங்கள் நெருப்புநரி பயன்படுத்துபவா் எனில், Ctrl+F ஐ அழுத்துவதன் மூலம் இதனைச் செய்யலாம். Microsoft Internet Explorer இலும் இதே சிறு கட்டளையை பயன்படுத்தலாம்.)
  • கீழ்காணும் நிரலை (CSS Style) ஐ </head> இற்கு சற்று மேல் பிரதிசெய்து(Ctrl +C) ஒட்டவும் (Ctrl+V).

image

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://1.bp.blogspot.com/_cNpXRtRph18/SpbSRYurg2I/AAAAAAAAD7Q/GbYNm2feyIQ/rss.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 21px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://bsaves.com/scripts/Related_posts_hack.js' type='text/javascript'/>

  • இப்போது நீங்கள் <p><data:post.body/></p> அல்லது <data:post.body/> என்பதை தேடவேண்டும்.

image

  • கீழ்க்காணும் நிரலை மேலே நீங்கள் தேடிய பகுதியின் கீழ் இணைத்துவிடுங்கள்.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

  • இறுதியாக உங்கள் Template ஐ சேமித்துவிடுங்கள்.

குறிப்பு : நீங்கள் உங்கள் பதிகளுக்கு Label / Tag / Category கொடுத்திருத்தல் அவசியம்.

1 comments:

Anonymous said...

thanks for this kindly tips 147896325

Related Posts Plugin for WordPress, Blogger...