You are here → Home √ Buat ReadMore otomatis dengan Gambar

Buat ReadMore otomatis dengan Gambar

Dipublikasikan oleh Ilham Bachtiar pada Sunday, June 3, 2012

obachti 95 - Buat kamu yang blognya belum pakai otomatis readmore wajib pakai trik ini, fungsinya supaya blog terlihat lebih rapi. Demonya bisa langsung lihat pada homepage saya, jika malas lihat homepage ane kasih screenshotnya deh : 





Skarang kita lanjut ke step berikutnya, bagaimana cara membuatnya :

1. Login blogger > Edit HTML > Backup dulu Template sobat, klik tulisan 

2. Jika sudah di Backup Template, centang Expand Template Widget

3. Carilah kode script <data:post.body/>, dan dan gantilah dengan kode script berikut :
"Jika ditemukan 2 kode scipt <data:post.body/>, gunakan yang pertama. Yang kedua biarkan saja"
<b:if cond='data:blog.pageType != &quot;item&quot;'><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'><img src="http://i1074.photobucket.com/albums/w404/atsarhjm/readmore-1.png"></img></a></span></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Keterangan :

4. Sebelum disimpan templatenya, cari lagi kode script </head> dan letakkan kode berikut dibawahnya :

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://95forfriend.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
Keterangan :

5. Simpan Template. Klik  

Jika merasa kesulitan, sobat tanyakan saja melalui komentar dibawah. Semoga Bermanfaat

21 Komentar:

  1. wah keren sepertinya sob, di save dulu kapan kapan bisa dicoba sob

    happy nice blogging:}

    ReplyDelete
  2. wahhh, keren juga yah kalo pake gambar, punya say standar aja..
    berarti saya cuman nambah kode gambar aja nih

    ReplyDelete
  3. waw.. keren sob.. saya dulu juga udah pernah nyoba.. pake blog yang terdahulu.. :D

    ReplyDelete
  4. boleh dicoba tuhh triknya.,
    makasih dah share :)

    ReplyDelete
  5. dio blog saya malah gak bisa dipasang autoreadmore sobat...

    ReplyDelete
  6. bagus banget pengetahuannya. boleh dicoba nih. cuma kayaknya sementara ini saya masih setia dengan yang lama. hehe..

    ReplyDelete
  7. keren sob
    izin simpan ya
    kapan-kapan bisa diterapkan

    ReplyDelete
  8. demox ntr kayak gambr diatas ya sob? emank terlihat rapi sob.., thx infox ya... :)

    ReplyDelete
  9. Yang pasti lebih keren hasilnya. Dan lebih enak dipandang mata.

    ReplyDelete
  10. hmm perlu di coba nih, saya belum pake read more :)

    ReplyDelete
  11. hadir lagi sobat :)

    wahh, thread komennya sama kaya punya saya nih, manteb dah,, jadi ada teman :D

    ReplyDelete
    Replies
    1. hehe.. gpp sob..

      ini model terbaru memang.. banyak tuh yang minta scriptnya... hehe

      Delete
  12. punya saya otomatis gan.. happy blogging.. :)

    ReplyDelete
  13. saya juga pake gambar sendiri gan.. tapi saya otak atik sendiri iseng.. hehe..

    ReplyDelete
  14. berhubung ane sudah nerapin nih bang. ane nyimak aja deh :-D

    ReplyDelete

 
Copyright © 2013 Obachti 95 . Powered by Blogger . All Rights Reserved