Cara Membuat Related Post diBawah Postingan Blog

Cara Membuat Related Post | Cara membuat artikel terkait ( related post ) tepat di bawah postingan blog - Tips ini sebenarnya sudah sangat banyak beredar, namun tidak ada salahnya di ulas kembali untuk membantu blog-blog pemula yang masih awam dengan tips ini. Berikut ini Cara Membuat Related Post diBawah Postingan Blog.
Cara Membuat Related Post diBawah Postingan Blog
Login ke blogger Anda.
Pilih Rancangan, kemudian kli Edit HTML
Beri tanda centang pada Expand Widget Template.

Cari kode <data:post.body/>, supaya mudah, gunakan kotak Find dengan menekan tombol F3
tempatkan script/kode 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>


Dan yang terakhir klik Simpan
NB:


Jika Anda sudah memasang 'Readmore Otomatis' maka harus menempatkan script related post di bawah kode <data:post.body/> </b:if>
Jika Anda memasang iklan di bawah posting, maka tempatkan script related post di bawah kode iklan tersebut.
DOWNLOAD
Single Links (Recommended)

Ditulis Oleh : Unknown ~Free Shop Ilmu

Muh.Akram Anda sedang membaca artikel berjudul Cara Membuat Related Post diBawah Postingan Blog yang ditulis oleh Free Shop Ilmu yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: 06:14:00

0 comments:

Post a Comment