Related Post atau bisa disebut Artikel Terkait atau posting terkait adalah sangat besar manfaatnyauntuk blog kita, terutama pada pengunjung blog karena artikel yang bersangkutan apa yang pengunjungbaca ada pada Related Post tersebut.
Biasanya artikel terkait ini diletakkan di bawah artikel
Biasanya artikel terkait ini diletakkan di bawah artikel
guna memberitahu pengunjung bahwa artikel sama yang sedang dibaca ada di bawahnya.
Related Post atau Artikel terkait ini seperti menu navigasi pada sidebar blog, hanya bedanya menu Related post ini terisi secara otomatis berdasarkan label pada masing - masing artikelnya.
Contohnya artikel yang sedang dibaca pengunjung blog tentang Cara membeli Domain gratis
yang diberi label Domain dan Hosting, maka artikel terkait secara otomatis akan menampilkan artikel - artikel yang laiinya tentang Domain dan Hosting.
Oke mari kita praktekkan cara membuat Related post berikut ini :
1. Login ke Dashboard blog anda.
2. Pilih Rancangan >>Edit HTML
3. Download template lengkap dulu untuk antisipasi kalau ada kesalahan.
4. Beri tanda centang pada kotak kecil Expand Widget template
5. Tempatkan script berikut di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3> <div id='data2007'/>
<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('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:loopvalues='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> </div> </b:if>
6. Terakhir klik Simpan
Catatan :
-->> Jika anda memasang iklan di bawah posting, maka tempatkan script related post
di bawah kode iklan tersebut.
-->> Jika blog anda memakai readmore otomatis anda harus menempatkan script
Related post di bawah kode <data:post.body/>
</b:if>
Selamat mencoba dulu, kalau ada yang salah baru coment di bawah oke...
Tidak ada komentar:
Posting Komentar
>> Tinggalkan Komentar Anda.. <<