Membuat related post ( Artikel terkait ) dibawah postingan blog

Cara membuat related post pada blog, sebenarnya artikel ini telah banyak dibuat oleh para blogger senior yang lebih berpengalaman.Adapun fungsi dari memasang related post sendiri adalah agar memudahkan pengunjung untuk dapat melihat artikel lain yang terkait dengan artikel yang sedang dibaca. Pada postingan, related post akan nampak seperti ini ;
Berikut ini kita akan saling berbagi kode script related post yang nampak pada gambar diatas, adapun kode ini saya copas dari blog m-wali ( di blog m-wali anda akan memperoleh banyak sekali materi tentang blog dan SEO yang sangat berguna dan dapat kita pelajari ).
Adapun langkah langkah yang harus kita lakukan untuk membuat related post di bawah postingan blog adalah sebagai berikut ;
1. Login ke BLOG - DASBOR - LAYOUT - EDIT HTML

2. Akan lebih bijaksana kalau sebelumnya kita back up data template kita, untuk menghindari kesalahan dalam pengeditan.

3. Centangi Expand Widget Template

4. Cari kode <data:post.body/>
jika kesulitan mencarinya, tekan Ctrl + F, kemudian masukkan kode di atas pada kolom pencarian yang ada, kode akan terlihat dengan background berwarna hijau

5. Masukkan script kode di bawah ini, tepat dibawah kode yang kita cari tadi ( <data:post.body/> )



<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='similiar'> <div class='widget-content'> <h3>Related Posts by Categories</h3> <div id='data2007'/> <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>

Bagi yang telah menggunakan Readmore otomatis, tempatkan script kode related post bawah kode <data:post.body/> </b:if>
Bagi yang telah memasang iklan di bawah setiap postingan, maka penempatan script kode related post harus dibawah kode iklan yang telah terpasang sebelumnya.
Semoga artikel ini dapat bermanfaat bagi kita, salam hangat.



ARTIKEL TERKAIT :

4 komentar:

  1. blogwalking http://copasnet.wordpress.com/2012/05/29/applikasi-screenshot-untuk-phonsel-symbian-s60/

    BalasHapus
  2. mantaph bro, berhasil..
    tapi sayangnya label yang postinganya cuman satu ya dimunculin kosongan..

    BalasHapus
  3. Ini cukup bermanfaat, kebetulan saya juga menulis dengan topik yang sama di CARA MEMBUAT RELATED POST / ARTIKEL TERKAIT. Jika berkesempatan ditunggu kunjungan sahabat .

    Salam Blogger by Blog & Tips SEO

    BalasHapus

Agar ter-index oleh mbah google, alangkah lebih baik anda gunakan Alamat Blog/Website anda, jangan lupa juga untuk klik sponsor yang ada di blog ini, siapa tau bermanfaat buat anda,terimakasih.