Read more: Cara Membuat READMORE Otomatis di Blogspot http://ojelhtc.blogspot.com/2011/12/cara-membuat-readmore-otomatis-di.html#ixzz1hdcbARLj Under Creative Commons License: Attribution Non-Commercial Share Alike Chit Chat: Cara Membuat READMORE atau BACA SELENGKAPNYA Otomatis di Blogspot

Senin, 26 Desember 2011

Cara Membuat READMORE atau BACA SELENGKAPNYA Otomatis di Blogspot

Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial Cara Membuat READMORE OTOMATIS Di Blog berikut ini....


PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis 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'/>

KEDUA, cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah 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 adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...
SEMOGA SUKSES :)


Related Post:

Tidak ada komentar:

Posting Komentar

Hanya buat sharing aja....