Artikel terkait merupakan postingan yang terkait dengan artikel yang sedang dibaca, ada banyak sekali bentuk artikel terkait mulai dari link artikel terkait hanya berbentuk text biasa sampai dengan link artikel terkait disertai dengan gambar. Berikut ini saya akan berbagi bagai mana cara membuat artikel terkait dengan link text saja dan saya posisikan dibawah postingan. Bentuknya seperti contoh dibawah ini:
Langkah-langkah sbb:
- Login ke akun Blooger anda,
- Pilih menu template ==> Edit HTML
- Cari tag <data:post.body/>, gunakan ctrl+F agar pencarian lebih cepat.
- MAsukkan Kode dibawah ini tepat di bawah tag <data:post.body/>, Jika anda memiliki tag <data:post.body/> lebih dari satu pilih tag yang kedua atau yang ketiga.
- Untuk Perintah yang dicetak Merah, anda bisa mengganti sesuai dengan keinginan dan kebutuhan anda,
- Langkah terakhir Klik Simpan Template dan anda bisa melihat hasilnya.
<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 = 10; 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> </div>
</b:if>
Terima kasih semoga bermanfaat.
Artikel Terkait
