Jumat, 20 Juni 2014
Bagaimana caranya buat readmore bergambar?
Saya berniat akan memberikan sedikit info, yaitu tentang readmore bergambar .Langsung saja ya. Kita akan membahas tentang read more. Karena banyak nya postingan. Sehingga blog kita tidak efektif, karena panjangnya setiap postingan...,,??
Berikut langkahnya..
- Log in blogger.com
- Masuk ke Template > Edit Html
- Centang Expand Template Widget
- Tekan Ctrl + F, lalu cari kode </head>
- Setelah ketemu, masukkan kode dibawah ini tepat dibawah kode </head>
- Jika sudah selesai, cari lagi kode <data:post.body/> biar lebih cepat tekan ctrl+f
- Lalu ganti kode <data:post.body/> dengan kode dibawah ini..
- Simpan Template dan lihat hasilnya
By : Adithya putra
Saya berniat akan memberikan sedikit info, yaitu tentang readmore bergambar .Langsung saja ya. Kita akan membahas tentang read more. Karena banyak nya postingan. Sehingga blog kita tidak efektif, karena panjangnya setiap postingan...,,??
Berikut langkahnya..
- Masuk ke Template > Edit Html
- Centang Expand Template Widget
- Tekan Ctrl + F, lalu cari kode </head>
- Setelah ketemu, masukkan kode dibawah ini tepat dibawah kode </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ;summary_noimg = 450; summary_img = 360; img_thumb_height = 110; img_thumb_width = 130; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
- Jika sudah selesai, cari lagi kode <data:post.body/> biar lebih cepat tekan ctrl+f
- Lalu ganti kode <data:post.body/> dengan kode dibawah ini..
<b:if cond='data:blog.pageType != "item"'>- Ganti text yg berwarna kuning dengan url gambar read more sesuai selera sobat
<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'><a expr:href='data:post.url'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
- Simpan Template dan lihat hasilnya
~Semoga Bermanfaat~
Langganan:
Postingan (Atom)