Read More Automatic

Sebagian orang mungkin merasa agak ribet jika memakai read more, karena jika kita memposting artikel akan menggunakan kode

<span class="fullpost">

…… petikan artikel........


</span>

coba lihat kembali Cara membuat Read More. Nah bagi yang tidak ingin susah-susah buat kode tersebut, ada cara buat read more yang lebih cepat. Kita hanya perlu men-set up jumlah huruf/karakter yang perlu ditampilkan sebelum muncul tulisan Read More.
Selain itu script Read More automatic ini bisa menampilkan gambar/image pada awal paragraf, meskipun gambar yang kita upload itu tidak kita letakkan diawal paragraf.

Mau coba, ikuti langkah-langkah berikut:
1. Login ke Account Blogger-mu
2. Klik Menu Layout atau Tata Letak
3. Pilih Edit HTML
4. Cari kode </head>
5. Terus copy Script di bawah ini persis diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 400;
summary_img = 350;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/read-more_auto2.js' type='text/javascript'/>

6. Silahkan simpan template terlebih dahulu.


Langkah selanjutnya:

Bagi yang belum isi Read More silahkan cari kode: <data:post.body>

Kalo sudah, ganti kode <data:post.body> dengan semua 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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Bagi yang sudah ada Read More lebih baik kembalikan dulu seperti sebelum ada Read More, maksudnya hapus kode Read Morenya, seperti dibawah ini.

<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;'/>

Silahkan Hapus yang warna merah.

Selesai Deh, coba lihat hasilnya………….
Keterangan:
summary_noimg = 400;
(Menampilkan 400 huruf /karakter yang akan dimunculkan sebelumnya Read More jika tidak ada gambar yang diposting, silahkan ganti angka tersebut sesukamu )
summary_img = 350;
(Menampilkan 350 huruf /karakter yang akan dimunculkan sebelumnya Read More jika ada gambar yang diposting, silahkan ganti angka tersebut sesukamu )

Related Posts