Random Post

Seputar Windows

Home » » Cara Membuat Artikel Terkait Dibawah Postingan Blog

Cara Membuat Artikel Terkait Dibawah Postingan Blog

Cara Membuat Artikel Terkait Dibawah Postingan Blog sangatlah penting kita pasang guna untuk  memberikan kemudahan sekaligus memberi tahu tentang isi dari artikel bersangkutan.

Dengan di terapkannya Artikel Tekait besar kemungkinan para pengunjung akan mengetahui semua artikel satu persatu karena akan saling berkaitan satu sama lainnya.

Buat kalian yang ingin mencobanya Cara Membuat Artikel Terkait Dibawah Postingan Blog silahkan lihat tutorialnya di bawah ini.


1. Pastikan login terlebih dahulu.
2. Pilih menu Template > Edit HML.
3. Backup terlebih dahulu untuk menghindari kesalahan,kemudian centang Expand Widget Templates
4. Kemudian cari kode <data:post.body/> (gunakan CTRL+F untuk memudahkan pencarian)
5. Setelah ketemu lalu perhatikan kode ini biasanya ada tiga bagian,jika memang ada tiga pilih kode yang kedua.
5. Kemudian letakan script di bawah setelah kode <data:post.body/>



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


6. Terakhir save dan silahkan lihat hasilnya.


Itulah sedikit ulasan mengenai Cara Membuat Artikel Terkait Dibawah Postingan Blog semoga dapat bermanpaat buat semuanya.

29 komentar:

  1. Wah terimakasih banyak ya gan saya jadi tau caranya pasang artikel terkait di bawah postingan tersebut.

    BalasHapus
  2. makasih infonyagan bermanfaat salam kenal dari Resep Masak Dan Kue

    BalasHapus
  3. Kalo artikel terkai yang sama dengan punya agan tp ada gambar di sampinnya gmana buatnya gan?

    BalasHapus
  4. Trims gan, udah ane terapin di blog ane catatanyusma.blogspot.com
    its work....
    ditunggu kunjungan baliknya gan

    BalasHapus
  5. saya coa diblog saya mudah-mudahan berhasil Amin

    BalasHapus
  6. Bagus nih informasinya, jgn lupa kunjungan balik ya gan?

    BalasHapus
  7. ini yang saya cari gan, oya kalau untuk widget diposkan oleh ada gak gan...jangan lupa Visit Back ok

    BalasHapus
  8. terimakasih gan untuk tipsnya,aye tunggu tips selanjutnya.

    BalasHapus
  9. Terima kasih Mas Bro...sangat membantu.

    BalasHapus
  10. Thanks ilmu nya broo, sangat membantu :)
    visit back ya

    BalasHapus
  11. Kok ga ada demo atau resultnya gan?
    Mau coba tapi males coba-coba e.

    Salam kenal aja gan. :)

    BalasHapus
  12. thanks gan berhasil jangan lupa kunjugan baliknya yaa http://inirajawali.blogspot.co.id

    BalasHapus
  13. nggak work gan.
    mungkin gara" tempelateku hasil download'an

    jngn lupa Kunbal yaa.
    dragolonirzt.blogspot.com

    BalasHapus
  14. work nggak semua templete bekerja

    BalasHapus
  15. http://rumah-muslimin.blogspot.co.id

    BalasHapus
  16. sangat membantu sekali om
    http://www.kubahdunia.com

    BalasHapus
  17. Thank Gan infonya...

    Langsung di praktekan, dan berhasil...

    BalasHapus

Saya sangat mengharapkan komentarnya yang bersipat membangun,dan gunakanlah bahasa yang sopan dan jelas.