Cara Membuat Artikel Terkait Di Bawah Postingan Blog

Di Sore hari yang sejuk ini saya memcoba memberikan sedikit tip buat kalian yang inggin tau bagaimana " Cara Membuat Artikel Terkait Dibawah Posting Standar " Kenapa pake kata standard karna tamilannya yang biyasa tapi manfaatnya luar biyasa. Saya pake Ini pastinya ada manfaatnya donk.. masa nda pake widget yang nda asa manfaatnya.. Manfaat dari adanya artikel di bawah posting banyak sekali salah satunya digunain untuk membuat pengunjung membaca artikel artikel yang terkait dengan apa yang kita post jadi bisa membetahkan pengunjung juga bisa nambah Page View bagi kita... itu manfaat yang terpenting . Udah tau manfaatnya.. Yuk kita lanjut ke Tutorialnya..

Trutorial  Cara Membuat Artikel Terkait Dibawah Posting Standar

Jangan Lupa untuk meng Back Up Dulu Thempletnya Supaya buat pengaman aja Gitu... Semoga Sukses

Pertama:::: Kita masuk ke Menu Themplete yang ada di blogger

Kedua:::::: Kita Pilih Edit HTML >>Lanjutkan >> jangan lupa Centang Expand Template Widgetnya..

Ketiga:::::: Cari Kode Ini <data:post.body/> Biar lebih mudah tekan CTRL + F

Keempat::: Tambahan Kode  Berikut Tepat di bawah Kode ini<data:post.body/>

  <b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Baca Juga Yang Ini, Seru Loo!!</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 class='ycdr' style='font-family: arial, sans-serif; font-size: 9px;'><a href='http://eross321.blogspot.com/2013/01/cara-membuat-artikel-terkait-di-bawah.html' target='_blank' title='Cara Membuat Releated Post keren'>Cara Membuat Artikel Terkait Dibawah Posting</a> <a href='http://eross321.blogspot.com/' target='_blank'>Tempat Cari ilmu</a></div></div>  </div> </b:if>

 Silahkan Yang Berwarna Merah  ganti sesuai ke inginan kalian

Tapi inggat Kode <data:post.body/> ini nga cuman satu Jadi kalo kode pertama tidak jadi.. Silahkan Tempatkan di kode berikutnya... dan seterusnya ... Ini Contoh pemasangannya di blog saya

<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
    <span class='rmlink'><a expr:href='data:post.url '>Terusin Ahhh !!</a></span>
</b:if>
</b:if>
 <b:if cond='data:blog.pageType == &quot;item&quot;'> <strong>Baca Juga Yang Ini, Seru Loo!!</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>

Saya pasang widged ini setelah Readmore... Tampilannya kaya gini .... Jadi kalo themplet kalian udah di pasang Readmore otomatis Silahkan tempatkan kode berikut di bawah kode readmorenya... kaya Punya saya itu

Kelima::: Sekarang Tinggal Simpan Thempletnya dehh Dan liat Hasilnya jika blum Baca lagi Yang Atas