RSS

Rabu

Trick Menampilkan Postingan Terkait / Related Post / Artikel Yang Sama


Apakah anda ingin jika saat membuka postingan anda dan diakhir artikel anda tersebut terdapat beberapa postingan anda yang mungkin berkaitan dengan postingan yang baru anda baca? Hm… keren juga ya. Selain
bisa untuk mensuggest para visitor untuk membaca artikel artikel kita yang lain. Tentu saja juga bisa menjadi trick agar visitor lebih betah berlama-lama di bog kita. Tertarik? Langsung saja ikuti cara saya berikut ini.
1. Login ke Blogspot – Rancangan – Edit HTML
2. Beri tanda checklist pada kolom Expand Template Widget
3. Setelah itu cari kode<data:post.body>dan masukan kode dibawah ini persis dibawahnya:
<b:if cond='data:blog.pageType == &quot;item&quot;'><br/><div class='similiar'><br/><br/><div class='widget-content'><br/><h3><span style='color: rgb(255, 0, 0);'>Related post</span></h3><br/><div id='data2007'/><br/><br/><br/><script type='text/javascript'><br/><br/>var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;<br/>var maxNumberOfPostsPerLabel = 4;<br/>var maxNumberOfLabels = 10;<br/><br/>maxNumberOfPostsPerLabel = 100;<br/>maxNumberOfLabels = 3;<br/><br/><br/>function listEntries10(json) {<br/>var ul = document.createElement('ul');<br/>var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?<br/>json.feed.entry.length : maxNumberOfPostsPerLabel;<br/>for (var i = 0; i &lt; maxPosts; i++) {<br/>var entry = json.feed.entry[i];<br/>var alturl;<br/><br/>for (var k = 0; k &lt; 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/><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 &lt; 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&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);<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('data2007').appendChild(d iv1);<br/>}<br/>}<br/>}<br/>function search10(query, label) {<br/><br/>var script = document.createElement('script');<br/>script.setAttribute('src', query + 'feeds/posts/default/-/'<br/>+ label +<br/>'?alt=json-in-script&amp;callback=listEntries10');<br/>script.setAttribute('type', 'text/javascript');<br/>document.documentElement.firstChild.appendChild(s cript);<br/>}<br/><br/>var labelArray = new Array();<br/>var numLabel = 0;<br/><br/><b:loop values='data:posts' var='post'><br/><b:loop values='data:post.labels' var='label'><br/>textLabel = &quot;<data:label.name/>&quot;;<br/><br/>var test = 0;<br/>for (var i = 0; i &lt; labelArray.length; i++)<br/>if (labelArray[i] == textLabel) test = 1;<br/>if (test == 0) {<br/>labelArray.push(textLabel);<br/>var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?<br/>labelArray.length : maxNumberOfLabels;<br/>if (numLabel &lt; maxLabels) {<br/>search10(homeUrl3, textLabel);<br/>numLabel++;<br/>}<br/>}<br/></b:loop><br/></b:loop><br/></script><br/></div><br/><br/></div><br/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='center'><img alt='' class='icon-action' height='51' src='http://i1047.

photobucket.com/albums/b476/sri-zal/comments.jpg' width='331'/></p>
<div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='475'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a> brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
</b:if>

4. Jika sudah lalu Save
Untuk melihat hasilnya coba kamu buka salah satu postingan kamu.. dan lihat diatas komentar/dibawah postingan.. disana akan terdapat artikel yan berhubungan dengan artikel yang kmu tulis.. dengan catatan kamu harus mengaktifkan label/kategorimu.
Note. Untuk tulisan Related post dapat kamu ubah dengan kata-katamu..
Selamat mencoba. Dan Semoga bermanfaat.
Ichsankun for Indonews.org

Tidak ada komentar:

Posting Komentar