Selasa, 13 Januari 2015

Membuat Related Post Sederhana Fast Loading

Related post responsiv
Salah satu yang mendorong cepatnya artikel diindex mesin pencari adalah penggunaan template yang simple dan ringan. Memasang banyak widget dan iklan juga mempengaruhi kecepatan blog. Namun beberapa syarat yang harus dipenuhi untuk meningkatkan SEO (Search engine optimization) dengan mendesain blog yang mudah ditelusuri para pembaca.

Dengan memasang related post (artikel terkait di bawah postingan) memudahkan para pengunjung untuk membaca postingan sehingga page views semakin meningkat. Bila Anda memasang AdSense page view sangat berpengaruh terhadapat banyaknya penghasilan.

Related post yang dibagikan ini adalah versi sederhana tanpa gambar thumnail. Kenapa tidak menggunakan thumnail ? jawabannya untuk mempercepat loading blog.

Cara membuat related artikel terkait sederhana fast loading :
  • Login ke Blog Anda.
  • Pada halaman Dasbor pilih Rancangan.
  • Pilih tab EditHTML.
  • Klik Download Template Lengkap untuk backup template anda jika terjadi error.
  • Cari kode <data:post.body/> atau bisa juga berbentuk seperti ini <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Jika sudah ketemu, Copy kode dibawah ini dan Pastekan dibawah kode diatas.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 7;
var maxNumberOfLabels = 7;

maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 4;


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>
  • Simpan dan lihat hasilnya.
Catatan : Artikel terkait yang berwarna merah bisa Anda ubah, dan banyaknya jumlah artikel terkait maxNumberOfPostsPerLabel = 10.

The author of the blog Teknologivirtual

4 comments

terima kasih admin. sudah saya terapkan di blog saya dan work. ;)

Oke gan. semoga blognya nambah keren hehe

sudha saya terapkan tapi kok blum work yah ?


EmoticonEmoticon