Related Post atau Artikel Terkait ternyata sangat bermanfaat bagi kita dan pembaca karena sangat memudahkan pembaca membaca artikel yang mirip atau berhubungan.Related Post dibuat secara otomatis berdasarkan Label pada masing-masing artikel.
Contoh: "Modus transaksi narkoba via Facebook" yang di beri Label ''Berita'', maka artikel terkait secara otomatis akan menampilkan Artikel-artikel yang lainnya tentang Berita.
Contoh: "Modus transaksi narkoba via Facebook" yang di beri Label ''Berita'', maka artikel terkait secara otomatis akan menampilkan Artikel-artikel yang lainnya tentang Berita.
Contoh Related Post atau Artikel Terkait sangat mudah untuk dipasang di blog kita, memang sih kita harus sedikit repot karena harus memasang script di Edit HTML, tapi ini hanya membutuhkan waktu 3 menit saja. Mudah bukan?. Yuk kita buat....!!!
Pertama jangan lupa membaca doa......:)
Pastikan semua postingan anda sudah di beri Label, agar bisa terdeteksi untuk ditempatkan di Artikel Terkait
- MAsuk ke dashboard blogspot kamu.
- pilih Tamplate>>> klik Edit HTML
- download template lengkap dulu untuk jaga-jaga kalau ada kesalahan.
- Beri tanda centang pada Expand Widget Template.
- COPY PASTE script berikut di bawah kode <data:post.body/><b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Terkait</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: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> </div> </b:if> - yang terakhir ya... SAVE
Note:
- Jika kamu sudah memasang 'Readmore Otomatis' maka kamu harus menempatkan script related post di bawah kode
<data:post.body/>
</b:if>
- Jika kamu memasang iklan di bawah posting, maka tempatkan script related post di bawah kode iklan tersebut.
Karena tidak membuat blog saya penuh dengan gambar..
SEMOGA BERMANFAAT!!!!!
0 comments:
Post a Comment