Monday, June 25, 2012

Cara Membuat Readmore Otomatis di Blogger [Tips Blogger]

Cara Membuat Readmore Otomatis di Blog - Dulu saya sudah pernah memposting masalah readmore, untuk melihat nya anda bisa klik link di bawah ini :

Sekarang saya akan memposting satu langkah lagi Cara Pasang Readmore Otomatis di Blog Oke untuk contohnya silahkan Anda lihat di Homepage Blog ini, jadi mari kita simak Cara Membuat Readmore Otomatis di Blog :

1. Silakan masuk ke account blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklist pada bacaan "Expand Widget Template"

2. cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<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'/>

3. Kemudian, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

4. ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><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.

Itulah Cara Membuat Readmore Otomatis pada Blog, Semoga bermanfaat

Sumber

Unknown