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.

Judul : Membuat Artikel Yang Berkaitan DIbawah Postingan
Rating : 4.5
Ditulis Oleh : sy@ms

Jika mengutip harap berikan link yang menuju ke artikel Membuat Artikel Yang Berkaitan DIbawah Postingan ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya