Thursday, June 9, 2011

Membuat READMORE Otomatis

Apakah Itu >>READMORE<< ?? ya.. Readmore Sama dengan >>Baca Selengkapnya<< Nah.. Jika anda sudah Mengerti Apa itu bahasa indonesianya Readmore (Baca Selengkapnya),jika belum mengerti.. nah.. disini anda bisa melihat gambarannya..

Sekarang mari kita bahas apa kegunaan dan manfaat dari READMORE tersebut.
Readmore atau Baca Selengkapnya sangat penting perannya di dalam satu blog.
Dengan adanya Readmore ini maka Susunan Postingan dalam blog kita akan tertata dengan rapi.. dan memberi halaman blog lebing irit atau lebih singkat. bisa dikatakan mempersingkat tampilan postingan pada halaman blog. dan jika kita mengklik bacaan READMORE atau Baca Selengkapnya, makan tampillah 1 postingan dengan keseluruhan isi dari entri anda.
Dengan Readmore ini kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan gambar yang muncul dalam halaman blog akan tersusun dengan rapi.

Nah,, Lantas Bagai Mana Cara Membuat Readmore Otomatis ini..?

Mari kita Kerjakan..
Langkah Pertama tentu anda Login terlebih dahulu ke Account Blog Anda.
lalu.. Setelah masuk "pilih Edit HTML" Sebelum anda Memulai Pengeditan, anda harus terlebih dahulu memberi tanda centang atau klik pada bacaan "Expand Widget Template" yang ada diatas Kotak sebelah kanan Seperti Gambar dibawah ini :







Lalu Setelah itu, Anda cari Code : </head>  (Untuk Mempermudah Pencarian gunakan "Ctrl + F")
Setelah Ketemu, kemudian masukkan script di bawah ini tepat 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'/> 

Kemudian setelah anda memasukkan script di atas dengan benar.
lalu cari kode html berikut ini :

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

Setelah Anda menemukan Code diatas, lalu gantikan 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...

0 comments: