Membuat Artikel Yang Berkaitan DIbawah Postingan

Mau pasang Artikel Yang Berkaitan di bawah postingan sobat. Ini juga salah satu cara untuk mempermudah user untuk mengakses situs kita. Untuk melihat demonya, lihat pada bagian bawah bawah postingan ini. Atau lihat pada gambar disamping.

Gimana......
Bagi sobat yang ingin membuatnya, ikuti step-stepnya ok.


Ni step-stepnya :

1. Masuk ke akun bloger sobat.
2. Pilih Rancangan, edit Html.
3. Cek List Expand Template Widget, dan cari kode <data:post.body/>.
4. Masukan kode berikut tepat dibawah kode no.3
   

   
   
   <!-- start artikel terkait -->
   <div style='padding-left:20px; padding-right:20px;'>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='similiar'>
   
   <div class='widget-content'>
   <div id='related-posts'>
   <h2>Artikel yang berkaitan</h2>
   </div>
   <div style='border: 0px; margin: 0px; height:5px;'/>
   <div style='padding-left:20px padding:5px; border: 0px; margin: 0px;  width:500px; overflow:auto; height:225px;'>
   <style type='text/css'>
   .data2007 ul li a, .data2007 ul li a:hover {text-decoration: none;}
   </style>
   <div class='data2007' id='data2007'/><br/><br/>
   <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;data2007&#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>
   </div>
   
   </div>
   </b:if>
   </div>
   <!-- end artikel terkait -->
   
   

5. Setelah selesai, klik save untuk menyimpan.

Gimana.....
Sobat hanya mengedit atau mengubah sesuai dengan keinginan sobat. Ok teruslah berkreasi dan tetap bersemangat.

Salam senyum dariku untuk semuanya, tetaplah untuk bersemangat. Jangan lupa Comment atau isi buku tamu ya sob. Sedikit pemberitahuan untuk sobat yang ingin mengambil [Copy-Paste], Owner tidak melarang sobat untuk memperbanyak artikel namun Owner berharap sobat berlaku dengan bijak agar mencantumkan link active maupun yang tidak. Owner berharap partisipasinya ya sob.

---

---