Cara membuat Readmore di blog

Cara membuat Readmore di blog ada banyak pilihan , ada yang menggunakan javascript murni dan ada juga yang tidak.bahkan ada pula beberapa yang menggunakan jquery dan aplikasi lainnya.

kali ini saya akan mengajarkan bagaimana cara membuat Readmore di blog.!!

• Membuat Auto Readmore Tanpa Javascript

seperti yang saya katakan diatas , auto readmore ini tidak menggunakan Javascript sehingga loading blog anda akan cepet seperti biasa, ini karena kita hanya menggunakan perintah internal blogger , dengan metode ini pula kesalahan banyak terjadi.

Cara Membuatnya :
1. Pastikan anda sudah login ke dasboar blogspot anda , Pilih Template lalu EDIT HTML
2. Ada dua script yang kita tanamkan ke mode HTML. Pertama merupakan perintah CSS
Copy script dibawah ini tepat diatas kode  ]]></b:skin> (cari dengan gunakan tombol Ctrl F)

dp-thumbnail{margin-bottom:20px;border:1px solid #ccc;box-shadow:0 0 transparent inset,0 5px 0 -4px #fff,0 5px 0 -3px #ccc;padding:10px 0;width:100%;height:90px;text-align:center}
.dp-thumbnail img{border:0;padding:0;max-width:96%;max-height:90px}
.dp-thumbnail span{font-size:26px;line-height:70px;font-weight:bold}

 3. Setelah selesai mempastekan kode tadi Lalu carilah kode <data:post.body/> Pada tamplate baru bawaan blogger, kode ini terdapat tiga buat. Copy script dibawah ini dan ganti seluruh <data:post.body/> tersebut.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div class='dp-thumbnail'>
   <b:if cond='data:post.firstImageUrl'>
    <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
   <b:else/>
    <b:if cond='data:post.thumbnailUrl'>
     <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
    <b:else/>
     <span>No thumbnail</span>
    </b:if>
   </b:if>
  </div>
  <data:post.snippet/>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

 4. Setelah itu simpan.

sekarang ihatlah blog anda telah memiliki autoreadmore yang sama sekali tidak menggunakan Javascript
Mengapa demikian, karena banyak blogger menilai penggunaan terlalu banyak javascript memang mempercantik tampilan tapi memperlambat loading.

Masih banyak lagi script auto readmore yang bisa kita gunakan untuk blog kita. Silahkan dipilih metode mana yang akan digunakan dan paling sesuai dengan gaya Anda

Terimakasih