Setelah beberapa hari nyari tutorial membuat readmore automatis tanpa masuk edit html nya. Akhirnya aku setelah pagi2 browsing di HARPITNAS, akhirnya nemu di alamat http://hitsuke.blogspot.com/2009/08/membuat-read-more-otomatis.html ya lumayan lah buat belajar tentang blogger. so langgsung aja kita terjun ke TKP.
Ikuti langkah-langkah berikut ini untuk membuatnya
1. Login di Blogger > pada Dasboard pilih Layout > Edit HTML
2. Centang / Check List dulu "expand widget templates"
3. Cari kode </head> kemudian copy - paste kode di bawah ini sebelum kode tersebut
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>
kamu juga bisa mengubah kode tersebut sesuai selera
summary_noimg = 430; kode ini untuk memotong / mengatur tinggi tanpa gambar
summary_img = 340; kode ini untuk memotong / mengatur tinggi dengan gambar
img_thumb_height = 100; kode ini untuk tinggi gambar thumbnailnya
img_thumb_width = 120; kode ini untuk lebar gambar thumbnailnya
4. Sekarang cari kode
<data:post.body/> , hati-hati ya bagi yang sudah memakai read more yg tidak otomatis, biasanya ada dua kode yang seperti itu, jadi pilih yang pertama. Klo Udah ketemu copy - paste kode berikut lalu ganti dengan kode 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:right;padding-top:20px;'><a expr:href='data:post.url'> Read More </a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
tulisan read more disana bisa kamu ganti sesuai keinginan. dan kalo udah silahkan di save
Sekarang coba liat Blog kamu apakah sudah menjadi sesuai keinginan mu, dan selamat blogeria
