Artikel terkait memungkinkan
pengunjung untuk membaca tulisan atau artikel kita yang lainnya dan tentunya
yang masih berhubungan dengan berita yang mereka baca sebelumnya,untuk saat ini
saya akan memberikan cara membuat artikel terkait standar di bawah
postingan,kenapa di sebut standar?karena masih ada cara-cara lain untuk membuat
artikel terkait dengan model dan bentuk yang lebih menarik lagi.Untuk cara
membuatnya silahkan ikuti saja langkah-langkah yang sudah saya tuliskan di
bawah ini:
·
Pertama Kita masuk ke Menu Themplete
yang ada di blogger ( backup dulu sebelum edit )
·
Kedua Kita Pilih Edit HTML >>Lanjutkan
>> jangan lupa Centang Expand Template Widgetnya..
·
Ketiga Cari Kode Ini <data:post.body/> Biar lebih mudah tekan CTRL +
F
·
Keempat Tambahkan Kode Berikut
Tepat di bawah Kode ini <data:post.body/>
<b:if cond='data:blog.pageType ==
"item"'><div style='margin-top:
10px;'><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 class='ycdr'
style='font-family: arial, sans-serif; font-size: 9px;'><a href=http://firdausenjoy.blogspot.com/search/label/DOWNLOAD'
target='_blank' title='Cara Membuat Releated Post keren'>download</a>
<a href='http://firdausenjoy.blogspot.com/' target='_blank'>Tutorial dan
Trik Blog</a></div></div> </div> </b:if>
- Tapi ingat Kode <data:post.body/>
ini tidak cuma satu Jadi kalo kode pertama tidak jadi.. Silahkan Tempatkan
di kode berikutnya... dan seterusnya ...
- Biasanya berhasil jika di pasang pada kode <data:post.body/>
yang kedua atau ketiga.
SEMOGA cara membuat artikel terkait standar di bawah postingan blog ini bisa bermanfaat buat blogger yang lainnya,memang penampilannya sangat standar sekali,tapi mengingat selera orang berbeda-beda,semoga bermanfaat.
Post a Comment