Tips & Trick Ngeblog

Membuat Artikel Terkait

Artikel terkait adalah artikel yang berada pada satu label dalam postingan kita. Artinya, artikel yang kita buat kalau kita taruh dalam satu judul label yang sama, maka link artikel tersebut akan dapat kita munculkan di bawah postingan kita dengan menambahkan script artikel terkait atau kalau diinggriskan biasanya berbunyi Related Post .. mahap.. bad english alnya.. hehehehe .

Penasaran bagaimana cara membuatnya? yuk kita bikin sama-sama. :

1. Login ke Blog sahabat
2. masuk ke Layout >> Edit HTML.. centang"Expand Widgets Template".
3. Untuk mencegah hal-hal yang tidak diinginkan selama proses ini berlangsung, sangat dianjurkan agar sahabat memback-up template blog sahabat dengan cara mendownload template tersebut dan disimpan dalam file yang aman.
4. Kemudian ari code ini :
   

   <p><data:post.body/></p>

5. Kemudian copy kode berikut ini dan paste tepat di bawah kode di atas.
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <H2>Artikel Terkait:</H2>
   <DIV class='rbbox'>
   <DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
   <DIV id='albri'/>
   <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;albri&#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>

6. Langkah selanjutnya silahkan cari kode ini :
   

   ]]></b:skin>

7. Tempatkan code berikut ini tepat di atas kode tadi.
   

   rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
   background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
   .rbbox:hover{background-color: rgb(255, 255, 255);}

8. Simpan
9. Selesai sudah.. sekarang coba buka artikel pada blog kamu dan perhatikan bahwa di bawah postingan artikel yang sobat buka tadi akan ada tambahan Artikel Terkait yang barusan dikerjakan..

No Comment | Posted in » Tips dan Trick Ngeblog