Judul : Cara Membuat Read More Otomatis di Blogger dengan Mudah
link : Cara Membuat Read More Otomatis di Blogger dengan Mudah
Cara Membuat Read More Otomatis di Blogger dengan Mudah
Anda ingin memasang Read More pada Blog? Naaah pada postingan mazinu kali ini mazinu akan membahas tentang Cara membuat Read More di Blogger, ini sangat mudah sekali, karena hanya tinggal mengcopykan script code dibawah ini ke template anda, dengan begitu anda pun tidak perlu repot lagi dalam hal pembuatan readmore ini, oke tanpa panjang lebar silahkan ikuti langkah-langkahnya seperti yang di bawah ini.:
Cara Membuat Read More di Blogger dengan Mudah :
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
- 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'/>
- Bila anda ingin merubah ukuran pada Read More anda tersebut, kamu tinggal merubah bagian-bagian kode yang berwarna biru di bawah ini, dan Ubahlah angkanya sesuai dengan keinginan anda.
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>
- Perhatikan = untuk tulisan " ReadMore " bisa diganti sesuai dengan kesukaan anda!
- Selanjutnya, Simpan dan Lihat Hasilnya!
6 Responses to "Cara Membuat Read More Otomatis di Blogger dengan Mudah"
Nice tuor nya Sob
oke,, sukses kawan!!
punyaku kok gk bisa?
ganti tag maksudtnya ini imana gan?
maaf newbie
gantilah script yang di tunjukkan oleh tutorial diatas maz,,
punya ane gak ada kode gimana gan ? ane butuh banget.
pnya ku kode itu nya kok nggak ada ya gan???
Post a Comment