BONEK RUWET COMUNITY

terima kasih buat teman" yang sudah mampir di blog saya

Kamis, 22 November 2012

Source: http://bonekruwetcomunity.blogspot.com/2012/02/cara-membuat-navigasi-breadcrumb-di.html#ixzz2CbHChNOG

Cara Membuat Auto Read More di Blogger

File Professional - Pernahkah sobat melihat Auto Read More yang ada di blog sobat blogger kita yang lainnya ? Mungkin diantara sobat - sobat sekalian ada yang bertanya - tanya tentang cara membuat Auto Read More di Blogger. Sekarang, pada posting pertama saya kali ini saya ingin share cara membuat Auto Read More di Blog.
Berikut adalah langkah - langkahnya :
1. Masuk ke Editor Template HTML. ( Klik Template >> Edit HTML ).
2. Centang pada Expand Template Widget.
3. Cari kode </head> ( gunakan Ctrl + F untuk mencari ) dan letakkan kode dibawah, di atas kode </head>.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg =
230;
summary_img =
140;
img_thumb_height =
100;
img_thumb_width =
100;
</script>

<script src='<script src='http://hostfileprofessional.16mb.com/files/raya-readmore.js' type='text/javascript'/>' type='text/javascript'/>

Keterangan :
-  summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda.
-  summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda.
-  img_thumb_height = 100; adalah tinggi gambar thumbnail.
-  img_thumb_width = 100; adalah lebar gambar thumbnail.
4. Setelah selesai, lanjutkan dengan mencari kode <data:post.body/>.
5. Ganti kode tersebut dengan script di bawah.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/><span style='padding-top:
5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>

 Keterangan :
-  padding-top:5px, ganti nilainya untuk membuat jarak dengan tulisan di atas readmore.
-  float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.
-  Anda bisa mengganti Read more dengan kata-kata lain misalnya "baca selanjutnya" atau apapun yang di inginkan.
6. Untuk memastikan, jangan di Simpan dulu. Silahkan Pratijau terlebih dahulu.
7. Jika sudah sip! dan sesuai keinginan, silahkan di Simpan.

Untuk Download Artikel Klik Gambar

Tidak ada komentar:

Posting Komentar