Membuat Read More Otomatis pada Postingan

Author : UnknownTidak ada komentar

TM-Blog kali ini akan berbagi trik tentang Membuat Read More Otomatis pada Postingan



Jika post kita tidak ada read more nya biasanya dalam tampilan homepage akan kelihatan panjang sekali hingga terlihat tidak nyaman untuk dilihat oleh para pengunjung
nah kalau postingan kita ada read more nya akan terlihat lebih rapi untuk dilihat
nah berikut cara membuat read more pada postingan secara otomatis


  1. Login ke Akun Blogger sobat
  2. Dari bagian dashbord blog Pilih Template --> Edit HTML
  3. Jangan lupa centang Expand Widget Templates
  4. Sekarang Cari Kode </head> (Gunakan Tombol CRTL + F atau F3 untuk mempermudah pencarian kode)
  5. Jika sudah ketemu Copy dan letakan diatas kode </head> tersebut.
  6. <script type='text/javascript'>
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 150;
    summary_img = 150;
    img_thumb_height = 100;
    img_thumb_width = 120;
    </script>
    <script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>
  7. Lalu cari lagi salah satu kode berikut : <data:post.body/> atau <p><data:post.body/></p>
  8. Ganti Kode yang anda temukan diatas dengan kode berikut ini :
  9. <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 style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
    <b:else/>
    <data:post.body/>
    </b:if>
  10. Sekaran klik tombol Simpan Template

Selesai dan Semoga sukses mencobanya :)

Sekian dari TM-Blog
Jika Manfaat komen dan follow ya

 

Artikel Terkait

Posted On : Kamis, 07 Maret 2013Time : Maret 07, 2013
SHARE TO :
| | Template Created By : Binkbenks | CopyRigt By : Tutorial Hacker | |
close
Banner iklan disini
> [Tutup]