Perhatian : para pengunjung di Larang Pencet / klik judul iklan yg bertentangan dengan SYARIAH ISLAM, harap maklum karena pemilik website tidak bisa mengontrol penuh tampilan iklan. .. terimakasih dan anda berkunjung di blogger tentang modif motor efek chroom, krom, crom, semoga kita semua selalu diberi keselamatan dan kesehatan oleh Alloh SWT. amin ya robbal alamin.

Kamis, 21 Maret 2013

Cara Membuat Read More Jadi Lebih Keren

Cara Membuat Read More Jadi Lebih Keren, Membikin ReadMore dan mempercantik dengan Gambar. Artikel sayafafan membahas cara membuat readmore keren, yang mana ini merupakan jawaban atas pertanyaan teman blogger kita yang menanyakan kepada saya cara membuat readmore keren, baiklah untuk mempersingkat penjelasan mari kita simak penjelasan berikut ini :

1. Silahkan anda Login ID Blogger anda

2. Silahkan Klik Rancangan --> Klik Edit HTML, centang pada kotak Expand Widget Template.

3. Silahkan anda cari kode seperti ini < /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://deddycamp.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

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

4. Cari kode html berikut ini :
      <data:post.body/> atau <p><data:post.body/></p>
, kalau di blog contoh menggunakan <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'><img alt='read more' src='http://lh5.ggpht.com/_7Y9pl24WpQY/SuM7b-deOLI/AAAAAAAAB_4/PKYOsvyuCdc/readmore_thumb%5B2%5D.png?imgmax=800'/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : Tulisan yang berwarna merah adalah link gambar, anda bisa ganti dengan link gambar sesuka anda, untuk mendapatkan gambar animasi Readmore anda bisa lihat Disini


Jika sudah semua silahkan Klik Simpan Template, selesai

Sekian dulu Artikel sayafafan tentang Cara Membuat Read More Jadi Lebih Keren

Tidak ada komentar:

Posting Komentar