Optimasi Blogger dengan Auto Read More (Blogger SEO Tricks)

Tampilan yg Diterapkan Diblog Saya

Tricks untuk Blogger atau blogspot Auto Read More ini juga mempermudah anda dalam Optimasi Blog anda dalam google Search, selain itu membuat tampilan blog anda jadi lebih cantik. 

Tricks yang satu ini saya berikan kepada anda para blogger yang langsung juga saya terapkan di blog saya ini. trik ini saya dapat dari blog O-OM (Om Agus Ramadhani Makasih Om Atas petunjuknya ). Nah kita langsung aja ke pokok permasalahan

________________________________________

Untuk Sebelumnya pakai read more Clasic/lama

Dibaca dulu ini

-----------------------------------------------------
Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore</a>

</b:if>

<div style='clear: both;'/>

---------------------------------------------------
Ayo Mulai Edit dan terapkan :
-------------------------------------------------------------------------->> Lanjut   
Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode kemudian letakan script dibawah ini di atas kode Kalo sudah, jangan lupa di simpan terlebih dahulu. 

Copas dibawah ini


<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

/ Jangan Lupa Disimpan dulu sebelum Lanjut/

 -------------------------------------------------------------------------->> Lanjut  
terus KLik ja "Expand widget template"
dan cari /shortcut (CTRL+F) yaitu tag/code yang bernama "  <data:post.body/>  "(tanpa tnd petik ya)
dan ganti dengan dibawah ini
 
Copas dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

dan yang paling kuingatkan lagi DISIMPAN YAH kalau gak, yah gak bisa... he he he he(just kiddy) 

------------------------>>Selesai Deh.........

+++ Tambahan+++

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel) 
___________________________________________________________________________

Trima Kasih Untuk Allah SWT

dan untuk OOM Blogger Senior

KLik untuk menuju Tutorial Asli Dari OOM