11:13:00 pm
Cara Membuat Read More Otomatis Di Blogspot
Sangatlah mudah sekali, karena hanya tinggal mengcopykan script code yang ada ke template anda, dengan begitu anda tidak perlu repot-repot lagi dalam hal pembuatan read more ini.
Oke langsung aja gak usah lama2 silahkan ikuti langkah-langkahnya seperti yang di bawah ini :
1. Silahkan Login di akun blogger anda.
2. Lalu klik Rancangan dan klik Edit HTML.
3. Jangan lupa untuk mencentang Expand Template Widget.
4. Untuk menghindari hal2 yang tidak diinginkan maka simpan/backup terlebih dahulu template saudara, untuk menghindari hal yang tidak diinginkan.
5. Kemudian Cari kode </head>. Dan untuk mempermudah pencarian kodenya anda tekan aja ( CTRL + F )
6. 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'/>
Bila anda ingin merubah ukuran pada Read More di Blogger anda tersebut, sobat tinggal merubah di bagian-bagian kode yang berwarna merah di 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
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
7. Langkah Selanjutnya cari kode <data:post.body/> lalu ganti kode <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>
<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>
8. Untuk tulisan " READ MORE " bisa diganti sesuai dengan selera Sobat.
9. Setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya.
Okelah sobat itulah artikel tentang Cara Membuat Read More Otomatis Di Blogspot . Mungkin bisa sedikit membantu anda. dan ingat, sebelum anda memasukan kode2 diatas sebaiknya anda backup terlebih dahulu template dengan cara download lengkap template, langkah ini untuk mengantisipasi bila anda salah memasukkan kode yang ada.
*** SEMOGA DAPAT MEMBANTU ***
0 komentar:
Post a Comment