BLOG BEGO: 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

0 komentar: “Cara membuat Artikel Terkait”

Posting Komentar

Bagaimana menurut anda tentang Blog / Artikel ini,
Jadilah yang pertama memberikan Komentar / Saran yang positif (bukan SPAM ya!!)
Terima Kasih atas kunjungan dan partisifasinya, saya pasti balik mengunjungi anda.