Bermula ketika saya membuat Postingan, ternyata isinya terlalu panjang. Kemudian saya coba atasi dengan membuat READMORE manual yang ada pada Menu Lembar Postingan dan Cara Membuat READMORE manualnya dapat dilihat
DISINI , Seiring bertambahnya ide dan bertambahnya Postingan saya pikir capek juga bila harus membuat READMORE secara manual, saya berfikir kenapa tidak membuat READMORE OTOMATIS saja.
Berikut ini
Blog C beri tahu cara membuat READMORE OTOMATIS :
Masuk ke akun
blogger anda kemudian pilih Rancangan - Pilih Edit Html - Download Template Lengkap (agar template aslinya dapat di Upload kembali bila editan tidak sesuai dengan keinginan)
Kemudian Klik "
Expand Widget Template" pada kotak yang disediakan
Cari kode
</head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
Cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
Ganti kode tersebut dengan kode di bawah 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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Nb : Tulisan yang berwarna
merah adalah yang bisa anda ganti.
- Summary noimg 300 = Tinggi artikel terpenggal tanpa image
- Summar img 300 = Tinggi artikel terpenggal dengan image
- READMORE bisa anda ganti dengan Baca Selengkapnya, dll...
Kemudian Klik
"Save template"
Lihat Perubahan yang terjadi, disamping tampilannya berubah, susunannya pun menjadi ringkas dan rapih
Berikut ini adalah Artikel Tutorial Blog dari
BLOG - C :
