Breaking News
Loading...
11 November 2012

cara simpel buat read more otomatis pada tampilan blog kita

sebelumnya udah tau belum apa fungsi read more ?okey,fungsi read more itu sendiri biar orang yang mengunjungi blog kita akan membaca penuh artikel setelah diklik tulisan read more.selain itu,tampilan blog kita akan tampak rapi,bagaimana ?berminat membuat trik ini pada blog kamu,,
oke ikuti tutorialnya.
cara membuat read more secara otomatis pada postingan blog ada dengan berbagai cara ,cara yang pertama edit lewat pengaturan konvigurasi posting,yang kedua dengan cara edit html.nah kali ini saya mau kasih tau aja cara membuat read more dengan cara edit html,mungkin cara ini lebih sulit dari cara pertama,tapi lebih efektif tampilannya karena lebih baik langsung dengan mengedit html nya,
ikuti tutorial nya dibawah ini :
  1. pertama buka rancangan/design,
  2. pilih template,pilih edit html
  3. lalu cari kode </head> untuk memudahkan pencarian gunakan ctrl+f
  4. lalu masukkan kode dibawah ini tepat dibawah kode </head>
  5.  <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://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  6. setelah itu cari lagi kode <data:post.body/>atau kode ini <p><data:body./><p>
  7. setelah itu masukkan kode dibawah 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>
9.pilih pratinjau dulu untuk mereview hasil edit html nya,jika sudah benar,,lalu pilih simpan perubahan
10.lihat hasilnya,

nb:pengaturan read more itu bisa kita atur sendiri kalau kita mau,ini dia ketrangannya
  1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
  2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan    adalah 340 huruf dan gambar
  3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
  4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
  5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.


Jangan Lupa Share jika Bermanfaat :)

0 komentar:

Post a Comment

*Komentar Tanpa Moderasi*
Silahkan berkomentar yang sopan, tidak mengandung unsur sara, pornografi.
Jika blog ini membantu, jangan lupa like Fanspage dan Follow Google+
Terima kasih

Copyright © 2013 Dhani's Blog All Right Reserved