Cara membuat Related Post - E-Learning With Blog
Headlines News :
Home » » Cara membuat Related Post

Cara membuat Related Post

Written By Ahmad Nurhakim on Sabtu, 07 Januari 2012 | 21.42

Related Post atau yang biasa disebut posting terkait atau artikel terkait sangat besar manfaatnya untuk blog kita,terlebih utama sangat besar manfaatnya untuk para pengunjung karena Artikel yang besangkutan dengan apa yang pengunjung baca ada pada menu Related post ini, dan biasanya Artikel terkait ini di letakan di bagian bawah artikel guna memberitahu pengunjung bahwa artikel yang sama yg sedang di baca ada di bawahnya.
Related Post ini seperti menu navigasi pada sidebar blog, hanya saja menu related post ini terisi secara otomatis berdasarkan Label pada masing-masing artikel.
Misalkan article yang sedang di baca pengunjung tentang ''Cara sukses berbisnis online dengan Blog'' yang di beri Label ''BISNIS ONLINE'', maka artikel terkait secara otomatis akan menampilkan Artikel-artikel yang lainnya tentang BISNIS ONLINE.
Contoh Related Post atau Posting Terkait bisa di lihat pada Blogtegal ini di bagian bawah artikel yang sedang kamu baca ini. BAGAIMANA CARA MEMBUAT RELATED POST INI? Mari kita lakukan penelitian membuat artikel terkait. CARA MEMBUAT RELATED POST,CARA MEMBUAT POSTING TERKAIT,CARA MEMBUAT ARTIKEL TERKAIT
  • Login ke dashboard blogspot kamu.
  • pilih Rancangan »» Edit HTML
  • download template lengkap dulu untuk jaga-jaga kalau ada kesalahan.
  • Beri tanda centang pada Expand Widget Template.
  • tempatkan script berikut di bawah kode <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>
  • yang terakhir klik SIMPAN
CATATAN!!:
  • Jika kamu sudah memasang 'Readmore Otomatis' maka kamu harus menempatkan script related post di bawah kode
    <data:post.body/>
    </b:if>
  • Jika kamu memasang iklan di bawah posting, maka tempatkan script related post di bawah kode iklan tersebut.
Bagaimana apa ada yang perlu di tanyakan? Silahkan ae bertanya pada kotak komentar tentang cara membuat related post,cara membuat posting terkait,cara membuat artikel terkait cara membuat related post,posting terkait,artikel terkait
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

SubScriber

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Add to Google Reader or Homepage

Join Member

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. E-Learning With Blog - All Rights Reserved
Template Design by Creating Website Published by Mas Template