Membuat Daftar Tulisan Yang Berhubungan di Bawah Posting




Pernahkah anda mampir kelamaan pada suatu blog? Padahal tujuan semula hanya untuk mencari satu informasi. Begitu tulisannya ditemukan dan membacanya sampai ke bawah, anda melihat sederetan judul tulisan lain yang menarik, sampai anda bingung memilih mana yang mau dibaca duluan. Nah, itulah yang disebut dengan related post. Kita bisa artikan dengan tulisan yang berhubungan, posting terkait, artikel lain yang berhubungan, dan seterusnya. Contohnya terlihat seperti ini:

Membuat Daftar Tulisan di bawah Posting

Nah, untuk membuat daftar tulisan seperti itu kita tidak perlu melakukan secara manual satu persatu pada setiap posting. Cukup dengan satu kali pengaturan, maka setiaptulisan yang berhubungan akan muncul secara otomatis di bawah setiap posting. Dengan catatan sebelumnya anda sudah memasang widget label/kategori. Jika belum pasanglah widget tesebut terlebih dulu. Jika belum tau caranya bisa anda lihat di sini. Jika labelnya sudah dipasang anda bisa lanjut ke langkah berikut:

1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.

2. Kemudian klik pada Edit HTML.

Membuat Daftar Tulisan di bawah Posting

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.

Membuat Daftar Tulisan di bawah Posting

4. Kemudian carilah kode:  <data:post.body/>

5. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.

Membuat Daftar Tulisan di bawah Posting

6. Kemudian copy semua kode di bawah ini dan pastekan tepat di bawahnya. Untuk tulisan berwarna biru bisa anda ganti sesuai keinginan anda.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<!--
Modified by JackBook.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->
<div class='widget-content'>
<h3>Artikel Yang Berhubungan</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>


7. Setelah itu klik SIMPAN TEMPLATE dan tunggu proses berlangsung.

Membuat Daftar Tulisan di bawah Posting

8. Sekarang anda sudah bisa melihat hasilnya dengan mengklik Lihat Blog.

Membuat Daftar Tulisan di bawah Posting



Artikel Yang Berhubungan Badan:


0 Response to "Membuat Daftar Tulisan Yang Berhubungan di Bawah Posting"

Posting Komentar

powered by Blogger | WordPress by Newwpthemes | Converted by BloggerTheme