Cara membuat Read More di Blog (Otomatis)

Cara membuat Read More di Blog (Otomatis)

   20.48       Just Hamba

---

Assalamualaikum, sobat Blogger......☺

Pada Episode kali ini kita akan membahasCara buat Read More di Blog, ya itu adalah cara yang bagus untuk memperhemat tampilan postngan blog anda.

Oke langsung saja kita bahas caranya:

1. Login ke Blog anda
2. Klik Rancangan 
3. Edit HTML
4. Centang Expand Template Widget-nya
5. Cari kode dengan menekan C+F dan masukan </head> 
6. Setelah itu salin kode dibawah ini dan letakkan di bawah </head>

 <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='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Ada kode diatas dapat anda ganti sepeti berikut :

summary_noimg     = 403; adalah tinggi potongan artikel tanpa gambar

summary_img         = 340; adalah tinggi potongan artikel dengan gambar

img_thumb_height  = 100; adalah ukuran tinggi thumbnail
img_thumb_width    = 120; adalah ukuran lebar thumbnail

     7.  Dan setelah itu anda cari kode dengan menekan tobol C+F , salin kode ini <data:post.body/> 

          setelah ketemu hapus kode tersebut dan ganti dengan kode 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>

Untuk kata READMORE... bisa anda ganti sesuai selera anda.

Dan akhirnya Selesai ooo astaga betapa Bagus dan rapinya Blog anda ☺...

NB : Jika anda kesulitan atau kurang paham atas cara yang saya berikan minta bantuan saya lewat 

        Admin Face Book