Membuat Artikel Berhubungan

Untuk membuat Atikel yang Berhubungan atau Related Post seperti pada postingan saya paling bawah silakan ikuti langkah2 berikut :

1. Login ke Blogger anda

2. Layout-->Edit HTML

3. Jangan lupa centang kotak Expand Widgets Template

4. Temukan kode berikut:

<data:post.body/>

catatan: untuk postingan yang sudah menggunakan "Read More" terdapat 2 kode silakan pilih kode yang pertama

5. Silakan copy kode dibawah ini dan letakkan tepat dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'><br /><div class='similiar'><br /><br /><div class='widget-content'><br /><h3><span style="color: rgb(255, 0, 0);">Related Posts by Categories</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(&#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 /><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 /><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;data2007&#39;).appendChild(div1);<br />}<br />}<br />}<br />function search10(query, label) {<br /><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 /><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>

6. Kemudian Save Setting

Anda bisa mengganti tulisan "Related Posts by Categories" di dalam kode yang anda download tadi sesuai dengan keinginan anda.

Selamat mencoba ya..


Source :http://davidgrackers.blogspot.com/2009/01/membuat-artikel-berhubungan.html

Posted in: Gallery Blogger