Sabtu, 07 Mei 2011

Cara Membuat Read More ( dengan gambar ) Otomatis Pada Blogspot

        Tutorial membuat read more atau baca selengkapnya dengan gambar read more ini berlaku untuk semua postingan. Cara bermaksud untuk memperpendek tulisan / teks postingan.Jadi jika pembaca tertarik dan ingin membacanya lebih lanjut maka bisa melanjutkan dengan klik read more.
  • Login blog Anda
  • Pilih menu pada Dasbor Klik Tata Letak/Layout/Design/Rancangan ->> Edit Html 
  • Kemudian jgn lupa klik Expand Template Widget
  • Cari kode </head>
  • Copy paste kan kode dibawah tepat di bawah 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://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

  • Cari kembali kode <data:post.body/> atau <p><data:post.body/></p>   
  • Ganti kode <data:post.body/> atau <p><data:post.body/></p> dengan kode 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'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://share-ku.blogspot.com/'>| <em>by acul</em> |</a></strong></p></b:if>

  • Simpan dan lihat blog Anda

Selamat Mencoba
GOOD LUCK!


Untuk download file gunakan IDM yang bisa sobat cari di sini..
Segera lakukan download sebelum file terhapus..
Klik link download dan SKIP AD pojok kanan atas untuk melanjutkan proses..

.:::::::::: Artikel Terkait :::::::::::.


-------------------------------------------------------------------------------------------------
Silahkan tinggalkan komentar dengan baik dan sopan
Silahkan masukan komentar jika punya pertanyaan
Silahkan laporkan jika menjumpai link yang error
Silahkan sobat copy / paste jika bermanfaat
-------------------------------------------------------------------------------------------------

3 komentar:

  1. makasi mas tutorialnya..jadi rapi deh..

    BalasHapus
  2. tips keren update IT....salam kenal

    BalasHapus
  3. terima kasih atas sedikit pujian Anda BRAJA PB321..ditunggu lagi kedatangan Anda..

    BalasHapus