Senin, 05 Maret 2012

Home » » Cara Buat Related Post Di Bawah Artikel Blog

Cara Buat Related Post Di Bawah Artikel Blog

Tips ini sebenarnya sudah sangat banyak beredar, namun tidak ada salahnya di ulas kembali untuk membantu rekan-rekan blogger yang kebetulan belum mengetahui tentang hal ini.

Berikut ini Cara Membuat Related Post diBawah Postingan Blog:

Login ke blogger Anda.
Pilih Rancangan, kemudian kli Edit HTML
Beri tanda centang pada Expand Widget Template.

Cara Membuat Related Post diBawah Postingan Blog

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.
tes meta dari HTC : ojelhtc.blogspot.com/2012/01/cara-membuat-related-post-di-bawah.html

Silahkan mencoba dan semoga bermanfaat,


Related Posts by Categories

Ditulis Oleh : Mad Buddy ~ Just Write

Artikel Cara Buat Related Post Di Bawah Artikel Blog ini diposting oleh Mad Buddy pada hari Senin, 05 Maret 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

:: Get this widget ! ::

6 komentar:

Widget nya keren gan,,, ijin save gan hehe

@Search ilmu

Silahkan mas bro

CARA GAMPANG : Datang berkunjung mas bro, menjalin tali persahabatan, sebuah turorial yang mantap ... bravo buat MOTIVASISATUJAM.........

@JOHAN PURNOMO

Terimakasih mas bro atas kunjungan serta supportnya, dengan saling mengunjungi dan berkomentar,tali persahabatan kita terjalin semakin erat.

thenks atas infonya langsung ne dicobain...

info yang menarik...langsung deh ke TKP. makasih lam kenal

Poskan Komentar

Jika anda suka dengan artikel ini jangan segan untuk berkomentar ya, Komentar anda sangat diperlukan untuk develop blog ini.

Kalo nggak punya URL, Google Acc, silahkan beri komentar sebagai: Anonymous. Terimakasih.

Photobucket
Silahkan untuk menambahkan LINK Blog anda dibawah ini

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites