Blogger

CSS

Javascript

+

Blog Masholeh || Cara Membuat Read More OtomatisSebernarnya sudah banyak blogger yang mempostingkan tips ini, saya menulis artikel ini juga supaya saya tidak lupa cara membuat Read More,


Cara Membuat Read More Otomatis


Langsung saja berikut langkah-langkahnya :
1.Masuk ke blog dan pilih template >> Edit HTML.
2.Centang kotak Expand Widgets Template.
3.Cari kode </head>, agar lebih cepat tekan ctrl+f pada keyborad dan tulis </head>.
4.Tempatkan kode di bawah ini di atas kode </head>.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 290; summary_img = 260; img_thumb_height = 76; img_thumb_width = 86; </script> <script src='http://autoinvitemazwaone.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
5.Cari kode <data:post.body/> dan ganti dengan kode dibawah 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;Read More...</a></span>
</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Keterangan :
Read More : bisa diganti sesuai selera
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera
6. Save template dan lihat hasilnya
Selamat mencoba ^_^ semoga brehasil
03.06

4 komentar:

  1. Balasan
    1. Gunanya untuk memperpendek tulisan ketika tampil di home page denga tulisan "Read more / Baca Selengkapnya"

      Hapus
  2. ini dari dulu yang saya cari makasih informasinya gan
    salam kenal http://nusution.blogspot.com/

    BalasHapus
    Balasan
    1. sama-sama sob :-d :-d
      Semoga Bermanfaat (o) (o) (o)

      Hapus

 
Blog Masholeh © 2013. All Rights Reserved. Powered by Blogger
Top