Minggu, 04 Desember 2011

Cara membatasi jumlah tampilan Related Post

Cara membatasi jumlah related post atau jika di indo kan membatasi jumlah posting terkait pada blog, terutama pada blog blogspot. Ini merupakan lanjutan article yang lampau tentang cara membuat related post ,untuk kesempatan ini kita akan membatasi jumlah related post-nya sesuai kehendak kita.
Seperti yang kita ketahui tutorial tentang membuat related post bersifat default artinya jumlah artikel terkait berjumlah 100 posting. Untuk blog yang masih baru tidak masalah karna masih memiliki sedikit artikel yang tentu pula belum mempunyai banyak label yang di buatnya, karna cara kerja related post berdasarkan label, semakin banyak postingan yang di beri label yang sama maka semakin banyak pula posting terkait yang muncul. Sudah faham tentang gambarannya? Jika sudah mari kita bekerja membuat tutorialnya 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/> atau kode <p><data:post.body/></p> sama saja.
    <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
Perhatikan pada kode yang berwarna hijau maxNumberOfPostsPerLabel = 100 Ganti angka 100 dengan jumlah posting terkait yang kamu kehendaki untuk membatasi jumlah tampilan related post.

0 komentar:

Posting Komentar

 
;