Cara Membuat Related Post (Artikel Yang Terkait).

Postingan ini saya buat untuk menjawab pertanyaan dari sobat -Gek- maLaikat bersayap putih mengenai tentang cara mebuat Related Post.Cara Membuat Related Post
Fasilitas “Related Post” yang ingin saya bagi di sini adalah cara termudah agar blog kita di blogger.com blogspot memiliki “Related Post” atau “Recommended Reading” yaitu fasilitas yang menawarkan link-link posting atau artikel yang sudah ditulis sebelumnya. Link-link tersebut biasanya terletak di akhir sebuah artikel. oK langsung ke TKP :

  1. Login di Blogger
  2. di menu Dashboard klik Layout --> edit HTML.
  3. Kasih tanda checklist pada kolom Expand Template Widget.
  4. Cari kode HTML berikut :

    <data:post.body/>

  5. Lalu copy code berikut dibawahnya biasanya kalau kita udah pake fasilitas ReaD MoRe ada 2 kode seperti itu nach disini kita COPAS kode berikut dibawah kode yang ke-2 :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>BaCa iNi juga ya... <img alt='Related' src='http://mega.xtremenitro.org/bigemot/smiley/berjuang.gif'/>:</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 = 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;
<p>http://belajar-bersama-pemula.blogspot.com</p>
}
}
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>
Cara Membuat Related Post




ingat ya diantara kode <data:post.body/> dengan </b:if>


Kalau sudah silahkan dicari lagi kode dibawah ini:
]]></b:skin>

Kalau sudah ketemu copy kode dibawah ini kemudian paste " diatas" kode]]></b:skin> tadi :

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

Cara Membuat Related Post
Sedikit cLue :
  1. kata BaCa iNi juga ya... dapat anda ganti sesuai selerah.
  2. kode warna hijau dapat anda hilangkan jika tidak suka apabila ada animasinya seperti punya aku.
Simpan pekerjaan anda dan lihat hasilnya dengan membuka salah satu artikel anda. Kalau ada yang salah silahkan coment makLum ini lagi dalam suasana Ulangan Semester sampai pekan depan.
Share on Google Plus

About Fais Wahid

Saya saat ini seorang mahasiswa strata 1 Geofisika di Universitas Hasanuddin yang mencoba untuk berbagi pengetahuan saya walau pun saya sendiri juga masih belajar.