Cara Membuat Artikel Terkait Dibawah Postingan Dengan Scroll

Sebelumnya kita sudah bahas bagaimana cara membuat artikel terkait di blog namun di situ saya tidak jelaskan bagaimana cara memasang scroll di artikel terkait nah sekarang saya akan bahas untuk cara membuat artikel terkait dibawah postingan blog dengan fungsi scroll. Mungkin dengan menggunkan scroll ini blog sobat akan terlihat lebih rapi,ganteng,cantik dan bla bla bla bla.

cara membuat artikel terkait dengan fungsi scroll
Cara Membuat Artikel Terkait Dengan Scroll

Di sini saya akan sedikit menambah sedikit kode html nya. Berikut kode yang saya tambahkan. Dari kode sebelumnya yang jelaskan disini.

  1. <b:if cond='data:blog.pageType == "item"'>
  2. <div class='similiar'>
  3. <div class='widget-content'>
  4. <h3>Artikel Terkait</h3>
  5. <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
  6. <div id='data2007'/><br/><br/>
  7. &lt;script type='text/javascript'&gt;
  8. var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
  9. var maxNumberOfPostsPerLabel = 4;
  10. var maxNumberOfLabels = 10;
  11. maxNumberOfPostsPerLabel = 100;
  12. maxNumberOfLabels = 3;
  13. function listEntries10(json) {
  14. var ul = document.createElement(&#39;ul&#39;);
  15. var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
  16. json.feed.entry.length : maxNumberOfPostsPerLabel;
  17. for (var i = 0; i &lt; maxPosts; i++) {
  18. var entry = json.feed.entry[i];
  19. var alturl;
  20. for (var k = 0; k &lt; entry.link.length; k++) {
  21. if (entry.link[k].rel == &#39;alternate&#39;) {
  22. alturl = entry.link[k].href;
  23. break;
  24. }
  25. }
  26. var li = document.createElement(&#39;li&#39;);
  27. var a = document.createElement(&#39;a&#39;);
  28. a.href = alturl;
  29. if(a.href!=location.href) {
  30. var txt = document.createTextNode(entry.title.$t);
  31. a.appendChild(txt);
  32. li.appendChild(a);
  33. ul.appendChild(li);
  34. }
  35. }
  36. for (var l = 0; l &lt; json.feed.link.length; l++) {
  37. if (json.feed.link[l].rel == &#39;alternate&#39;) {
  38. var raw = json.feed.link[l].href;
  39. var label = raw.substr(homeUrl3.length+13);
  40. var k;
  41. for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
  42. var txt = document.createTextNode(label);
  43. var h = document.createElement(&#39;b&#39;);
  44. h.appendChild(txt);
  45. var div1 = document.createElement(&#39;div&#39;);
  46. div1.appendChild(h);
  47. div1.appendChild(ul);
  48. document.getElementById(&#39;data2007&#39;).appendChild(div1);
  49. }
  50. }
  51. }
  52. function search10(query, label) {
  53. var script = document.createElement(&#39;script&#39;);
  54. script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
  55. + label +
  56. &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
  57. script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
  58. document.documentElement.firstChild.appendChild(script);
  59. }
  60. var labelArray = new Array();
  61. var numLabel = 0;
  62. <b:loop values='data:posts' var='post'>
  63. <b:loop values='data:post.labels' var='label'>
  64. textLabel = &quot;<data:label.name/>&quot;;
  65. var test = 0;
  66. for (var i = 0; i &lt; labelArray.length; i++)
  67. if (labelArray[i] == textLabel) test = 1;
  68. if (test == 0) {
  69. labelArray.push(textLabel);
  70. var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
  71. labelArray.length : maxNumberOfLabels;
  72. if (numLabel &lt; maxLabels) {
  73. search10(homeUrl3, textLabel);
  74. numLabel++;
  75. }
  76. }
  77. </b:loop>
  78. </b:loop>
  79. &lt;/script&gt;
  80. </div>
  81. </div>
  82. </div>
  83. </b:if>

Letakkan kode diatas di bawah kode <data:post.body/> di bagian page type item.kalau masih belum bisa kasih komentar ya. Sampai disini lah pembahasan kita hari ini untuk cara membuat artikel terkait dengan fungsi scroll semoga bermanfaat.dan tunggu untuk mempelajari tips blogging yang lain.

Komentar Cara Membuat Artikel Terkait Dibawah Postingan Dengan Scroll