19 ஜூன், 2015

பிளாக்கரில் Related Post கேட்ஜெட் இணைப்பது எப்படி?

Posted by Anto Navis

இதைப்பற்றி ஏற்கனவே உங்களுக்கு தெரிந்திருக்கலாம்.  ஆனால் தெரியாதவர்களுக்காக மட்டும் இதை எழுதுகிறேன்.  பதிவர்கள் கண்டிப்பாக உபயோகப்படுத்த வேண்டியது 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 == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h2>Related post</h2>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 3;
maxNumberOfPostsPerLabel = 5;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; 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 ஐ வைத்து உங்கள் வலைப்பதிவை மேலும் அழகாக்கிக் கொள்ளுங்கள்.  
நன்றி... மீண்டும் சந்திப்போம்..................

0 comments:

கருத்துரையிடுக

பிரபலமான இடுகைகள்