Cara Membuat Posting Yang Berhubungan

Sekilas saya bertanya kepada anda, apa sih yang dimaksud Posting yang Berhubungan? Dengan kata sinonimnya adalah yang berkaitan dan istilah umum dlm bahasa inggrisnya adalah Related Post, kegunaannya adalah menampilkan postingan terkait atau para pengunjung jadi tahu postingan sejenis yang ada di blog kita, jadinya para pengunjung tidak perlu susah-susah mencari postingan terkait dengan postingan yang baru mereka baca, Kalo istilah kasarnya nih... agar para pengunjung terhipnotis/betah di blog kita. Selain itu ada manfaat lain, yaitu untuk menampilkan postingan yang sudah lama, mengingat related post menampilkan semua postingan yang sejenis dan ini tentunya akan membantu postingan kita yang lama untuk tidak kadaluarsa^. Jadi pada prinsipnya related post ini berfungsi karena adanya Kategori/Label pada postingan anda,karena juga related post ini memiliki kode-kode javascript untuk memanggil postingan berdasarkan kategori/Label yang anda buat sebelumnya.

Untuk membuat posting yang berhubungan ini tidaklah sulit, karena kita hanya membutuhkan beberapa kode untuk ditambahkan ke Kode template kita. OK saya anggap udah jelas ya?? Langsung aja kita mengikuti Langkah -langkahnya sebagai berikut:


1. Login/ masuk ke akun blogger anda.
2. Ketika anda berada di Dasbor klik Tata Letak.
3. Lalu klik Edit HTML.
4. Jangan lupa untuk mencentang kotak Expand Widgets Template.
5  Cari kode ]]></b:skin> (Gunakan Ctrl+F, agar lebih mudah) dan letakkan kode dibawah ini tepat  diatasnya

.rbbox{border:1px solid silver;background:#e0ffff url(https://sites.google.com/site/tutorialbloghost/mypictures/kedip.gif) no-repeat right bottom;-moz-border-radius:5px;margin:10px;padding:5px} 
.rbbox:hover{background-color:#fff}

6. Selanjutnya carilah kode <data:post.body/>
7. Dan letaklah kode berikut ini tepat di bawah kode <data:post.body/> tadi:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding: 5px; background-image: url(); background-repeat: repeat; background-position: center;'><span style=';font-size:130%;color:Black;'> 
Posting Yang Berhubungan</span> 
</div> 
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> 
<div id='tutor'/>
<div style='font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;'><a href='http://tutorialines.blogspot.com/2011/05/cara-membuat-posting-yang-berhubungan.html' title='Tutorial Blog - Pasang Related Post'>Ingin Memasang Related Post Seperti Ini?</a>
</div>
<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;tutor&#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>
</b:if></p> <div style='clear: both;'/>
</div>

Klik tombol Simpan Template

Bagaimana, mudahkan? Sekarang anda bisa mencoba untuk melihat hasil kerjaan anda.

Catatan:

Tulisan Posting Yang Berhubungan, dapat anda ganti dengan kata-kata lain seperti Baca juga artikel berikut ini..., mungkin anda mau membaca artikel-artikel berikut..., sudah bacakah anda artikel-artikel di bawah ini?, dll. Yaitu dengan Caranya mengganti tulisan Related Post yang telah ditandai dengan warna Hijau

Semoga bermanfaat [Happy Blogging]
Salam