இதைப்பற்றி ஏற்கனவே உங்களுக்கு தெரிந்திருக்கலாம். ஆனால் தெரியாதவர்களுக்காக மட்டும் இதை எழுதுகிறேன். பதிவர்கள் கண்டிப்பாக உபயோகப்படுத்த வேண்டியது Related Post Gadget. ஏன் என்றால் நம் வலை பதிவிற்கு பதிவை படிக்க வருபவர்கள், அவர்கள் தேடிவந்த
பதிவு சம்பந்தமான பதிவுகளை தேடி படிப்பதிலேயே அதிக
ஆர்வம் காட்டுவார்கள்.
அதனால் நாம் அவர்கள் படிக்கும் பதிவின் கீழேயே அதற்க்கு சம்பந்தமான பதிவுகளை பட்டியலிட இந்த Related Post Gadget உதவுகிறது. இதனால் பதிவை படிக்க வருபவர்கள் பதிவுகளை தேடாமல் மிக சுலபமாக படிக்க வசதியாய் இருக்கும். இதனால் வாசகர்கள் வரத்து அதிகரிக்கும்.
Related Post Gadget 'ஐ சுலபமாக இணைக்கலாம் அதற்க்கான வழிமுறைகளை கீழே கொடுத்துள்ளேன்.
1. முதலில் Dashboard ==> Design ==> Edit HTML ==> Download Full Template என்பதை தேர்வுசெய்து உங்கள் வலைப்பதிவை Backup எடுத்து வைத்துக் கொள்ளுங்கள்.
2. பிறகு Dashboard ==> Design ==> Edit HTML ==> Expand Widget Templates என்ற இடத்தில் டிக் அடையாளம் ஏற்படுத்திக் கொள்ளுங்கள்.
3. பிறகு ( CTRL+F ) அழுத்தி <data:post.body/> இந்த கோடிங்கை கண்டுபிடியுங்கள்.
4. கண்டுபிடித்த கோடிங்கின் கீழே. இங்கே கீழே கொடுத்துள்ள கோடிங்கை பேஸ்ட் செய்யுங்கள்.
<!--related post started-->
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h2>Related post</h2>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 3;
maxNumberOfPostsPerLabel = 5;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
<!--Bloggertrix.com-->
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
<!--related post end-->
இப்போது Save Template என்பதை தேர்வு செய்து வெளியேறுங்கள்.
var maxNumberOfPostsPerLabel = 5;
maxNumberOfPostsPerLabel = 5;
உங்களுக்கு பதிவின் கீழ் எத்தனை பதிவுகள் தேவையோ அதர்கேற்றர்ப்போல் எண்ணிக்கையை இங்கே மாற்றிக் கொள்ளலாம்.
இந்த Related Post Gadget ஐ வைத்து உங்கள் வலைப்பதிவை மேலும் அழகாக்கிக் கொள்ளுங்கள்.
நன்றி... மீண்டும் சந்திப்போம்..................
என்று நான்கு பட்டன்கள் இருக்கும்.
- Compose என்பது நாம் எழுதும் பதிவு, இணைத்திருக்கும் படங்கள் எல்லாம் ப்ளாக்கில் எப்படி இருக்குமோ (கிட்டத்தட்ட) அதே போல காட்சி அளிக்கும். HTML என்பது நாம் எழுதும் பதிவு, இணைத்திருக்கும் படங்கள் ஆகியவற்றை HTML நிரல்களாக காட்டும். எப்போதும் Compose Mode-ல் வைத்து எழுதுங்கள். உங்களுக்கு HTML தெரிந்திருந்தால் நிரலில் மாற்றம் செய்யலாம்.
- இது Undo/Redo ஆகும். பதிவெழுதும் போது மாற்றம் செய்தால் முந்தைய மாற்றத்திற்கு செல்லவும், பிந்தைய மாற்றத்திற்கு செல்லவும் பயன்படுகிறது.
- இவைகள் எழுத்துக்களை அழகுப்படுத்த உதவுகிறது. நாம் மாற்ற வேண்டிய வார்த்தைகளை தேர்வு செய்து இதனை சொடுக்க வேண்டும்.
- இவைகள் மற்ற இணையப்பக்கங்களுக்கு இணைப்பு (Links) கொடுக்க, படங்கள், வீடியோக்கள் இணைக்க, முகப்பு பக்கத்தில் சிலவற்றை மட்டும் தெரியவைக்க (Jump Break) பயன்படுகிறது.
- இவை தமிழில் உள்பட பல மொழிகளில் தட்டச்சு செய்யவும் (Amma என்று டைப் செய்தால் அம்மா என்று வரும்), பதிவை வலதுப் பக்கத்திலிருந்து இடது பக்கமாகவோ, இடத்துப் பக்கத்திலிருந்து வலது பக்கமாகவோ தெரியவைக்கவும் பயன்படுகிறது.
.png)
