Related post atau postingan yang berkaitan berfungsi untuk menarik perhatian pengunjung untuk lebih berlama-lama lagi singgah di blog kita karena bisa memancing pengunjung untuk membaca artikel lain yang berkaitan yang akan muncul berjejer di bawah postingan blog.Tentu saja hal ini sangat berpotensi untuk meningkatkan page view sebuah blog itu sendiri.
Apabila Related Post ini berderet terlalu banyak dan menimbulkan kesan padat pada blog, maka kita bisa menggunakan fungsi scrool agar lebih menghemat halaman yang di tampilkan.
Ingin tahu caranya?
Check it out !!!
Kamu bisa ganti tulisan ‘Related Post’ dengan ‘Artikel Terkait’, atau apa saja sesuai gaya mu.OK..
6. Terakhir simpan template.
Apabila terjadi kegagalan atau Related post ini tidak berfungsi kemungkinan ada hal-hal sbr:
Semoga bermanfaat.
Selamat berekspresi...
Apabila Related Post ini berderet terlalu banyak dan menimbulkan kesan padat pada blog, maka kita bisa menggunakan fungsi scrool agar lebih menghemat halaman yang di tampilkan.
Ingin tahu caranya?
Check it out !!!
Gak usah basa-basi lagi,langsung saja kita praktekan...
Cara nya sbr:
1. Login di blogger
2. Masuk ’Layout’=>’Edit HTML’=>centang 'Expand Widgets Template'
3. Jangan lupa download template terlebih dahulu untuk antisipasi.
4. Cari kode <data:post.body/ >
5. Masukkan kode di bawah ini di bawah kode tadi
- <br /> <b:if cond='data:blog.pageType == "item"'><br /> <H2>Related Post</H2><br /> <div class='rbbox'><br /> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'><br /> <div id='albri'/><br /> <script type='text/javascript'><br /> var homeUrl3 = "<data:blog.homepageUrl/>";<br /> var maxNumberOfPostsPerLabel = 4;<br /> var maxNumberOfLabels = 10;<br /> maxNumberOfPostsPerLabel = 50;<br /> maxNumberOfLabels = 3;<br /> function listEntries10(json) {<br /> var ul = document.createElement('ul');<br /> var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?<br /> json.feed.entry.length : maxNumberOfPostsPerLabel;<br /> for (var i = 0; i < maxPosts; i++) {<br /> var entry = json.feed.entry[i];<br /> var alturl;<br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> alturl = entry.link[k].href;<br /> break;<br /> }<br /> }<br /> var li = document.createElement('li');<br /> var a = document.createElement('a');<br /> a.href = alturl;<br /> if(a.href!=location.href) {<br /> var txt = document.createTextNode(entry.title.$t);<br /> a.appendChild(txt);<br /> li.appendChild(a);<br /> ul.appendChild(li);<br /> }<br /> }<br /> for (var l = 0; l < json.feed.link.length; l++) {<br /> if (json.feed.link[l].rel == 'alternate') {<br /> var raw = json.feed.link[l].href;<br /> var label = raw.substr(homeUrl3.length+13);<br /> var k;<br /> for (k=0; k<20; k++) label = label.replace("%20", " ");<br /> var txt = document.createTextNode(label);<br /> var h = document.createElement('b');<br /> h.appendChild(txt);<br /> var div1 = document.createElement('div');<br /> div1.appendChild(h);<br /> div1.appendChild(ul);<br /> document.getElementById('albri').appendChild(div1);<br /> }<br /> }<br /> }<br /> function search10(query, label) {<br /> var script = document.createElement('script');<br /> script.setAttribute('src', query + 'feeds/posts/default/-/'<br /> + label +<br /> '?alt=json-in-script&callback=listEntries10');<br /> script.setAttribute('type', 'text/javascript');<br /> document.documentElement.firstChild.appendChild(script);<br /> }<br /> var labelArray = new Array();<br /> var numLabel = 0;<br /> <b:loop values='data:posts' var='post'><br /> <b:loop values='data:post.labels' var='label'><br /> textLabel = "<data:label.name/>";<br /> var test = 0;<br /> for (var i = 0; i < labelArray.length; i++)<br /> if (labelArray[i] == textLabel) test = 1;<br /> if (test == 0) {<br /> labelArray.push(textLabel);<br /> var maxLabels = (labelArray.length <= maxNumberOfLabels) ?<br /> labelArray.length : maxNumberOfLabels;<br /> if (numLabel < maxLabels) {<br /> search10(homeUrl3, textLabel);<br /> numLabel++;<br /> }<br /> }<br /> </b:loop><br /> </b:loop><br /> </script><br /> </div><br /> <script type='text/javascript'>RelPost();</script><br /> </div><br /> </b:if><br />
Kamu bisa ganti tulisan ‘Related Post’ dengan ‘Artikel Terkait’, atau apa saja sesuai gaya mu.OK..
Selamat deehhh.. buat kamu yang berhasil menerapkannya..horee....
Apabila terjadi kegagalan atau Related post ini tidak berfungsi kemungkinan ada hal-hal sbr:
1. Kemungkinan ada tahapan yang terlewatkan,
2. Penempatan scrip tidak tepat,
3. Ada sebagian skrip yang tertinggal.
Langkah-langkah mengatasinya:
Coba ulangi lagi proses dari awal dan pastikan bagian-bagian scrip benar-benar komplit
Jika masih tidak berhasil juga,kemungkinan template nya yang tidak mendukung dengan widget tsb.Coba deh kamu ganti dengan template yang baru..
Semoga bermanfaat.
0komentar:
Leave a Reply