Pages

Subscribe:

Ads 468x60px

10/01/2012

Membuat Readmore Otomatis Broww...

Baiklah kali ini saya akan memberikan sebuah tips blogger tentang Cara Membuat Read More Otomatis di Blogger. Tenunya ada kalian semua sering melihat artikle yang terpengal oleh kalimat readmore, mu tau rahasianya??? simak terus;
Pemasangan Read More ini dimaksudkan agar loading dari blog kita lebih cepat pada saat membuka home page karena jika tidak dipasangi Read More maka home page blog kita akan memuat/menampilkan seluruh bagian artikel, bayangkan jika tulisan artikel kalian panjang-panjang, maka homepage blog sobat akan memuat tujuh buah artikel (default blogger) secara penuh.Read More akan secara otomatis akan memotong/membatasi tampilan artikel di homepage blog Brother n sister semua sampai pada bagian tertentu sesuai keinginan.

Baiklah, untuk membuat read more otomatis di blog sobat, ikuti langkah-langkah berikut ini:

Seperti biasa, Login ke Akun blogger Kalian.
Lanjut ke Menu Template. jangan lupa backup template blog kalian ( give v to expand new template )
Klik Edit HTML.
Cari kode </head>, lebih mudah tekan Ctrl + F untuk Mozilla, dan letakkan kode berikut ini tepat 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Kemudian cari lagi kode <data:post.body/> atau <p><data:post.body/></p> ganti kode tersebut dengan kode berikut 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:
Tulisan yang berwarna merah sesuai keinginan Kalian  Misalnya, baca selengkapnya, read full dll.
summary_noimg = Tinggi Text Terpengal bisa diganti sesuai keinginnan
summary_img = Tinggi Image yang ditampilkan di halaman blog setelah adanya readmore
Dan terakhir,
Save template dan lihat hasilnya,
trattrraaaaammm................
see u guys