Blog Azis Grafis

www.aziscs1.com - Yang dimaksud dari Cara Membuat " Baca Juga Artikel Yang Lainnya: " adalah sama juga cara membuat artikel Terkait di Blog kita . Bagaimana carannya buat Artikel yang Berhubungan dengan label? ( Related Post Dengan Scroll )..?
maksud saya kali ini adalah membuat postingan blog lebih bagus lagi alias rapi dan berkaitan dengan label. Seperti terlihat pada gambar di bawah ini.

nanti ketika si pengunjung sedang membaca misal: Template Jas atau Pakaian Kantor Untuk Pas foto, Gaun PENGANTIN CEWEK paling Seksi, dan lain-lain yang bersangkutan dengan label anda. misa label anda Photoshop:
nah ketika pembaca menemukan satu artikel diblog anda, maka label related post yang tadi " Photoshop " akan tampil semua dibawah postingan anda. mantap kan, otomatis bikin si pengunjung betah baca. dan Cara ini juga sangat ampuh untuk menambah jumalah Page View Blog kita.

Ok langsung aja caranya seperti ini.

Berikut membuat artikel yang berhubungan :

1. Login ke Blogger
2. Pilih menu Tataletak lalu pilih edit HTML
3. Setelah itu beri tanda centang pada kotak "Expand Widgets Template".
4. Cari kode berikut dengan Ctrl+F masukkan </data:post.body>
5. Lalu paste kode dibawah ini, persis dibawah </data:post.body>

Copy Tulisan Yang Berwarna Biru yah :)
NB: kalau kamu sudah pasang readmore/baca selengkapnya, maka taruh di bawah yang pertama, bukan yang kedua

<b:if cond='data:blog.pageType == "item"'>
<H2>Related Post:</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 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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('albri').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>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

6. Save untuk finish dan preview hasilnya deh :)

Anda bisa ganti tulisan 'Related Post' dengan kalimat lain misalnya ' posting yang terkait ', ' artikel yang terkait ', dll.
Contoh bisa dilihat seperti di blog saya, dibawah postingan ini :)

Selamat mencoba semoga berhasil..

Azis Grafis

Assalamualaikum, “Saya merupakan seorang yang sangat tertarik dengan dunia Desain Grafis, Fotografi, Komputer dan Blogger. Oleh Karena itu saya sangat senang Sekali mempraktekkan dan berbagi apa yang sudah saya ketahui dan miliki kepada orang lain, sehingga menjadi sangat bermanfaat bagi saya sendiri maupun orang lain.”

Cara Membuat " Baca Juga Artikel Yang Lainnya: " Di Blog