Pada dasarnya, blogger yang baru dibuat itu masih terlihat kurang keren dan kurang menarik, seperti halnya postingan agan yang terlihat acak acakan munculnya pada menu beranda, nah pada postingan hari ini saya mau memberikan bagaimana caranya membuat readmore pada blog, agar terlihat lebih rapih dari biasanya.
Dan dibawah inilah langkah dalam membuat readmore :
1. Agan login ke blogger
2. Pilih template > Edit HTML/Java script
3. Cari kode </head> caranya klik pada halaman HTML, setelah itu Ctrl-f, masukan kode </head>
4.Setelah itu agan copy kode berikut di atas 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
Dan bila agan ingin merubah ukurannya tinggal pilih dibawah ini :
1. summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
2. summary_img = 340; adalah tinggi potongan artikel dengan gambar
3. img_thumb_height = 100; adalah ukuran tinggi thumbnail
4. img_thumb_width = 120; adalah ukuran lebar thumbnail
Langkah selanjutnya cari kode <data:post.body/> lalu ganti kode tersebut dengan 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: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>
tentan tulisan readmore pada kode tersebut, bisa agan ubah ubah sendiri sesuai selera agan.
5. Simpan template.
dan selamat menikmati
wassalam
0 komentar:
Posting Komentar