Ruhendi.Com

“…Sepenggal Kisah Perjalanan Hidup & Kehidupan Seorang Manusia Biasa Bernama Heru”

Blogspot/ Blogger : Related Articles

Jika membuat suatu posting atau artikel dalam blog, biasanya kita memiliki artikel lain yang berhubungan dengan artikel yang sedang kita buat.

Untuk membantu pengunjung kita dalam mencari artikel terkait, kita sebagai pengelola blog/website bisa membantu dengan menyediakan link artikel lain yang berhubungan tersebut, salah satunya dengan meletakkan link tersebut di bawah artikel. Ini merupakan cara yang paling mudah bagi pengunjung untuk mengaksesnya, karena langsung bisa memilih artikel terkait yang ada.

Dalam WordPress, sudah disediakan plugins yang tinggal pasang, maka otomatis dibawah artikel yang dimuat langsung dibuatkan link ke artikel lain yang berhubungan. Bagaimana dengan Blogspot? Secara khusus memang tidak disediakan plugins tersebut, tapi kita tetap bisa membuatnya dengan sedikit menambahkan script yang ada (entah siapa yang membuatnya pertama kali) ke dalam HTML code.

Berikut ini langkah-langkah membuat link artikel terkait di bawah artikel :

Langkah pertama adalah kita masuk ke Control Panel User, masuk ke tab Layout dan Edit HTML, seperti biasa, jangan lupa untuk mencentang Expand Widget Templates untuk memunculkan seluruh script yang ada.

Langkah berikutnya, kita cari tag <data:post.body/> (untuk lebih mudahkan gunakan fungsi pencarian pada browser dengan kata kunci post.body). Jika kita sudah memasang script Read More, maka kita pasang script Related Articles di bawahnya (lebih tepatnya di bawah tag </b:if>.

Pasang script Related Articles berikut.

view sourceprint?

<b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'>
<div class='similiar'>

<div class='widget-content'>
<br/>
<h3>Related Articles</h3>
<div id='database'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &amp;quot;<data:blog.homepageUrl/>&amp;quot;;
var maxNumberOfPostsPerLabel = 6;
var maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement(&amp;#39;ul&amp;#39;);
var maxPosts = (json.feed.entry.length &amp;lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &amp;lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &amp;lt; entry.link.length; k++) {
if (entry.link[k].rel == &amp;#39;alternate&amp;#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&amp;#39;li&amp;#39;);
var a = document.createElement(&amp;#39;a&amp;#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 &amp;lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &amp;#39;alternate&amp;#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&amp;lt;20; k++) label = label.replace(&amp;quot;%20&amp;quot;, &amp;quot; &amp;quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&amp;#39;b&amp;#39;);
h.appendChild(txt);
var div1 = document.createElement(&amp;#39;div&amp;#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&amp;#39;database&amp;#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&amp;#39;script&amp;#39;);
script.setAttribute(&amp;#39;src&amp;#39;, query + &amp;#39;feeds/posts/default/-/&amp;#39;
+ label +
&amp;#39;?alt=json-in-script&amp;amp;callback=listEntries10&amp;#39;);
script.setAttribute(&amp;#39;type&amp;#39;, &amp;#39;text/javascript&amp;#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 = &amp;quot;<data:label.name/>&amp;quot;;

var test = 0;
for (var i = 0; i &amp;lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &amp;lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &amp;lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

Yang harus diperhatikan dari script tersebut adalah:

var maxNumberOfPostsPerLabel = 6; (ini berarti akan dipasang 5 artikel tambahan, yang satu adalah artikel yang dimuat itu sendiri)

var maxNumberOf Labels = 3; (ini berarti akan dipasang artikel terkait berdasarkan 3 Label yang sama)

Setelah kita pasang script, sekarang simpan perubahannya.

Jika berhasil, maka di bawah artikel yang sedang dibaca akan muncul artikel lain yang mempunyai Label sama (terkait).

Selamat mencoba

Filed under: Internet, Tutorial,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Contact Lines


Bagi siapa saja yang merasa ada keperluan kepada admin, bisa menghubungi by :
1. Mail : heru.ruhendi@gmail.com
2. YM : heru.ruhendi
3. FB : heru abuannisa
4. Twitt : @hr_abuannisa

Flickr Photos

More Photos

%d bloggers like this: