CARA MEMBUAT READMORE OTOMATIS YANG KEREN DI BLOG

CARA MEMBUAT READMORE OTOMATIS YANG KEREN DI BLOG

Hai semuanya...
Kali ini saya berbagi trik tentang CARA MEMBUAT READMORE OTOMATIS YANG KEREN. Dalam template atau tampilan blog, readmore merupakan salah satu komponen yang penting karena dapat memperindah tampilan dan juga dapat mempersimpel tampilan postingan yang terdapat pada halaman “beranda” atau “home”.

Berikut langsung saja ini caranya:
1. Masuk ke blog anda.
2. Pilih menu “template”.
3. Klik “edit template”.
4. Setelah itu cari kode </head>, gunakan Ctrl+F untuk mempermudah. Lalu copas
    kode di bawah ini tepat di bawah kode </head>:

<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://deddycamp.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Keterangan: Untuk kode yang berwarna biru bisa anda ganti sendiri
- summary_noimg = 430 = adalah tinggi artikel terpenggal tanpa image.
-  summary_img = 340 = adalah tinggi artikel terpenggal dengan image.

5. Setelah selesai, cari kode <data:post.body/> atau bisa juga dengan kode <p><data:post.body/></p>. Jika sudah ditemukan, ganti kode tersebut dengan kode di bawah ini:

<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 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 == &quot;item&quot;'><data:post.body/></b:if>

Keterangan: Untuk kode yang berwarna hijau, merupakan kode gambar dari animasi readmore yang akan ditampilkan pada blog anda. Anda bisa saja menggantinya sesuai dengan tampilan animasi readmore yang anda inginkan. Jika ingin menggantinya, klik disini

Sekian postingan saya mengenai CARA MEMBUAT READMORE OTOMATIS YANG KEREN, selamat mencoba dan semoga berhasil!
Jangan lupa tinggalkan komentar ya...