Memasang Read More v3.0 Pada Blogger, Replace Read More v2.0

Update!!! Memasang Read More v3.0 Pada Blogger, Replace Read More v2.0
Ada artikel kali ini memberikan pencerahan hal tersebut karena maraknya keluhan yang ditemui di berbagai blog, web maupun forum.

Mungkin anda semua sedang mencari solusi dari permasalahan diatas, Nah bagi Anda yang kesulitan dalam hal ini jangan khawatir aku akan berikan solusinya.

Salah satu faktor timbulnya permasalahan ini yaitu karena kurang cermatnya seseorang dalam membaca serta artikel yang mereka baca belum sesuai keinginan, dimana yang aku dapat hanya membuat Read More v1.0 dan v2.0 dimana Read More v1.0 dibuat secara manual dimana kita akan menaru tulisan Read More dan sungguh disayangkan karena sesungguhnya Fasilitas Read More tersebut telah di sediakan Blogger ini sendiri. Sementara Read More v2.0 dibuat secara Otomatis sehingga kebanyakan orang menyukainya. Namun sebagian orang pula yang tidak menyukainya apalagi seseorang yang senang dengan membuat page seperti aku ini, ada page About Me, Site Map, Advertise, Ninja Saga dll. sementara page tersebut juga ikut-ikutan terjangkit oleh Read More.

Bagi Anda yang ingin solusi agar Read More pada Laman (Page) Blog hilang, ikuti perintah berikut:

• Pertama Login ke Akun
• Masuk "Rancangan (Tata Letak)
• Pilih Edit HTML
• Centang pada "Expand Template Widget"

Perhatian!!!
Hapus terlebih dahulu Read More yang lama v1.0 maupun v2.0, perhatikan yang diperbolehkan untuk di hapus:
Jika Anda memakai Read More v1.0, hapus bagian yang biru dibawah:

<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'>Read More</a> 

</b:if>

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

Jika Anda memakai Read More v2.0, hapus bagian yang biru di bawah:

<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>

Tinggal pilih saja diatas, kuncinya Bila Anda hanya ingin mengganti Read More Anda dengan Read More v3.0 ini, aku pikir tidak ada masalah, terkecuali jika Anda memang benar-benar akan menghapus permanent Read More Anda.

Tak perlu khawatir Read More v3.0 ini akan mewujudkan keinginan Anda, tak perlu panjang lebar lagi sekarang Anda tinggal melanjutkan Tutorial berikut ini.

• Tekan Ctrl+F untuk memudahkan pencarian, cari code </head> setelah didapat copy paste code dibawah ini tepat diatas code </head>

<script type='text/javascript'>

var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;

</script>

//<![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>

• Setelah selesai cari lagi code <data:post.body/> kemudian ganti code <data:post.body/> dengan code dibawah ini

<!-- START of READ MORE -->
<p><b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>

<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>
</b:if></p>
<!-- END of READ MORE -->

•  Setelah selesai Simpan Template

Keterangan!!!

• 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)

Selamat mencoba, semoga berhasil...

*****