Cara Membuat Related Post (Artikel Terkait)

Mungkin beberapa dari anda sudah tau apa itu Related Post (Artikel Terkait) atau mungkin pernah melihat di blog seseorang, sebagai contoh di blog saya juga memiliki Related Post (Artikel Terkait). Coba scrool sampai ke bawah posting ini, nanti anda akan menjumpai sebuah tulisan "Artikel Yang Terkait :". Ini adalah contoh gampangnya.



Dan untuk membuat itu sangat mudah sekali, caranya adalah sebagai berikut. STEP BY STEP :

1. Login ke Blogger.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Kemudian klik Expand Template Widgets .
5. Cari kode yang seperti ini : Saran, jika susah mencarinya ketik F3 saja/Ctrl+F

<data:post.body/>

6. Jika anda sudah menggunakan read more pada template sobat, maka anda akan menemukan 2 kode <data:post.body/>
7. Kemudian letakkan script berikut ini setelah kode yang pertama

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 7;

maxNumberOfPostsPerLabel = 7;
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);
}
}
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>
8. Save templates.

Semoga bermanfaat untuk kalian semua dan jangan lupa commentnya oke

7 komentar:

Semangat, 22 February 2010 at 08:29 | [Reply]

Sederhana tapi bermanfaat banget.
Langsung dipraktekin...

Unknown, 6 November 2010 at 21:34 | [Reply]

Bagus neh bos...
Numpang pake di BLOG SAYA yahhh...
Makasih banyak sebelumnya....

Salam Kenal,
JOHNY

Dimas Abi Galoga, 7 November 2010 at 04:22 | [Reply]

@Semangat mantab gan
@John Pinem oke sob silahkan. salam kenal juga

Nanang ryan, 13 November 2010 at 20:22 | [Reply]

Trims banget sob infonya semoga berkah.
mampir juga dong di situs saya di ryanzone

Unknown, 23 January 2012 at 23:10 | [Reply]

Terimakasih atas tutorialnya sangat bermanfaat bagi saya

Unknown, 23 January 2012 at 23:47 | [Reply]

Terimakasih atas tutorialnya sangat bermanfaat bagi saya

Unknown, 23 January 2012 at 23:47 | [Reply]

Terimakasih atas tutorialnya sangat bermanfaat bagi saya

Post a comment

Kotak Komentar Klasik Klik Di sini

« Prev Next » Home