Membuat Artikel Yang Berhubungan di Blog

Membuat Artikel Yang Berhubungan di blog berfungsi untuk membantu para pengunjung menjelajahi isi dari blog kita. Cara ini sangat efektik untuk memudahkan para pengunjung mengetahui artikel-artikel yang berhubungan dengan suatu kategori dalam blog.


Untuk membuatnya :
1. Log In dulu ke akun blog agan
2. Pilih Rancangan lalu pilih Edit HTML
3. Jangan lupa download template lengkap untuk berjaga-jaga
4. Centang expand widget
5. Cari kode <data:post.body/> untuk memudahkan pencarian tekan (Ctrl+F) pada keyboard
6. Letakkan di bawah Kode diatas, kode di bawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2> Artikel Yang Berhubungan </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 = 10;
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;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>


Setelah selesai tinggal simpan template lalu lihat hasilnya, Selamat Mencoba Salam Sukses Slalu

6 comments

Manteb nih gan postingannya, ijin copas ya gan ;)
Makasih

Reply

Terima kasih gan sudah berkunjung! sama-sama gan.

Reply

klo digunain slaen blogspot bisa ga

Reply

@ Igas : makasih sudah berkunjung. bisa gan. soalnya ada temen yang pake wordpress, bisa

Reply

Wah..berhasil bro,,

Makasih banget atas infonya...

sukses selalu bro...

Reply

Sama-sama gan. Terima kasih dah mampir kesini. Salam Sukses Juga gan.

Reply

Posting Komentar