Nih Menciptakan Related Post Sederhana Fast Loading

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

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

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

Cara menciptakan related sederhana fast loading :

• Login ke Blog Anda.
• Pada halaman Dasbor pilih Rancangan.
• Pilih tab EditHTML.
• Klik Download Template Lengkap untuk backup template anda jikalau terjadi error.
• Cari arahan <data:post.body/> atau sanggup juga berbentuk menyerupai ini <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
• Jika sudah ketemu, Copy arahan dibawah ini dan Pastekan dibawah arahan diatas.

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

<div class='widget-content'>
<h3></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 : yang berwarna merah sanggup Anda ubah, dan banyaknya jumlah  maxNumberOfPostsPerLabel = 10.

Share this post