Cara Membuat Read More Otomatis Pada Blog

Pada postingan kali ini saya akan mencoba menbahas bagaimana cara membuat read more pada blog. Penggunaan read more sangat bermanfaat untuk blog kita, karena bisa menghemat halaman dan juga bisa memperantik tampilan blog. Kita bisa mengatur sendiri berapa ketinggian tulisan, jumlah postingan dan lain-lain.
 
Buat blogger baru, saya sarankan menggunakan read more otomatis saja ketimbang read more yang biasa. Karena tentunya sobat tidak akan repot membagi 2 postingan sobat dengan kode manual.
 
Langsung saja, bagaimana sih cara membuat read more otomatis pada blog. Berikut trik mudah untuk membuatnya :

  • Silahkan login ke blogger terlebih dahulu.

  • Klik Tata Letak

  • Kemudian klik Edit HTML.

  • Centang Expand Template Widget.  

  • Cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.


  • <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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/> 
     
     
    Berikutnya, cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> 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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 


    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
    ==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

    Yang Terakhir, klik save template dan lihat hasilnya.....
     
    Selamat Mencoba dan semoga bermanfaat!!!!

    0 komentar:

    Poskan Komentar

     

    Copyright © 2010 Blognya Ikhwan All Rights Reserved

    Design by Dzignine