07 January, 2010

Membuat Related Post di halaman single page

Satu lagi nih!!, namanya Related post atau artikel terkait. Biasanya di kelompokkan dalam satu label atau katagory. Fungsinya untuk mempermudah pembaca blog kamu, menuju artikel kamu yang lain dan saling terkait... sambung terkait menjadi satu itu lah related post...

Kita coba yah! buat tulisan terkait, tenang ini berhasil pada blog saya kog!!.. Berdoalah ini juga berhasil pada blog kamu, . Dan Nantinya Related post ini akan muncul di halaman single page di bawah judul postingan kamu. Okey kita coba yap!.
LogIn ke Dasbord Blogger kamu --- Klik Tata Letak/Lay Out --- Klik Edit HTML

Jangan Lupa juga untuk membackup template lama sebelum di edit
Jangan Lupa Beri Tanda Centang Pada  --- Expand Template Widget.


Oke Sudah.... Nice.. Kita Lanjut...!!!

Cari Code Berikut :

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>

Note : Agak Ribet memang, tapi kalo kamu pengguna Browser Google Chrome tekan F3, Untuk mempermudah, akan muncul kotak pencarian di sebelah kanan atas Browser kamu.

Sudah Ketemu belom... ? Kalo sudah
Copy-pastekan Code Berikut di Bawah Code : <data:post.body/> 



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<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>

Terakhir --- Klik Simpan --- selesai ---

Kata Related Post Pada Kode ini  <h3>Related Post</h3> Bisa Di Ganti
Misalkan : Artikel terkait, Tulisan terkait.. suka-suka kamu dech. Oke succes yap!

Lihat Blog --- Kemudian Klik Salah satu judul postingan Kamu yang sudah jadi, perhatikan di bawah tulisan postingan kamu tersebut. Untuk Melihat Contoh buka http://lov-3.blogspot.com/2010/05/sekuntum-senyum.html

3 comments

  1. Mantab berhasil sobat thnks berat nih tipsnya!

    ReplyDelete
  2. Udah jalan n oke! makasi sob

    ReplyDelete
  3. makasi boss Infonya tops sudah saya coba di blog saya yg baru

    ReplyDelete


Copyright © 2016 Photoshop blog dan Blogger