malem sobbb....
ngeblog yuu....
malem ini saya mau berbagi nih,,,membuat read more pada blog he,,,
cara nya:
► Silahkan Login di akun blogger anda
► Lalu klik Rancangan dan klik Edit HTML
► Jangan lupa untuk mencentang Expand Template Widget
► Untuk menghindari hal2 yang tidak diinginkan maka simpan/backup terlebih dahulu template saudara, untuk menghindari hal yang tidak diinginkan.
► Kemudian Cari kode </head>. Dan untuk mempermudah pencarian kode nya anda tekan aja ( CTRL + F )
► Lalu silahkan tambahkanlah kode yang ada dibawah ini tepat diatas kode </head> tersebut
<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
kamu tinggal merubah di bagian-bagian kode yang berwarna merah bawah ini, dan Ubahlah angkanya sesuai dengan keinginan.
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>
► dan untuk tulisan " READ MORE " bisa diganti sesuai dengan selera anda.
setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya.
ok skian dlu malem ini...mkasih sblum nya
wassalamuaikum.wr.wb
Tidak ada komentar:
Posting Komentar