Kali ini b.arjem akan membahas bagaimana cara membuat read more otomatis pada blogspot, sebelum kita menuju keTKP b.arjem akan menjelaskan apa fungsi read more untuk blog kita, fungsi read more adalah meminimaliskan halaman beranda blog agar terlihat lebih rapi dan simpel , read more otomatis ini sanggup memotong tampilan artiel yang panjang sesuai dengan pengaturan berapa banyak jumah huruf yang ingin di tampilkan, bagaimana cara membuat read more otomatis, langsung menuju TKP :
- Login ke blog sobat >> dashoard / jangan lupa backup template >> rancangan Edit HTML
- Cari kode </head> tekan ctrl+f untuk mempermudah pencarian
- Copas kode di bawah ini dan letakkan tepat di bawah kode </head>
- Terahir save template
: Keterangan: summary_noimg = 410 (jumlah huruf pada artikel tanpa gamabar) | summary_img = 320 (jumlah huruf pada artukel dengan gambar) | img_thumb_height = 110 (tinggi gambar) | img_thumb_width = 120 (lebar ambar)
: jika sobat ingin mengganti icon read more silahkan sobat ganti url http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif atau mungkin sobat ingin mengganti icon gambar dengan tulisan read more maka sobat tinggal hapus kode berikut ini<img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> dan ganti dengan tulisan read more
the source: Blog amz
.more.
- Login ke blog sobat >> dashoard / jangan lupa backup template >> rancangan Edit HTML
- Cari kode </head> tekan ctrl+f untuk mempermudah pencarian
- Copas kode di bawah ini dan letakkan tepat di bawah kode </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 410; summary_img = 320; img_thumb_height = 110; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>- Kemudian cari lagi kode <data:post.body/> jika ketemu 2 atau 3 kode yang sama silahkan sobat hapus yang pertama dan ganti dengan 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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
- Terahir save template
: Keterangan: summary_noimg = 410 (jumlah huruf pada artikel tanpa gamabar) | summary_img = 320 (jumlah huruf pada artukel dengan gambar) | img_thumb_height = 110 (tinggi gambar) | img_thumb_width = 120 (lebar ambar)
: jika sobat ingin mengganti icon read more silahkan sobat ganti url http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif atau mungkin sobat ingin mengganti icon gambar dengan tulisan read more maka sobat tinggal hapus kode berikut ini<img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> dan ganti dengan tulisan read more
the source: Blog amz