Cara membuat artikel terkait otomatis pada blogspot

Cara membuat artikel terkait otomatis pada blogspot

Sobat blog Mis.X, bagaimana belajarnya mengenai isi html template? sudah paham belum. Ya udah sembari memahami, nih Mis.X akan membagikan cara untuk membuat artikel terkait otomatis di bawah postingan sesuai kategori/label pada blogspot. Okeh mari kita simak dan ikuti langkah-langkahnya dengan benar dan teliti yah.

Cara membuat artikel terkait otomatis pada blogspot:

1. Masuk ke Template.
2. Kemudian pilih Edit HTML.
3. Sebelumnya backup dulu Template sobat untuk jaga-jaga bila terjadi kesalahan.
4. Cari kode <data:post.body/> (gunakan Ctrl+F untuk memudahkan pencarian)
5. Bila sudah ketemu, mungkin sobat akan menemukan lebih dari satu kode <data:post.body/>
6. Menurut uji coba Mis.X, pilih kode <data:post.body/> yang paling bawah/akhir.
7. Selanjutnya copy script kode di bawah ini.
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <div class='similiar'>
       <div class='widget-content'>
       <br/>
       <br/>
       <br/>
       <h4>Artikel Terkait:</h4>
       <div 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>
       </b:if>
8. Lalu pastekan tepat di bawah kode <data:post.body/>
9. Silahkan pratinjau terlebih dahulu.
10. Bila tidak terjadi kesalahan baru di save.

Nah itulah "Cara membuat artikel terkait otomatis pada blogspot". Semoga tips, cara dan informasi dari Blog Mis.X bermanfaat untuk sobat.

Artikel Terkait:

Title: Cara membuat artikel terkait otomatis pada blogspot; Written by Unknown; Rating: 5 dari 5