Tips Blogger | Cara Memasang Daftar Judul Artikel Terkait Di Akhir Postingan

Pengunjung itu adalah Raja...Mungkin itu ucapan yang tepat buat pemilik Blog terhadap pengunjungnya, maka dari itu layani pengunjung Blog kita dengan baik, buat mereka betah berlama-lama duduk manis di depan computer hanya untuk menikmati artikel Blog kita. Salah satu hal penting yang perlu diperhatikan adalah menyajikan artikel yang berkualitas serta informatif, kenyamanan dan kemudahan untuk menemukan apa yang mereka mungkin butuhkan di dalam artikel kita.

Salah satunya yang mungkin perlu diperhatikan di Blog adalah mengaitkan antara artikel-artikel Blog yang sudah lawas dengan yang baru, dengan cara memajang link dari posting-posting lawas di dalam posting baru yang seide dan relevan atau sebaliknya. Cara ini sangat efektif dilakukan guna menarik perhatian pengunjung Blog untuk membaca daftar artikel-artikel lainnya yang kita suguhkan. Dengan adanya daftar postingan yang saling terkait ini, secara otomatis semua posting yang telah kamu buat akan terangkat semuanya, tidak akan ada yang mubazir alias tenggelam dan setiap waktu akan tampak linknya di dalam postingan yang se-label.

Yo..langsung aja mulai :

1). Pertama-tama masuk ke Blogger dengan akun yang kamu punya.

2). Setelah masuk di Dashbord klik pada "Rancangan" (Dulu namanya Tata Letak)

3). Kemudian klik pada pilihan "Edit HTML", beri tanda contreng pada boks "Expand Widget Templates"

4). Jangan lupa backup dulu template Blog kamu untuk jaga-jaga jika prosesi ini gagal.

5). Nah sudah siap ya.. Sekarang cari dan temukan kode di bawah ini :

<data:post.body/>

6). Copy kode di bawah ini dan letakkan tepat di bawah kode <data:post.body/>

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

<div class='widget-content'>
<h3>Baca Juga Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<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>

Artikel Terkait:

Languages :