Cara Membuat Artikel Terkait Di Bawah Postingan

Label:
Tidak semua template grtatis yang kita download menyertakan fungsi Artikel Terkait atau bahasa keren nya Related Post di bawah postingan. Ini terjadi pula pada template yang kupakai saat ini. Artikel terkait ini sangat bermanfaat bagi sebuah blog. Selain untuk meningkatkan page views, related post ini juga membantu agar postingan kita yang belum terindeks bisa terindeks oleh search engine. Related Post adalah daftar link posting yang berhubungan, dihubungkan oleh kategori atau label yang sama.
Okay kita langsung aja masuk ke cara membuatnya.


Langkah Cara Membuat Related Post/Artikel Terkait.

Pergilah ke Dashboard blog anda,lalu pilih Tata Letak/Layout,kemudian pilih tab Edit HTML.





cara membuat related topic.


Jangan lupa beri tanda contreng ya pada tulisan Expand Widget Templates.





cara membuat artikel berhubungan.


Selanjutnya cari kode berikut:


<p><data:post.body/></p> atau <data:post.body/>







artikel berhubungan / related post.


Jika sudah ketemu,letakkan kode script berikut tepat dibawah kode tadi {lihat gambar ilustrasi diatas} - klik untuk melihat lebih jelas


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<!-- *****************http://hadi-99.blogspot.com*****Jun,2010********** -->
<!-- *****************Related Articles by Labels - Take Two************* -->

<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
</div>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
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>




Setelah itu Simpan Templates Dan Selesai.

Ket:
Untuk tulisan kode yang bercetak tebal "Artikel Terkait" gantilah sesuai keinginan seperti; Artikel yang Berkaitan,Artikel yang Berhubungan,Posting Terkait,Related Post,dll
Sumber: http://pelajaran-blog.blogspot.com

0 komentar:

Posting Komentar

 
BLOG HADI © 2010 | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates