Beranda > Seo > Cara Membuat Auto Read More di Blogspot Baru

Cara Membuat Auto Read More di Blogspot Baru

Masih ingat dengan Tips Blogspot yang terbukti ampuh dalah hal SEO Friendly dan User Friendly tentunya sangat berguna dalam meningkatkan Page Impression Blog Anda yang sudah saya bagikan ke Anda tentang Cara Membuat Related Post ( Artikel Terkait ) di Blogspot, dan juga Cara Membuat Breadcrumb Navigation pada Blogspot. Kedua Tips Blogspot tersebut sangat dianjurkan bagi blogger baru yang menginginan High Traffic. Nah kali ini saya akan menambahkan hal yang wajib di pasang pada blogger baru yang memakai Blogspot yaitu Membuat Auto Readmore ( Readmore Otomatis ) pada Blogspot, ingat hanya untuk blogger baru..😀

Langkah Pertama:
Login terlebih dahulu ke Account Blogger Anda, Pergi Ke TATA LETAKEDIT HTML (sebelum mengedit HTML sebaiknya backup dulu template anda)

Langkah Dua:
Beri tanda centang pada Expand Template Widget

Langkah Tiga :
Copy-paste kode javascript berikut tepat diatas kode </head>

<script type=’text/javascript’> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type=’text/javascript’>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf(“<“)!=-1)
{
var s = strx.split(“<“);
for(var i=0;i<s.length;i++){
if(s[i].indexOf(“>”)!=-1){
s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);
}
}
strx = s.join(“”);
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=’ ‘ && strx.indexOf(‘ ‘,chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+’…’;
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = “”;
var img = div.getElementsByTagName(“img”);
var summ = summary_noimg;
if(img.length>=1) {
imgtag = ‘<span style=”float:left; padding:0px 10px 5px 0px;”><img src=”‘+img[0].src+'” width=”‘+img_thumb_width+’px” height=”‘+img_thumb_height+’px”/></span>’;
summ = summary_img;
}
var summary = imgtag + ‘<div>’ + removeHtmlTag(div.innerHTML,summ) + ‘</div>’;
div.innerHTML = summary;
}
//]]>
</script>

Langkah Empat :
Cari  kode <data:post.body/> gunakan CTRL + F agar lebih cepat menemukan pada Browser anda.

Langkah Lima :
Ganti kode (langkah empat) <data:post.body/> tersebut dengan yang berikut :

<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<div expr:id=’&quot;summary&quot; + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class=’rmlink’ style=’float:right;padding-top:20px;’>
<a expr:href=’data:post.url’>»»  read more</a></span>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/>
</b:if>

Langkah Enam:
Save Template – Selesai

Mudah bukan Tips Ngeblog nya ??

  1. Belum ada komentar.
  1. Februari 12, 2010 pukul 7:13 pm

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: