Cara membuat readmore di blogspot
Sobat bloger, kali ini saya ingin Berbagi info tentang Bagaimana cara membuat readmore di blogspot. Kenapa kita harus membuat readmore? Selainbuntuk menghemat halaman utama pada blog, cara ini juga dapat kemaksimalkan postingan. Kenapa begitu? Karena sebelum kita melakukan tutorial ini, postigan pada halaman utama akan tampil secara full tanpa adanya potongan sama sekali. Kok kaya dagangan aja sihh, pake ada potongannya segala. Harga kali i i i . . . Jadi saat ad pengunjung yang hendak mencari informasi di blog sobat, tentu mereka gak perlu ngeklik postingan karena informasi yang ingin mereka dapatkan sudah sangat jelas didalam halaman utàma sobat. Jadi kesimpulannya, Cara membuat redmore di blog dapat memaksimalkan isi postingan yang sobat publikasikan di dalam blog tersebut.
Oke lah, kalo semua udah cukup jelas. Langsung aj sobat praktekan tutorial nya.
1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML --> centang kotak Expand template widget
3. Kemudian Letakkan kode berikut diatas kode</head>
<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://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
4. Cari kode <data:post.body/> atau <p><data:post.body/></p> ( gunakan CTRL+F untuk memudahkan pencarian ). Jika mendapatkan 2 kode sama maka ganti saja kode yang pertama.
5. Ganti kode tersebut dengan kode berikut.
<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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></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:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
6. Klik save dan lihat hasilnya.
Tambahan :
- summary_noimg = 430; jika artikel sobat tanpa gambar satupun maka yang akan di tampilkan pada halaman depan adalah huruf berjumlah 430.
- summary_img = 340; Jika artikel sobat memilik gambar, maka yang akan di tampilkan di halaman depan adalah huruf berjumlah 340 dengan gambar.
- img_thumb_height = 100; adalah tinggi dari thumbnail ( gambar ) yang di tampilkan di halaman depan.
- img_thumb_width = 120; adalah lebar gambar yang akan di tampilkan di halaman depan
- Ganti tulisan yang berwarna biru dengan Url gambar ( thumbnail untuk readmore ) sobat.
Salam sukses, semoga posting ini bermanfaat. Silahkan tinggalkan komentar sobat sebagai tanda silaturahmi.
{ 0 komentar... read them below or add one }
Posting Komentar