Membuat Artikel Terkait

Disini saya akan Membahas tentang Membuat Artikel Terkait, saya juga beberapa hari ini baru mencoba cara membuat artikel terkait, apabila blog kita diberi artikel terkait maka pembaca akan lebih mudah mencari artikel yang lain dari blog kita berikut

cara membuat artikel Terkait:

1. Masukklah ke bagian "Tata Letak" -> "Edit HTML"
2. Klik "Expand Template Widget", namun disarankan sebelumnya untuk membackup template anda
3. Lalu copy semua kode
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <br /><H2>Artikel Terkait:</H2>
   <br /><DIV class='rbbox'>
   <br /><DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
   <br /><DIV id='albri'/>
   <br /><SCRIPT type='text/javascript'>
   <br />var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
   <br />var maxNumberOfPostsPerLabel = 4;
   <br />var maxNumberOfLabels = 10;
   <br />maxNumberOfPostsPerLabel = 100;
   <br />maxNumberOfLabels = 3;
   <br />function listEntries10(json) {
   <br />var ul = document.createElement(&#39;ul&#39;);
   <br />var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
   <br />json.feed.entry.length : maxNumberOfPostsPerLabel;
   <br />for (var i = 0; i &lt; maxPosts; i++) {
   <br />var entry = json.feed.entry[i];
   <br />var alturl;
   <br />for (var k = 0; k &lt; entry.link.length; k++) {
   <br />if (entry.link[k].rel == &#39;alternate&#39;) {
   <br />alturl = entry.link[k].href;
   <br />break;
   <br />}
   <br />}
   <br />var li = document.createElement(&#39;li&#39;);
   <br />var a = document.createElement(&#39;a&#39;);
   <br />a.href = alturl;
   <br />if(a.href!=location.href) {
   <br />var txt = document.createTextNode(entry.title.$t);
   <br />a.appendChild(txt);
   <br />li.appendChild(a);
   <br />ul.appendChild(li);
   <br />}
   <br />}
   <br />for (var l = 0; l &lt; json.feed.link.length; l++) {
   <br />if (json.feed.link[l].rel == &#39;alternate&#39;) {
   <br />var raw = json.feed.link[l].href;
   <br />var label = raw.substr(homeUrl3.length+13);
   <br />var k;
   <br />for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
   <br />var txt = document.createTextNode(label);
   <br />var h = document.createElement(&#39;b&#39;);
   <br />h.appendChild(txt);
   <br />var div1 = document.createElement(&#39;div&#39;);
   <br />div1.appendChild(h);
   <br />div1.appendChild(ul);
   <br />document.getElementById(&#39;albri&#39;).appendChild(div1);
   <br />}
   <br />}
   <br />}
   <br />function search10(query, label) {
   <br />var script = document.createElement(&#39;script&#39;);
   <br />script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
   <br />+ label +
   <br />&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
   <br />script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
   <br />document.documentElement.firstChild.appendChild(script);
   <br />}
   <br />var labelArray = new Array();
   <br />var numLabel = 0;
   <br /><b:loop values='data:posts' var='post'>
   <br /><b:loop values='data:post.labels' var='label'>
   <br />textLabel = &quot;<data:label.name/>&quot;;
   <br />var test = 0;
   <br />for (var i = 0; i &lt; labelArray.length; i++)
   <br />if (labelArray[i] == textLabel) test = 1;
   <br />if (test == 0) {
   <br />labelArray.push(textLabel);
   <br />var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
   <br />labelArray.length : maxNumberOfLabels;
   <br />if (numLabel &lt; maxLabels) {
   <br />search10(homeUrl3, textLabel);
   <br />numLabel++;
   <br />}
   <br />}
   <br /></b:loop>
   <br /></b:loop>
   <br /></SCRIPT>
   <br /></DIV>
   <br /><script type="text/javascript">RelPost();</script>
   <br /></DIV>
   <br /></b:if>
   <br />
   <br />
4. Setelah itu paste kode tersebut persis di bawah kode <data:post.body/> atau <p><data:post.body/></p>
5. Bagi anda yg menemukan dua kode maka paste kode <data:post.body/> yang di copy persis di bawah kode yang pertama
6. Kalau sudah ketemu copy kode dibawah ini kemudian paste " diatas" kode ]]></b:skin> tadi.
   /*-----------------------------
   <br />kode related post optimal
   <br />visit http://travetoon.blogspot.com
   <br />------------------------------*/
   <br />.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
   <br />background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
   <br />.rbbox:hover{background-color: rgb(255, 255, 255);}
   <br />
7. Selesai, Kalau sudah silahkan disimpan templatenya. Lihat hasilnya dengan membuka salah satu artikel anda.

Sekian yang Mamas Ipenk Ketahui
Semoga Bermanfaat