<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 == "item"'><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 )
0 komentar:
Posting Komentar