Membuat Related Post Pada Blog

Related post atau artikel yang terkait merupakan metode untuk meningkatkan jumlah pageview blog yang kita miliki. yup, dengan menambahkan related post pada setiap postingan kita maka postingan kita yang lainnya tentunya yang berhubungan dengan postingan kita tersebut akan muncul.

Sebagai contoh real, coba perhatikan setiap posting yang gw bikin, dibawahnya pasti ada kata "BACA JUGA POSTING INI".
nah disitu muncul postingan gw yang lain, tentunya yang terkait loh yaaaa. Terkait disini maksudnya memiliki kesamaan tag dalam setiap posting. Jadi postingan yang memiliki tag sama akan muncul berupa link-link yang dapat di klik dan langsung menuju ke Judul yang dimaksud

Okeh, langsung aja ke TKP
Note : untuk menghindari  template rusak maka backuplah template blog anda yang sebelumnya
Langkah-langkahnya:
=>> BUKA BLOGGER > RANCANGAN > EDIT HTML
=>> Untuk jaga jaga dari hal yang tidak diinginkan, lakukan backup terlebih dahulu terhadap posting lama kalian
=>> Cari kode berikut <data:post.body/> 
=>> Kemudian copy mantra berikut tepat dibawah kode tadi

<br /> <b:if cond='data:blog.pageType == "item"'><br /> <div class='similiar'> <br /> <!-- ***http://www.juniorentertainment.co.cc***Jan,2007**** --><br /> <!-- ***artikel yang sama*** --><br /> <br /> <!--<br /> Modified by JackBook.Com to make it easier to use.<br /> 1. Now, users don't need to change anything to use this widget. just copy and paste, and done!<br /> 2. The current article will also be listed, now it's no more.<br /> --><br /> <br /> <div class='widget-content'> <br /> <h3> Baca Juga Posting Ini</h3> <br /> <div id='data2007'/> <br/><br/><br /> <div id='hoctro'> <br /> </div> <br /> <script type='text/javascript'><br /> <br /> var homeUrl3 = "<data:blog.homepageUrl/>";<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 <= 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 /> <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 /> <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('data2007').appendChild(div1);<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&callback=listEntries10');<br /> script.setAttribute('type', 'text/javascript');<br /> document.documentElement.firstChild.appendChild(script);<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 = "<data:label.name/>";<br /> <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 /> <br /> </div> <br /> </b:if><br />



OK kemudian save template. dan lihat hasilnya.
demikianlah tutorial yang singkat ini mengenai Membuat related post pada blog. Terima Kasih Semoga bermanfaat !!!