Terima Kasih Telah Mau Berkunjung

Menampilkan Related Articles di Blogspot

Tentu kamu sudah terbiasa melihat tulisan related articles ketika membaca sebuah artikel diweb/blog. Yaitu tampilan dari judul artikel-artikel yang memiliki label atau kategori yang sama. Tujuannya biar sipembaca tak usah susah-susah mencari artikel yang ada hubungannya dengan artikel yang sedang dibaca.

Mbulet ya penjelasannya? Kalau masih bingung dan merasa mbulet jalankan trik ini, tarik nafas panjang, tahan satu dua menit lepaskan. Lakukan berulang-ulang sampai terasa plong dan rasa amarah mulai menghilang (kalau yang ini sih nggak ada related articlenya..).

Bagi siapa saja yang merasa membutuhkan dan ingin menampilkan judul artikel berdasarkan label/kategori serta berkeinginan tanpa adanya paksaan dan dendaan maka silahkan baca tips kali ini.
O ya, hampir lupa. Trik ini murni bukan milik saya jadi dilarang mengatakan bahwa trik ini adalah hasil jerih payah dari catatan kecil bin pojokindo. Trik diunduh dan diboyong dari hoctro. Thanks ya mas Hoctro.

Langkah pertama

Pastikan settings >> site feed pada allow blog feed adalah full atau short
dan settings >> archiving pada enable post page adalah yes

Terus cari kode dibawah ini pada widget id=blog1, ada di 3 baris akhir dari widget ini.

</b:widget>
Tempatkan kode disini
</b:section>
</div>

Silahkan kopi kode ini dan pastekan pada tempat yang berwarna merah.

<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
</b:includable>
<b:includable id='backlinks' var='post'>
</b:includable>
<b:includable id='post' var='post'>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
</b:includable>
<b:includable id='status-message'>
</b:includable>
<b:includable id='feedLinks'>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
</b:includable>
<b:includable id='comments' var='post'>
</b:includable>
<b:includable id='main'>

<!--<b:if cond='data:blog.pageType == "item"'>-->
<div class='widget-content'>
<h2><b>RELATED ARTICLES</b></h2>
<hr size='4' width='100%'/>
<div id='data2008'/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;pojokindo.blogspot.com&quot;;
var maxNumberOfPostsPerLabel = 9;
var maxNumberOfLabels = 5;

<b:if cond='data:blog.pageType == "item"'>
maxNumberOfPostsPerLabel = 100;
</b:if>
<b:if cond='data:blog.pageType == "item"'>
maxNumberOfLabels = 3;
</b:if>

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;

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 = decodeURIComponent(raw.substr(homeUrl3.length+21));

var txt = document.createTextNode(label);
var h = document.createElement(&#39;h4&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2008&#39;).appendChild(div1);
}
}
}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39;
+ encodeURIComponent(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>
<!--</b:if>-->
</b:includable>
</b:widget>


Langkah kedua

var homeUrl3 = &quot;pojokindo.blogspot.com&quot;;
Pojokindo.blogspot.com silahkan diganti dengan alamat url kamu

var maxNumberOfPostsPerLabel = 9;
angka 9 menunjukkan jumlah maksimal title/judul artikel yang akan ditampilkan dalam satu label

var maxNumberOfLabels = 5;
angka 5 menunjukkan jumlah maksimal label/kategori yang akan ditampilkan pada suatu page

<b:if cond='data:blog.pageType == "item"'>
maxNumberOfPostsPerLabel = 100;
angka 100 menunjukkan jumlah maksimal judul artikel yang akan ditampilkan dari suatu artikel yang sama kategorinya ketika artikel itu dibuka/load

<b:if cond='data:blog.pageType == "item"'>
maxNumberOfLabels = 3
angka 4 menunjukkan jumlah maksimal label/kategori yang akan ditampilkan dari suatu artikel yang sedang dibuka jika artikel itu mempunyai label lebih dari satu

data2008 ganti dengan tahun pertama kamu mulai posting artikel, misal data2007

Dan akhirnya, selamat dicoba...

2 comments:

  1. sekarang dah gak perlu repot2. bikinannya jackbook tinggal copy paste sekali aja. beres.
    jeleknya.. ada widget by jackbook.com disetiap postingan.

    ReplyDelete
  2. Thank for sharing, implemented to my blog.
    Please visit:
    http://furqonk.blogspot.com

    ReplyDelete

POSTINGAN TERBARU



KOMENTAR KAWAN




Kutunggu Komentarmu ....