Cara Membuat
Readmore Otomatis di Blogger
1. Silahkan login ke Blogger >
Template
2. Supaya lebih aman, klik tombol Cadangkan / Pulihkan yang ada di pojok kanan
> Unduh Template Lengkap, setelah selesai template terunduh, tekan Tutup
3. Sekarang klik tombol Edit HTML.
4. Copy kode ini:
</head>
5. Letakkan kursur DI DALAM kotak Edit HTML.
6. Tekan CTRL+F untuk mencari lalu tekan CTRL+V lalu tekan ENTER
7. Setelah ketemu kode </head> , maka letakkan kode berikut diatas
</head>
<script type='text/javascript'>
var
thumbnail_mode = "float" ;
summary_noimg
= 250;
summary_img
= 220;
img_thumb_height
= 120;
img_thumb_width
= 220;
</script>
<script
type='text/javascript'>
//<![CDATA[
function
removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var
d=b.split("<");for(var
c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!="
"&&b.indexOf("
",a)!=-1){a++}b=b.substring(0,a-1);return
b+" [...]"}function createSummaryAndThumb(d){var
f=document.getElementById(d);var a="";var
b=f.getElementsByTagName("img");var
e=summary_noimg;if(b.length>=1){a='<span style="float:left;
padding:0px 10px 5px 0px;"><img src="'+b[0].src+'"
width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';e=summary_img}var
c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
8. Sekarang cari kode <data:post.body/> sebagaimana anda tadi
mencari </head> maka akan anda temui kode tersebut tidak hanya satu.
sehingga kita harus coba-coba, tapi mulailah dari <data:post.body/> yang
paling bawah atau akhir.
Jika sudah ketemu yang paling akhir,
maka ganti kode tersebut dengan ini:
<b:if
cond='data:blog.pageType != "item"'>
<b:if
cond='data:blog.pageType != "static_page"'>
<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'><b>Baca Selengkapnya</b>
→ <a
expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if
cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if
cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
9. Klik Pratinjau Template untuk melihat apakah artikel di homepage anda
sudah menampilkan baca selengkapnya kemudian judul artikel
Jika belum berhasil maka klik tombol Edit Template lalu hapus
script yang baru saja anda tambahkan tadi atau tekan CTRL + Z. Sekarang
coba ganti dengan <data:post.body/> yang ada di atasnya, semoga kali ini
anda berhasil. Jika ketika di Pratinjau sudah terpasang dengan benar klik
tombol Save Template.
Jika anda ingin mengatur seberapa panjang teks yang di tampilkan atau
seberapa besar gambar yang dimuat berikut ini keterangannya:
summary_noimg = 250;
adalah banyaknya karakter yang ditampilkan ketika postingan anda tidak ada
gambar
summary_img = 220; adalah
banyaknya karakter yang ditampilkan ketika postingan atau pada artikel anda
terdapat gambar.
img_thumb_height = 120; adalah tinggi gambar thumbnail
img_thumb_width = 220; adalah lebar gambar thumbnail
