Referensi mahrus.net tentang tutorial android, blogging, daftar, kesehatan, komputer, internet, operator update terbaru dan terlengkap setiap hari.

Thursday, June 4, 2015

Cara Membuat Artikel Terkait Simple Tanpa Gambar

Cara Membuat Artikel Terkait Simple Tanpa Gambar - Trik tutorial blogging kali ini mengenai related post atau artikel terkait yang biasanya terpasang tepat dibawah postingan blog, banyak sekali para pengguna blogger yang memasang ini guna membuat blog lebih seo friendly. diantaranya untuk memudahkan pembaca lebih cepat tau isi semua artikel yang berkaitan dengan konten yang sedang di baca ini.

Nah untuk sobat yang template tidak ada Artikel Terkait coba untuk memasang dengan menggunakan cara ini selain fast loading karena tidak disertai dengan gambar, ini juga sudah full responsive desain gan, yuk cobain untuk dipasang pada blog anda.

Cara Membuat Artikel Terkait

Cara Membuat dan Memasang Related Post Gampang :

  • Login ke akun blogger sobat terlebih dahulu.
  • Kemudian silahkan untuk Pilih Template =>> Edit HTML. (Saya sarankan untuk backup dulu template sobat untuk menghindari hal-hal yang tidak diinginkan)
  • Expand Template sobat dengan mengklik tanda panah di samping Nomor script.
  • Sobat cari kode ini <data:post.body/> Untuk mempermudah pencarian gunakan Ctrl+F di kotak Edit HTML. (biasanya ada 3 kode seperti ini. Jika memang benar, pilih kode yang ke 2)
  • Copy kode berikut, dan letakan di bawah 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>
  • Kemudian langkah terakhir silahkan untuk sobat save atau simpn dan lihat hasilnya gays.. .
Peringatan : Jika masih tidak muncul juga silahkan sobat letakkan kode diatas dan pastekan setelah kode <data:post.body/> yang ketiga.

Nah itulah kawan tentang artikel terbaru ini Cara Membuat Artikel Terkait  semoga bermanfaat dan membantu anda yang membutuhkan trik ini. thanks.

loading...
Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Membuat Artikel Terkait Simple Tanpa Gambar