Share the ideas and innovations to a friend of the world

Cara Membuat Read More Otomatis + Icon

Baca Selanjutnya (read more) tidak asing lagi para blogger,,,iya kan!!!! saat ini banyak tutorial mengenai ini tinggal search di mesin pencari pasti dapat......ngomong-ngomong nga ada salahnya kan shared lagi mengenai readmore otomatis......sapa tau masih ada yang membutuhkannya lagi berhubung masih banyak yang belum tau.....



Ikuti langkah berikut untuk membuatnya :

  • Login ke blog
  • Masuk ke Rancangan > Edit HTML (sebaiknya download full template untuk jaga-jaga terjadi kesalahan modifikasi template
  • Centang Expand....
  • Cari kode </head> dengan menekan kyboard CTRL+F
  • Copy kode script dibawah ini dengan meletakkan dibawah 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://ilmu27blogger.googlecode.com/files/readmore-otomatis.js ' type='text/javascript'/>

Keterangan :
430 = tinggi artikel terpenggal tanpa image
340 = tinggi artikel terpenggal dengan image

  • Kemudian cari kode <data:post.body/> atau <p><data:post.body/></p> setelah ketemu ganti dengan script dibawah :
<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;<img src="http://i1089.photobucket.com/albums/i353/illankjie/readmore.jpg" />a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :
  : http://i1089.photobucket.com/albums/i353/illankjie/readmore-1.gif

 : http://i1089.photobucket.com/albums/i353/illankjie/readmore.jpg

  • Tinggal Di SAVE templatenya...

Semoga bermanfaaat..........................
Anda baru saja membaca artikel yang berkategori Blog dengan judul Cara Membuat Read More Otomatis + Icon. Anda bisa bookmark halaman ini dengan URL http://ilmu27.blogspot.com/2011/08/cara-membuat-read-more-otomatis-icon.html. Terima kasih!
Ditulis oleh: Imran -

4 komentar untuk "Cara Membuat Read More Otomatis + Icon"

  1. untuk data post bodinya tdk bsa disimpan templatenya knp bs..?

    ReplyDelete
    Replies
    1. Jelas gak bisa mas.. Coba perhatikan ini:
      <img src="http://i1089.photobucket.com/albums/i353/illankjie/readmore.jpg" />a>

      tanda yang terakhir sebagai tag penutup seharusnya </a>

      Jadi ganti aja
      <img src="http://i1089.photobucket.com/albums/i353/illankjie/readmore.jpg" />a>

      Menjadi
      <img src="http://i1089.photobucket.com/albums/i353/illankjie/readmore.jpg" /></a>

      Coba save templatenya

      Jangan lupa mampir ke tempat saya juga ya...
      BLOGKU-007.BLOGSPOT

      Delete
    2. terima kasi mas pencerahannya...

      Delete
    3. benar yang dijelaskan oleh Kurcaci Pribumi.... silahkan diikuti mas

      Delete