Cara Membuat/Menambahkan Related Post

Posted by muhammad khusaini

Cara Menambahkan Related Post -menambahkan related post.

Related post membuat sebuah fungsi baru pada blog yaitu memudahkan menemukan artikel-artikel yang berhubungan atau berkitan dengan judul postingan kita, atau memiliki keterkaitan antara penyajian judul, jadi tidak ada ruginya jika kita menambahkan related post

Berikut ini adalah Cara Mnambahkan Related Post.

  • Login ke akun blog 
  • Pilih Rancangan/Design >> Edit HTML 
  • Centang Expand Template Widget 
  • Cari kode berikut <data:post.body/> (Gunakan Ctrl + F) 
  • Copy dan pastekan kode di bawah ini tepat di bawah <data:post.body/>
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<blink><b>RELATED POST</b></blink>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 20;
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;albri&#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>
</b:if>

  • Selanjutnya cari ]]></b:skin> paste kode berikut di atas kode ]]></b:skin>

rgb(255, 255, 255) 
.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: white ;}


    Artikel tentang Cara Membuat/Menambahkan Related Post Url Address http://penowo.blogspot.com/2011/08/cara-menambahkan-related-post.html
    Cara Membuat/Menambahkan Related Post by Mahir Blogging
    >

    Related Post/terkait

    { 1 comments... read them below or add one }

    sany said...

    mantab gan

     

    Mahir Blogging

    Here:
    Blogger Bertuah

    Statistic

    Mahir Blogging