Cara Membuat Artikel Terkait atau Related Post Bloger Aceh

Bloger Aceh adalah Blog tentang Tip, Trik dan Tutorial Blogger dalam mempercantik blog

24 January, 2013

Cara Membuat Artikel Terkait atau Related Post

membuat artikel terkait atau related post dibawah posting
Cara Membuat Artikel terkait atau related post ini udah sering dibagikan oleh blogger tapi sekedar buat koleksi Blogeraceh saja jadi bantu share juga deh buat sobat blogger yang lain, dari pada cuma lihat posting cara membuat komentar admin berbeda di blog ya lebih bagus kita ganti posisi saja lah dengan posting terbaru ini.
ok sobat langsung saja ikuti langkah-langkah dibawah ya.


  • buka edit template blog sobat
  • ceklist Expand widget template
  • (alt + F ) cari kode ]]></s:kin>
  • kemudian Copy + Paste script dibawah tepat sebelum kode ]]></s:kin>
 .rbbox{border: 1px solid #484646; padding: 5px;background-color: #FFFFFF; -moz-border-radius:5px; margin:5px; } .rbbox:hover{ background-color: rgb(255, 255, 255); }
  • kemudian cari kode <data:post.body/> 
  • setelah ketemu Copy + Paste script dibawah tepat sebelum kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<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 = 10;
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>
  • jika di blog sobat menggunakan auto readmore maka letakkan saja setelah/sebelum <data:post.body/> yang no.3
Bagaimana sobat blogger? jika cara membuat artikel terkait atau related post ini tidak berjalan sesuai harapan maka Blogeraceh minta maaf tapi jika working maka sempatkan waktu 7 detik untuk tombol share media di samping kiri posting ini ya sob b^^a.
Happy Blogging

Labels:

0 Comments:

Post a Comment

Berkomentar sesuai Artikel Posting Blog,, jika ingin memasang link gunakan Tempat yang Blogeraceh Sediakan di Menu Link Exchange

Subscribe to Post Comments [Atom]