Cara Membuat Artikel Terkait Dibawah Postingan Blog

Cekgu Online_ Cara Membuat Artikel Terkait Dibawah Postingan Blog - Selamat malam sobat blogger. Apa kabarnya nih? Pasti baik-baik saja kan. Oke, karna sobat blogger baik-baik semua, sekarang saya akan share artikel maengenai Cara Membuat Artikel Terkait Dibawah Postingan. Kegunaan dari artikel terkait ini selain untuk mempercantik blog sobat, keuntungan lain yang didapat sobat adalah mendapat pageview pengunjung blog sobat. Selain itu, kegunaan yang paling utama dari Artikel Terkait ini adalah, untuk mempermudah pengunjung blog mengetahui artikel-artikel yang sobat buat dan membaca artikel-artikel di blog sobat. Sebagai contoh, jika ada pengunjung blog sobat yang membaca artikel yang sobat buat dan melihat widget ini dan ada artikel yang menarik untuk diketahui atau dibaca pengunjung, pengunjung blog sobat pasti akan mengklik artikel tersebut, dan seperti yang saya jelaskan diatas, ini bisa menjadi keuntungan untuk sobat menambah pageview sobat.

Jika sobat tertarik menggunakan widget ini, silahkan sobat ikuti langkah-langkahnya :
  1. Login ke akun Blog anda
  2. Pilih Template ==> Edit HTML
  3. Expanda Template dengan mengKlik tanda panah di samping nomor script.
  4. Kemudian cari kode berikut <data:post.body/> untuk mempermudah pencarian gunakan Ctrl+F di kotak edit HTML. (Biasanya terdapat 3 atau 4 kode seperti ini. Jika benar, maka pilih kode yang kedua)
  5. Salin kode berikut, dan letakkan tepat dibawah kode <data:post.body/>
  6. <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>

Catatan:
  1. Jika Artikel Terkait Tidak muncul, silahkan Paste kodenya di kode no 3.
  2. Jika sobat ingin mengganti kata "Artikel Terkait" dengan kata-kata sobat, silahkan ganti kode yang saya beri warna Biru.
Baca juga berikut ini

Tidak ada komentar: