Cara buat Readmore otomatis di blogspot


Cara membuat Readmore otomatis di blogspot - Postingan kali ini saya akan memberikan tutorial Cara Membuat Readmore / halaman selanjutnya dari hasil postingan. Dengan readmore otomatis ini  kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik .

Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.
PERTAMA :
Silakan masuk ke Account blogger anda Masuk menu : Rancangan pilih : Edit Html jangan lupa klik menu download template lengkap untuk back up atas perubahan html anda nantinya dan agar bisa mengembalikan ke html semula bila ada masalah dalam penambahan kode html ini, kemudian tanda ceklis/centang  pada bacaan "Expand Widget Template" :
KEDUA :
Cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode </head> tersebut.
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
KETIGA, 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 != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==>
Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 340 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya atau full read atau Baca selanjutnya dll...
KEEMPAT, klik save template
Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.
Sekian mengenai :
Cara membuat Readmore otomatis di blogspot

1 komentar:

  1. postingan ini sangat menarik serta enak di baca tentang cara membuat readmore otomatis di blogspot... saya berharap bisa berkunjung lagi

    BalasHapus

Silahkan berkomentar untuk entry artikel di Blog Cinta, Pria dan Wanita