Cara Membuat Related Post dengan Fungsi Scroll

Cara Membuat Related Post dengan Fungsi Scroll - Postingan tentang cara membuat related post ternyata mendapat respon cukup banyak dari pengunjung.

Umumnya mengatakan sukses menerapkan teknik yang saya beber di situ. Tapi, sebagian ada yang mengaku gagal diaplikasikan.

Kenapa gagal, saya sendiri sebagai blogger newbie cuma bisa memberikan analisa ngawur sbb:

1. Kemungkinan ada tahapan yang terlewatkan.
2. Ada sebagian skrip yang tertinggal
3. Template tidak support dengan skrip related post tersebut.

Untuk itu, perlu ketelitian saat menerapkan tahapan serta memasang skripnya. Atau, cobalah mengganti template dengan yang baru. Template blogger yang bagus bisa ditemukan disini.

Jika masih gagal, related post dengan fungsi scroll mungkin bisa dicoba. Cara membuatnya:

1. Masuk ’Layout’-->’Edit HTML’-->centang 'Expand Widgets Template'
2. Cari kode <data:post.body/>
3. Masukkan kode di bawah ini di bawah kode <data:post.body/> tadi

<br /><b:if cond='data:blog.pageType == &quot;item&quot;'><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 = &quot;<data:blog.homepageUrl/>&quot;;<br />var maxNumberOfPostsPerLabel = 4;<br />var maxNumberOfLabels = 10;<br />maxNumberOfPostsPerLabel = 50;<br />maxNumberOfLabels = 3;<br />function listEntries10(json) {<br />var ul = document.createElement(&#39;ul&#39;);<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 />for (var k = 0; k &lt; entry.link.length; k++) {<br />if (entry.link[k].rel == &#39;alternate&#39;) {<br />alturl = entry.link[k].href;<br />break;<br />}<br />}<br />var li = document.createElement(&#39;li&#39;);<br />var a = document.createElement(&#39;a&#39;);<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 &lt; json.feed.link.length; l++) {<br />if (json.feed.link[l].rel == &#39;alternate&#39;) {<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(&#39;b&#39;);<br />h.appendChild(txt);<br />var div1 = document.createElement(&#39;div&#39;);<br />div1.appendChild(h);<br />div1.appendChild(ul);<br />document.getElementById(&#39;albri&#39;).appendChild(div1);<br />}<br />}<br />}<br />function search10(query, label) {<br />var script = document.createElement(&#39;script&#39;);<br />script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;<br />+ label +<br />&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);<br />script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);<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 = &quot;<data:label.name/>&quot;;<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 /><script type='text/javascript'>RelPost();</script><br /></div><br /></b:if><br />

Anda bisa ganti tulisan ‘Related Post’ dengan ‘Artikel Terkait’, dll. Selamat mencoba.