Cara membuat Read more yang lebih keren
06.42
By
Unknown
Tips Blogging
0
komentar
pada kesempatan ini saya akan
membahas cara membuat readmore keren, yang mana ini merupakan
jawaban atas pertanyaan teman blogger kita yang menanyakan kepada saya
cara membuat readmore keren, baiklah untuk mempersingkat penjelasan
mari kita simak penjelasan berikut ini :
1. Silahkan anda Login ID Blogger anda
2. Silahkan Klik Rancangan --> Klik Edit HTML, centang pada kotak Expand Widget Template.
3. Silahkan anda cari kode seperti ini < /head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
1. Silahkan anda Login ID Blogger anda
2. Silahkan Klik Rancangan --> Klik Edit HTML, centang pada kotak Expand Widget Template.
3. Silahkan anda cari kode seperti ini < /head> kemudian masukkan script di bawah ini persis dibawah kode 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://deddycamp.googlecode.com/files/read-moreotomatis.js'
type='text/javascript'/>
Keterangan : Tulisan yang berwarna merah adalah yang bisa anda ganti.
·
Summary noimg 430 = tinggi artikel
terpenggal tanpa image
·
Summar img 430 = tinggi artikel
terpenggal dengan image
4. Cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
, kalau di blog saya saya menggunakan <p><data:post.body/></p>
Ganti kode tersebut dengan kode 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 alt='read more' src='http://lh5.ggpht.com/_7Y9pl24WpQY/SuM7b-deOLI/AAAAAAAAB_4/PKYOsvyuCdc/readmore_thumb%5B2%5D.png?imgmax=800'/></a></span>
</b:if> <b:if cond='data:blog.pageType ==
"item"'><data:post.body/></b:if>
Keterangan : Tulisan yang berwarna merah adalah link gambar, anda bisa ganti dengan link gambar sesuka anda, untuk mendapatkan gambar animasi Readmore anda bisa lihat Disini
Jika sudah semua silahkan Klik Simpan Template, selesai
Demikianlah Tutorial kali ini, semoga bermanfaat ya :)
0 komentar: