Cara Membuat Artikel Terkait di Posting Blog

Membuat Artikel Terkait pada Blogspot - Kali ini saya akan berbagi bagaimana cara membuat Artikel terkait yang dapat memudahkan pengunjung blog untuk menelusuri artikel-artikel sobat yang sudah sobat posting di Blog. selain itu fungsinya juga dapat menerbitkan semua posting dengan kategori Label yang sama, biasanya Artikel terkait ini diletakkan disetiap bagian bawah posting sobat..

Silahkan ikuti cara nya berikut ini :

1. Login ke akun Blogger sobat.
2. Masuk ke menu Rancangan - Edit HTML (Disarankan BakcUp dulu template nya untuk menjaga apabila terjadi kesalahan.
3. Jika sudah, beri centang pada Expand Widget Template.
4. Cari kode <data:post.body/> (Untuk mempermudah pencarian gunakan CTRL+F pada browser). Dan letakkan kode yang didalam spoiler berikut tepat di bawah kode <data:post.body/> .

(BACA --> Biasanya ada beberapa kode yang sama jika sudah memasang fitur ReadMore pada blog. Jika kode nya ada 2 maka letakkan dibawah kode yang pertama, Jika kode nya ada 4 maka letakkan dibawah kode yang ke ketiga.)

copy-paste script disini!!

<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 = 10;
var maxNumberOfLabels = 3;
maxNumberOfPostsPerLabel = 11;
maxNumberOfLabels = 4;
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>

     5.  Save Template dan Lihat Hasilnya sob.

Sobat juga bisa berekspresi sesuai dengan keinginan dengan beberapa keterangan ini :

• <h3>Artikel Terkait</h3>                              -->> Judul Widget.
• var maxNumberOfPostsPerLabel = 10;             -->> Jumlah post yang ditampilkan setiap Label.
• var maxNumberOfLabels = 3;                           -->> Jumlah Label yang ditampilkan.
• maxNumberOfPostsPerLabel = 11;                   -->> Jumlah maksimal post yang ditampilkan.
• maxNumberOfLabels = 4;                                 -->> Jumlah maksimal Label yang ditampilkan.

Silahkan sobat sesuaikan saja dengan keinginan sobat....

-JANGAN LUPA LIKE DAN FOLLOW BLOG KAMI...TERIMA KASIH- Link Download Mediafire Bermasalah ??,,Cara Download di Mediafire melalui adf.ly Klik Disini . -Ingin mengganti domain Dot Com ??,,GRATIS KLIK DISINI-

Baca Juga Artikel Menarik Lainnya:

Categories: Blogger