Rabu, 09 Mei 2012

READMORE OTOMATIS PADA POSTING

kali ini saya ingin berbagi tips untuk sobat bloger sekalian, saya ingin berbagi tips bagaimana cara membuat readmore pada sebuah posting blog di blogspot. readmore di dalam posting di maksudkan agar membuat posting blog menjadi terlihat lebih tertata dan rapih, siapapun pasti ingin postin artikel blognya terlihat rapih, ok langsung saja kita coba .

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










cari kode </head> atau dengan menggunakan ctrl+F , 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 kode  <p><data:post.body/></p>

hapus kode tersebut dan 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 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.

KETIGA, simpan template dan tutup sehingga sobat blogger semua kembali ke dasboard blog sobat blogger semua, tinjau blog/ lihat blog sobat blogger semua sekarang........semua artikel posting telah di rapihkan......


selamat mencoba......cara ini telah saya coba di blog saya ini, dan berhasil, sobat blogger semua dapat melihat sendiri hasilnya di blog saya ini.

Tidak ada komentar: