cara membuat read more

Artikel yang terlalu panjang di blog memang agak kurang nyaman dipandang mata alias ngga sedap,itu dikarenakan pada umumnya setiap postingan halaman pertama selalu memuat sedikitnya tiga postingan untuk ditampilkan,jadi apabila kita memposting secara keseluruhan artikel kita maka memakan tempat yg sangat banyak alias mubajir gan,nah untuk itu buat postingan kita kali ini kita akan membuat read more otomatis di blogspot.

Dan berikut ini cara yang paling mudahuntuk membuat read more otomatis di blogger dengan mempergunankan Thumbnail di blogger,oke gan mari kita lakukan langkah demi langkahnya,ingat gan jangan sampai ada yang terlewat sesuai langkah-langkah yang ada dibawah ini,karena kalau salah satu langkah yang dibawah ini terlewat tentu hasilnya tidakakan jadi alias error oke gan mari kita langsung menuju tkpnya

langkag pertama

silahkan login dan masuk ke blogger anda

klik Rancangan dan klik edit HTML

centang espand template widget

untuk mempermudah pencarian tekan (CTRL+F)

cari kode </head> dan kalau sudah ketemu

Nah kalau sudah ketemu COPAS kode yang dibawah ini tepat 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://togeljitu.wapgem.com/js/readmore.js' type='text/javascript'/></script>

Bila anda ingin merubah ukuran Read More Pada Blog, Blogspot, Blogger anda, ubah aja di bagian-bagian kode di bawah ini, dan Ubah angka nya sesuai kebutuhan:

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar

summary_img = 340; adalah tinggi potongan artikel dengan gambar

img_thumb_height = 100; adalah ukuran tinggi thumbnail

img_thumb_width = 120; adalah ukuran lebar thumbnail

langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah 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:right;padding-top:20px;'> <a expr:href='data:post.url'>»»  READMORE...</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Untuk tulisan READ MORE boleh agan ganti sesuai selera agan umpamanya diganti dengan kata SELENGKAPNYA

Oke gan kalau semua sudah agan lakukan sekarang tinggal lihat hasilnya,nah demikianlah sedikit tentang cara membaut read more di blogspot agan,semoga bermanfaat dan selamat mencoba