Jumat, 16 November 2012

Membuat Auto Read More Pada Blogger


Membuat Read More Seperti Gambar Di Atas , Tanpa Entri Lengkap (Hanya Sebagian Saja Yang Tampil)

1). Buka Blogger
2). Template >> Edit HTML >> Centang Expand Template Widget
3). Cari Kode </head> Agar Mudah CTRL+F
4). Masukan Kode Di bawah Ini Di Atas Kode </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'/>

5). Cari Kode <data:post.body/> Ganti Dengan:

<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>
6). Simpan / Pratinjau

Keterangan :
READ MORE : bisa diganti sesuai selera 
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera 

Thanks To:SOPYAN 7
Visit My Blog: http://wwwdianhelboycom-sparda.blogspot.com/
Terima Kasih Atas Kunjungan Anda
Judul: Membuat Auto Read More Pada Blogger
Ditulis Oleh Unknown
Jika mengutip harap berikan link yang menuju ke artikel Membuat Auto Read More Pada Blogger ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya

0 komentar:

Posting Komentar

- See more at: http://www.tutorial89.com/2014/08/cara-mudah-membuat-tombol-share-di.html#sthash.OgoqHD14.dpuf