Saya kali ini akan membahas tentang artikel terkait atau bisa disebut juga related post . Artikel terkait sangat dibutuhkan dalam suatu blog, karena dengan menggunakan artikel terkait dapat memudahkan pengunjung untuk melihat posting yang berkaitan dengan anrtikel yang sedang dibacanya.
Nah..untuk membuatnya, silahkan ikuti tutorial di bawah ini :
1. Login ke blogger
2. Pilih Rancangan.
3. Klik edit Html
4. Centang Expand Template Widgets.
5. Cari kode <data:post.body/> dan gunakan Ctrl + F untuk mempercepat pencarian.
6. Copy paste kode di bawah ini setelah kode <data:post.body/> . Kalau anda memakai Read More, akan terdapat 2 kode <data:post.body/> , paste kodenya setelah <data:post.body/> pertama.
<b:if cond='data:blog.pageType == "item"'>
<strong>Artikel Terkait</strong>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='ardi33'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
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('ardi33').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>
7. Untuk Artikel Terkait anda bisa menggantinya sesuai selera.
8. Simpan template dan lihat hasilnya.
@Blog SEO DAW - XP | Tutorial Blogspot | Belajar SEO Blogspot >> Maaf Sob..saya ga bisa buat sidebar sob...maklum saya juga masih newbie di dunia blogging.
BLOG INI DOFOLLOW... Berikanlah sedikit komentar anda, maka anda juga memperoleh keuntungan, tapi jangan NYEPAM... Jika tidak bisa berkomentar, gunakan "Pop Up Kotak Komentar" di bawah ini....
13 komentar:
mantap koment balik ya
@Dode [Admin Dode-Xp]
ok gan,,,
keren nihh sob..
komen back
@Arhy Tutorial
ok,,,
Keren sob. Oh ya request kalo buat di sidebar bisa gak?
wAw mantap gan Ijin mw di cobainnn di blog q nice
^_^
@Blog SEO DAW - XP | Tutorial Blogspot | Belajar SEO Blogspot >> Maaf Sob..saya ga bisa buat sidebar sob...maklum saya juga masih newbie di dunia blogging.
@hck >> Silahkan di coba gan...semoga berhasil...
udah ku coba sob, silahkan lihat related post di postingan saya, hehe
@AcerNoval
ok sob...
wah artikel yang menarik gan..
oy ngomong2 ditemplate saya g ada kode . Ada alternatif lain g?
Oy gan tukeran link yuk..link agan sudah saya pasang di blog saya.silahkan di cek dibwh footer (Blogroll no.26). follow to.. :)
http://mariozoner.blogspot.com/
ini gak berhasil aku:(
ada cra lainnya nggak?
maksih yah aku makek ini berhasil:)
Tulis Komentar Anda
BLOG INI DOFOLLOW...
Berikanlah sedikit komentar anda, maka anda juga memperoleh keuntungan, tapi jangan NYEPAM...
Jika tidak bisa berkomentar, gunakan "Pop Up Kotak Komentar" di bawah ini....
Klik Disini Untuk Pop Up Kotak Komentar