Untuk versi template classic aku udah pernah bikin Tutorialnya, akhir-akhir ini banyak banget yang nanya, akhirnya aku nyari info, malah ketemu di helpnya Blogger, How can I create expandable post summaries?. Tapi jangan langsung di cobain, aku udah nyoba beberapa kali tapi gagal kalo ngikutin yang dari helpnya Blogger, terutama pada bagian style/css nya.
Caranya:

• Login ke Blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
• Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
• Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:
  

  <style>
  <b:if cond='data:blog.pageType == "item"'> 
  
     span.fullpost {display:inline;}
  <b:else/>
     span.fullpost {display:none;} 
  </b:if>
  </style>

• Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
  
  

  <b:if cond='data:blog.pageType != "item"'>
  <a expr:href='data:post.url'> Read More..</a>
  </b:if>

• Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose
  
  Contoh penulisan posting:
  

  Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

  Hasil akhir postingan akan seperti ini:
  

  Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.Read more..

  Selamat Mencoba!

Pembahasan kita kali ini ialah Cara Membuat Readmore atau Baca Selengkapnya pada Blog.
yang tujuannya ialah untuk megurangi halama pemakaian pada Blog.
Bacaan ReadMore atau Baca Selengkapnya akan muncul di Blog. anda untuk mengurangi tampilan postingan anda di halaman utama Blog anda.

Berbagai macam trik untuk membuat Readmore atau Baca selengkapnya mulai dari cara manual dan otmatis. Tapi kali ini saya akan membagi ilmu dengan anda dengan cara Otomatis.
Baiklah, mungkin anda akan mulai bosan dengan ocehan saya. Sebaiknya mari kita mulai.


1.Login Blog Anda.
Silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda centang atau ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

Cari Code </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://facebooks-vacancy.blogspot.com/2011/02/membuat-readmore-otomatis-pada-blog_16.html' type='text/javascript'/>

2. 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 Hijau adalah Bacaan Untuk Melanjutkan isi postingan anda..
anda bisa mengganti tulisan dengan keinginan anda sendiri..
Boleh dengan Kata READMORE.. SELENGKAPNYA.. dll

=>>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.

3. klik save template