Cara membuat Artikel Terkait

Untuk membuat artikel terkait, artikel yang berhubungan atau apalah namanya yang pada bahasa Blogger dikenal dengan nama Related post, yang pada prinsip dasarnya kita akan sedikit menambahkan kode script pada kode HTML template kita.

Buat blogger pemula seperti saya yang belum mengerti tentang artikel terkait itu apa, baiklah sekarang akan saya berikan sedikit gambaran, yaitu kurang lebihnya seperti ini, adalah sekelompok artikel yang pada prinsipnya mempunyai label / katagori sama dengan postingan atau artikel tertentu. Artikel terkait biasanya berada dibawah postingan, dan ada juga yang berada di sidebar Blog kita.

Untuk jelasnya mari kita bahas satu persatu cara pembuatannya dari yang Artikel Terkait biasa, pakai thumbnails / image dan yang ditaruh di sidebar. Sekarang yang akan saya share dengan anda Artikel Terkait yang berada dibawah postingan.

Cara membuatnya sebagai berikut :

Masuk ke account google dengan ID anda.

Pada Dasbor klik Rancangan – terus klik Tab Edit HTML

Kemudian klik Expand Template Widgets .

Cari kode yang seperti ini : <data:post.body/>

Untuk gampangnya tekan Ctrl + F kemudian ketikkan kode berikut : <data:post.body/>

Jika anda sudah menggunakan read more / baca selengkapnya pada template anda, maka akan terdapat 2 kode <data:post.body/> Pakai yang pertama

Kemudian letakkan script berikut ini setelah kode <data:post.body/> yang pertama.

<b:if cond='data:blog.pageType == "item"'>

<h3>Ingin membaca Artikel Terkait :</h3>

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 7;

maxNumberOfPostsPerLabel = 7;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement('ul');

var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i < maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

var li = document.createElement('li');

var a = document.createElement('a');

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 < json.feed.link.length; l++) {

if (json.feed.link[l].rel == 'alternate') {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k<20; k++) label = label.replace("%20", " ");

var txt = document.createTextNode(label);

var h = document.createElement('b');

h.appendChild(txt);

var div1 = document.createElement('div');

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById('data2007').appendChild(div1);

}

function search10(query, label) {

var script = document.createElement('script');

script.setAttribute('src', query + 'feeds/posts/default/-/'

+ label +

'?alt=json-in-script&callback=listEntries10');

script.setAttribute('type', 'text/javascript');

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 = "<data:label.name/>";

var test = 0;

for (var i = 0; i < labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length <= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel < maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

</b:loop>

</script>

</div>

</b:if>

Tulisan Ingin membaca Artikel lainnya dan angka 4, 7, 3 silahkan anda menyesuaikan.

Save/ simpan Template anda.

Lihat hasilnya dengan jalan Klik salah satu postingan anda, pada single post dibawah artikel / postingan anda akan tampak seperti contoh berikut

Demonya disini

Postingan berikut adalah Untuk Artikel Terkait dengan thumbnails / image

Berbagi Artikel :

Cara membuat Artikel Terkait
Rate this posting:

{[["☆","★"]]}

Kalau pada Artikel Cara membuat Artikel Terkait
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---

3 Komentar pada : “Cara membuat Artikel Terkait”

Slazh raY va20 April 2011 pukul 23.03
Waaaah...
Kebetulan bngt saya lg nyari ni artikel Mas. Hhe...

Benar2 beruntung nih, berkunjung ke Blog mas.
Trima kasih atas infonya.

N' gmn Mas yg mslh tmbol berbagi tu? hhe...
BalasHapus
Balasan
TIPS BLOGBEGO21 April 2011 pukul 07.44
Kalau mas raY berkenan copas silahkan saja, saya senang bisa berbagi
BalasHapus
Balasan
Mas Lasino23 April 2012 pukul 09.15
apa ini ada hubungannya dengan 2 pertanyaan saya sobat? maaf banget aku bener2 bego bukan sobat yg bego tapi kaya Einstein,
BalasHapus
Balasan

Tambahkan komentar

Cara membuat Artikel Terkait

Artikel Menarik Lainnya

About me

3 Komentar pada : “Cara membuat Artikel Terkait”

BANNER [300x250]