Breaking News
Loading...
March 5, 2013

Cara Membuat Readmore Otomatis di Blogspot

1:33 PM

Cara Membuat Readmore Otomatis di Blogspot
Readmore / Baca Selengkapnya sering dijumpai di blog seperti yang ada di Homepage Blogger Bondowoso ini. Readmore adalah penggalan dari artikel blog untuk mempersingkat postingan, sehingga apabila di klik tulisan readmore atau baca selangkapnya, maka teks / tulisan yang ada di blog akan keluar semua secara lengkap / detail. Tulisan Readmore ini dapat juga divariasikan dengan menggantinya dengan thumbnail / gambar. Yuk simak bagaimana cara membuat / memasang auto readmore di blogger.

Cara Membuat Readmore Otomatis di Blogspot

Cara Membuat Readmore Otomatis di Blogspot
1. Login ke blogger
2. Pilih Template => Edit HTML
3. Backup template anda dahulu
4. Centang Expand Template Widget
5. Tekan F3, cari kode </head> dan letakkan kode berikut dibawahnya

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430;summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='https://sites.google.com/site/bloggerbondowosoblogspotcom/js/readmore.js' type='text/javascript'/>

6. Lanjut dengan mencari kode <data:post.body/> dan ubah 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;Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :
- Readmore bisa anda ubah misalnya dengan tulisan Baca Selengkapnya
- summary_noimg = 430; adalah tinggi potongan artikel tanpa thumbnail
- summary_img = 340; adalah tinggi potongan artikel dengan thumbnail
- img_thumb_height = 100 dan 120 adalah ukuran tinggi dan lebar thumbnail

7. Simpan Template

Selamat membuat readmore / baca selengkapnya secara otomatis di blogspot, semoga bermanfaat.

Cara Membuat Readmore Otomatis di Blogspot
Share:

0 comments:

Post a Comment

 
Toggle Footer