-->

Membuat Related Post Pada Postingan di Blog

di

Membuat Related Post Pada Postingan di Blog

Cara Membuat Related Post Pada Postingan di Blog 

Cara Membuat Related Post Pada Postingan di Blog dengan mudah dan responsive.
Menu Related Post
Bumba31Related Post merupakan bagian yang selalu ada pada sebuah blog, dapat dikatakan bahwa related post adalah salah satu unsur yang cukup penting dan sangat direkomendasikan untuk disisipkan pada halaman blog karena dengan adanya related post seorang pengunjung dapat mencari hal-hal lain yang terdapat pada blog tersebut sekaligus dapat membantu pengunjung mempermudah untuk mencari artikel yang bersangkutan dengan artikel tersebut.

Banyak cara yang dapat digunakan untuk membuat related post di blog, terdapat berbagai kode dan metode yang bisa menjadi pilihan, bahkan jika beruntung anda dapat menampilkan related post dengan bantuan dari Google Adsense sehingga anda akan diberikan beberapa fitur yang ditawarkan oleh Google Adsense. Namun tentu saja tidak semudah kedengarannya, Google Adsense hanya akan memberikan fitur related post untuk blog yang telah memenuhi syarat dan ketentuan yang telah ditetapkan oleh Google Adsense.

Akan tetapi pada artikel ini saya tidak akan membahas tentang related post Google Adsense akan tetapi kita akan membahas Cara Membuat Related Post Di Blog, Sebagai Berikut.

Membuat Related Post di Blog

  1. Login ke Blog
  2. Cari Menu Template - klik Edit HTML
  3. Temukan kode <data:post.body/>
    ( Kalian bisa cari dengan menekan CTRL + F untuk mempermudah pada saat kalian mencari).
  4. Letakkan script dibawah ini tepat dibawah <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<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>
Dan terakhir kalian Save Template, dan lihat pada postingan blog kalian sudah terdapat Related Post Simple yang begitu responsive untuk blog kalian. begitulah Membuat Related Post Pada Postingan Blog, Baca juga : Cara Memasang SlideShow Otomatis Update Di Blog

Related Post



Tidak ada komentar:

Posting Komentar