படங்களுடன் கூடிய Related Posts பகுதியை ப்ளாக்கில் இணைப்பது எவ்வாறு?

Posted on 2012/05/01 at 6:54 PM By Tamil CC

இப்பதிவு உங்கள் ப்ளாக்கில் related posts பகுதியை ஒவ்வொரு பதிவிலும்thumbnails என்ற குறிப்பு படங்களுடன் தோன்ற செய்ய வழிவகுக்கிறது . இவ் "தொடர்பான பகுதிகள்: உங்கள் category/label/tag இல் இருந்து தெரிவு செய்யப்படுகிறது. இவ் விஜெட் உங்கள் வாசகர்களை தொடர்ந்தும் உங்கள் வலைப்பூவில் இணைந்து இருக்க உதவுகிறது. இதை எவ்வாறு உங்கள் கணனியில் நிறுவுவது என்று பார்ப்போம்.

Use Ctrl + C to copy following coding

வலைப்பூவில் பின்வரும் படிமுறைகளை பின்பற்றுங்கள்.

Step 1. இவ்வாறு செல்லுங்கள்: Blogger Dashboard >>Design >>Edit HTML; ;

Step 2. "Expand widgets template" boxஇல் சரி அடியாளம் இடுங்கள்;

Step 3.பின்வரும் வரியை தேடுங்கள்.(CTRL + F அழுத்துவதன் மூலம்) : 123

Step 4. பகுதிக்கு மேலே கீழே உள்ள கோடிங் பகுதியை copy செய்து paste பண்ணுங்கள்

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF0qVAZdM_UqFRe5NaqYfKOFl0uyssKVrvmpyICEurfc8cdrFxX0-X1tia75PvXs0Br9T53z7FonjMRezUmgnGpmQeMdjA4JDYOh8TOulhpjlpD3wf31Ck8pIMMeB3-L0cgGD5sjxIZYRh/s1600/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
</b:if>

குறிப்பு:
-உங்கள் பதிவில் படங்கள் இல்லாவிடின் பொதுவான படத்தை காண்பிக்க பொதுவான பட URLஐ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF0qVAZdM_UqFRe5NaqYfKOFl0uyssKVrvmpyICEurfc8cdrFxX0-X1tia75PvXs0Br9T53z7FonjMRezUmgnGpmQeMdjA4JDYOh8TOulhpjlpD3wf31Ck8pIMMeB3-L0cgGD5sjxIZYRh/s1600/noimage.png பகுதியில் பிரதியிடுங்கள் ,
- 5 postsக்கும் அதிகமான பதிவுகளை related பகுதியில் தோன்ற வைக்க , 5 என்றதை"var maxresults=5 பகுதியில் இருந்து பொருத்தமானதை கொண்டு பிரதியிடுங்கள்;"

Step 5.:இப்போது இந்த பகுதியை தேடுங்கள்

கிடைக்காவிடின் இதை தேடுங்கள்

சில சமயம் இரண்டு பொறுத்த பாடுகள் கிடைப்பின் முதலாவதை தெரிவு செய்யுங்கள்

Step 6.கீழே உள்ளதை copy செய்து இப்போது அதன் கீழே paste செய்யுங்கள்

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://helplogger.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVRn9AZiOKb4It2uRTsKis_H75vLkz06hLWjRZEjZfJ5Wv32CG7Of813G_bUZ3AtpZKAJ4LheajjWdSneNssVbhEEykF-ID5ctp8mUsjrJkKizAjcSJ3F0BJPzlsKdz3DkRwIxrNigsGRt/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>

குறிப்பு- 6பெறுமதியை max-results=6 பகுதியில் மாற்றி தெரியும் எண்ணிக்கையை கட்டுப்படுத்தலாம் .
-முகப்பு தளத்திலும் இவ் விஜெட் தோன்ற மற்றும் இல் உள்ள கோடிங்கை நீக்கவும்

Step 7.இப்போது சேமியுங்கள் உங்கள் Related Post widget படத்துடன் தயார் .

இது மொழி மாற்றம் செய்யப்பட்ட பதிவு. தொடர்ந்து இவ்வாறான பதிவுகளை நாம் வழங்க தயார். உங்கள் கருத்துக்களை பகிருங்கள்.

நீங்களே எங்கள் உலகம்

படங்களுடன் கூடிய Related Posts பகுதியை ப்ளாக்கில் இணைப்பது எவ்வாறு?

எப்போதும் பிரபலமானவை

Blog Archive

இம்மாதம் பிரபலமானவை