Cara Membuat Related Post ( Artikel Terkait )

Membuat Related Post atau Artikel Terkait  pada blog mungkin hal yang baik untuk berperan memudahkan para visitor blog untuk membaca artikel yang terkait dengan judul postingan yang  sedang dibaca

Yang tertaut pada Label blog yang kita buat dengan batas jumlah  maksimal yang kita tentukan yang akan ditampilkan pada artikel yang akan dibaca nantinya.

Langkah Pertama.

  1. Login ke akun blogger anda
  2. Pada dashboard blog anda pilih Template
  3. Pilih Edit HTML
Kemudian cari kode ]]></b:skin>  Kemudian copy coding dibawah ini dan tepatkan diatasnya.Gunakan Ctrl+ F untuk mempermudah pencarian pada kodenya.
.rbbox{border: 1px solid #D8D8D8;padding: 5px;background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
Lalu cari kode  <data:post.body/>  atau   <data:posts.body/>  dan letakkan coding dibawah ini tepat dibawahnya
Kemungkinan setiap template blog berbeda-beda, cari saja coding yang mirip dengan yang diatas.
HTML5
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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;albri&#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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

Setelah itu simpan Template anda, dan lihat hasinya.
Demikian tutorial Cara Membuat Related Post , semoga bisa membantu. Happy Blooging






Description Judul: Cara Membuat Related Post ( Artikel Terkait )
Rating: 4.5
Reviewer: Supriadi saragih

5 komentar

Tambah komentar

makasih infonya masbray,,, ntar segera dipraktekkan :)

Sama2 sama sob.
terimasih juga, atas kunjunganya :) :)

Template blog saya kebetulan sudah ada widget related post nya, tapi terkadang sering eror begitu hmmmm aneh dech :) Trik diatas mungkin bisa dicoba untuk dipraktekkan untuk membuat artikel terkait yang lebih bagus, nggak eroran. Thanks mas atas tutorialnya.

Saya izin follow blog nya ya. Kalau berkenan, mohon follow back ^^

terimakasih kembali sob.
follow backnya sukses atas "SUPRIADI SARAGIH "

happy blogging... :)

widget ini sangat ampuh buat nambah Page View, dan harus ada disetiap blog.. :D

saya sukses Folback mas..:D

PERHATIAN....!!!

-Dilarang NGEPET Disini Ya
-Dilarang Kentut Disini
-Dilarang Pipis Disini
-Dilarang Ketawa-Ketiwi
-Dilarang Marah-Marah
-Dilarang Meniggalkan Link Aktif Pada Komentar Disini.
-Link Aktif Langsung Dihapus Selamanya :(
Terimakasih Atas Kunjunganya ^_^

Horas...
About - Contact - Sitemap - Privacy Policy - Discliamer
© Copyright-2014 Tentang Ilmu Pengetahuan Template by Creating Website Proudly powered by Blogger