Menambahkan Artikel Terkait di Bawah Postingan

Mempercantik tampilan blog memang tak ada habisnya. Untuk itu, pasti sobat akan selalu mencari-cari di mbah GOOGLE apa-apa saja yang membuat blog kita keren kan. Hayoo, ngaku deh??

Ada pertanyaan, "kok gue tau yah". Ya iyalah, gue kan juga begitu. Haaaaa......
Ketauan deh.
Ok lah, langsung saja, saya akan memberikan tutorial tentang bagaimana cara untunk menambah ärtikel terkait di bawah postingan.
Pasang mata, hati, dan telinga sobat. Cekidot.....

1. Silahkan login ke Blogger kamu.

2. pilih Rancangan >> Edit HTML >> Ceklis "Expand Template Widget"

3. Cari kode <data:post.body/> 

4. Lalu copy kode berikut tepat dibawah kode tadi

 Copy Code ini :

  <b:if cond='data:blog.pageType == &quot;item&quot;'> <strong>Artikel Terkait </strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;ardi33&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <script type='text/javascript'>RelPost();</script> </div> </b:if>

</div> <div style=font-size:10px;margin:8px 0px 3px 0px>
by : <a href=http://fidyanitaramadhanisalam.blogspot.com/2013/04/memasang-translate-gambar-bendera-di.html>BTF</a>
</div>

5.Simpan Template

Jika anda seorang blogger pemula seperti saya maka harus sabar dan hati dalam meletakan kode di atas jangan sampai salah meletakan karena bila salah nanti bisa bermasalah , kesulitan saya dalam meletakanya adalah mencari kode <data:post.body/> karena rumit banyak sekali kode kode html.Namun baru saja aku temukan cara jadi kini tak lagi sulit karena sudah bisa dengan cara control F atau Ctrl F trus copas kode tersebut maka kode yang di maksud segera ketemu..