Selasa, 05 Februari 2013

Membuat Read More Otomatis Di Blog

Berikut Resep Cara Membuat Read More Otomatis Di Blog :

  1. Login Kehalaman Blogger
  2. Dari bagian dashbord blog Pilih Template --> Edit HTML --> Proses atau Lanjutkan
  3. Jangan lupa centang Expand Widget Templates
  4. Sekarang Cari Kode </head> (Gunakan Tombol CRTL + F dan 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. Tahap selanjutnya 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
  11. Selesai dan lihat Hasilnya

Tidak ada komentar:

Posting Komentar

 
Sumber : http://www.sektim.com/2012/03/tutorial-membuat-tombol-navigasi.html#ixzz2KB8mh2mX