Readmore otomatis pada Blogspot

Berikut tahapan untuk menambahkan READMORE Otomatis pada Blogspot anda :

* Login ke account blogger kamu.
* Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

• Cari Kode </head> dan Copy-Paste (copas) kode berikut di atasnya.
  

• <br /><script type="'text/javascript'"><br />var thumbnail_mode = "float" ;<br />summary_noimg = 450;<br />summary_img = 450;<br />img_thumb_height = 120;<br />img_thumb_width = 120;<br /></script><br /><br /><script type="'text/javascript'"><br />//<![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++){>")!=-1){<br />s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />}<br />}<br />strx = s.join("");<br />}<br />chop = (chop < strx =" strx.substring(0,chop-1);" div =" document.getElementById(pID);" imgtag = "" img =" div.getElementsByTagName(" summ =" summary_noimg;">=1) {<br />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>';<br />summ = summary_img;<br />}<br /><br />var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />div.innerHTML = summary;<br />}<br />//]]><br /></script><br /><br />

• Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

• Catatan :

1. Kode var thumbnail_mode = "float" ; diartikan bahwa readmore kamu akan diatur disebelah kiri, kalau kamu ingin tanpa pengaturan float silakan ganti dengan "no-float".
2. Kode summary_noimg = 450; berguna untuk mengatur jumlah karakter yang ditampilkan tanpa image (gambar).
3. Kode summary_img = 450; berguna untuk mengatur jumlah karakter yang ditampilkan dengan image (gambar).
4. Kode img_thumb_height = 120; berguna untuk mengatur tinggi image (gambar) yang akan ditampilkan.
5. Kode img_thumb_width = 120; berguna untuk mengatur lebar image (gambar) yang akan ditampilkan.

• Cari kembali kode seperti di bawah ini

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

• Kalau sudah ketemu, ganti kode tersebut dengan kode berikut.

• <br /><b:if cond="'data:blog.pageType"><br /><div id="'"><data:post.body/></div><br /><script type="'text/javascript'">createSummaryAndThumb("summary<data:post.id/>");</script><br /><span class="'rmlink'" style="'float:left'"><a href="'data:post.url'">Readmore »» <data:post.title/></a></span><br /></b:if><br /><b:if cond="'data:blog.pageType"><data:post.body/></b:if><br /><
  
  
• Catatan :
  
  1. Ganti kode yang berwarna merah dengan letak readmore yang kamu inginkan left (kiri) atau right (kanan).
  2. Kalau perlu ganti Readmore dengan kata favorit kamu.
  3. Hapus kode , jika kamu tidak menginginkan readmore diikuti dengan judul posting.
• Jangan lupa disimpan.