Kalau pada postingan yang lalu sudah saya share cara membuat readmore pada blogspot untuk versi yang manual, sekarang saya akan share membuat readmore otomatis,memang untuk pembuatan readmore otomatis ini cenderung agak susah, tapi keuntungannya pada saat kita posting tidak harus mengatur bagian mana yang harus kita penggal.
keuntungan lain adalah readmore otomatis ini dilengkapi thumbnail picture yang ada dalam postingan kita. langsung saya ikuti langkah dibawah ini untuk membuatnya :
Lihat kode diatas, kode yang berwarna merah adalah kode yang perlu anda hapus. Setelah anda hapus ikuti langkah selanjutnya...
Copy kode di atas dan paste code tersebut di bawah code </head> dan save
kemudian cari code <data:post.body/> dan ganti dengan code dibawah ini :
Keterangan :
thumbnail_mode var = "float", (lokasi letak thumbnail (float) kiri/kanan, atau jika tidak, silahkan mengubah (no-float)
summary_noimg = 250; (Menentukan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menentukan berapa banyak karakter akan ditampilkan di pos dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)
Selamat mencoba ..
keuntungan lain adalah readmore otomatis ini dilengkapi thumbnail picture yang ada dalam postingan kita. langsung saya ikuti langkah dibawah ini untuk membuatnya :
PENTING! bila blog ada sudah memakai readmore versi lama, anda harus menghapus code readmore yang lama terlebih dahulu.
<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'>Readmore</a>
</b:if>
<div style='clear: both;'/>
Lihat kode diatas, kode yang berwarna merah adalah kode yang perlu anda hapus. Setelah anda hapus ikuti langkah selanjutnya...
Copy kode di atas dan paste code tersebut di bawah code </head> dan save
kemudian cari code <data:post.body/> dan ganti dengan code 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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>>
<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 == "item"'><data:post.body/></b:if>>
Keterangan :
thumbnail_mode var = "float", (lokasi letak thumbnail (float) kiri/kanan, atau jika tidak, silahkan mengubah (no-float)
summary_noimg = 250; (Menentukan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menentukan berapa banyak karakter akan ditampilkan di pos dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)
Selamat mencoba ..
Baca Juga Artikel menarik di bawah ini :
0 comments to "ReadMore otomatis Blogspot"
Post a Comment