17 March 2013

Cara Membuat Related Post/Artikel Terkaid Di Bawah Postingan

LNT : Hallo sahabat blogger ternyata membuat Artikel Terkait di bawah postingan cukup mudah ... sebenarnya untuk membuat Related Post/Artikel Terkait ada banyak model dal cara antaranya membuat artikel Terkait dengan Thumbnail/gambar, tapi kali ini saya akan berbagi tentang membuat ertikel terkait di bawah postingan dengan tampilan sederhana
langsung saja  ikuti langkahnya

  1. masuk ke dasbor blogger
  2. Pilih Template
  3. Edit HTML
 
        4. Centang Expand Template Widget

        5.  Cari Kode   <data:post.body/>
        6.  Copy Paste Code Di bawah Tepat Di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Artikel Lain Yang Mungkin Anda Suka</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>
biasanya ada dua <data:post.body/> taruh dibawah yang kedua
** Warna Buru Bisa anda Ganti Dengan Judul Anda Sendiri

7. Save Template dan lihat Hasilnya

2 comments:

  1. Anonymous20/3/13 18:12

    bagus gan infonya......ijin share gan ok..!!!

    ReplyDelete
  2. saya coba dulu gan

    ReplyDelete

Trima Kasih Anda Telah Berkomentar dengan sopan
Tidak diperkenankan memasukan link Porno di dalam isi komentar
Komentar SPAM dan sejenisnya akan dihapus
thanks for visit my Blogg by. : Laginemu-trik.blogspot.com