MEMBUAT ARTIKEL TERKAIT UNTUK BLOGGER

Arikel terkait dimaksudkan untuk memudahkan pengunjung beralih keposting lain yang masih berhubungan dengan posting yang sedang mereka baca. Biasanya letaknya ada di bawah postingan blog setelah readmore.

Berikut ini tutorial singkatnya :

• Login ke Blogger.
• Klik Rancangan.
• Klik tab Edit HTML.
• Kemudian klik Expand Template Widgets .
• Cari kode yang seperti ini : <p><data:post.body/></p> atau jika bingung tekan Ctrl + F kemudian ketikkan kode berikut : <data:post.body/>
• Jika kita sudah menggunakan read more pada template blog, maka akan terdapat 2 kode  <data:post.body/>
• Kemudian letakkan script berikut ini setelah kode  <data:post.body/> yang pertama.

<br /> <b:if cond='data:blog.pageType == "item"'><br /> <div class='similiar'><br /> <br /> <div class='widget-content'><br /> <h3>Artikel Terkait</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 = 7;<br /> <br /> maxNumberOfPostsPerLabel = 7;<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> <br />

• Kemudian Save Template.  

Posted in: tutorial blogger