Membuat Tombol Auto Read More ( Baca Selanjutnya )

Beragam Info - kali ini saya akan berbagi ilmu tentang bagaimana membuat tombol auto read more (baca selanjutnya) pada artikel/postingan yang belom ada read morenya sama sekali. nah untuk anda yang bener-bener penasaran dengan hal seperti itu silahkan simak caranya dibawah ini:




1. Login pada blogger  anda
2. Masuk pada menu template kemudian pilih edit html
3. kemudian dari sini anda harus mencari kode ]]></b:skin>  setelah itu copi css berikut ini:

.thumbnail-post {
width:100px;
height:100px;
float:left;
margin:0px 10px 0px 0px;
}

3. Kemudian paste-kan kode yang ada di atas tepat diatas kode  ]]></b:skin> 
4. Setelah langkah yang diatas selesai kemudian silahkan cari kode <data:post.body/> ada beberapa kode yang sama silahkan pilih yang ke 2,3 tau yang ke 4. kemudian ganti dengan kode yang ada dibawah ini.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url'><img class='thumbnail-post' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
    <b:else/>
      <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/></a>
    </b:if>
    <div class='post-snippet'>
      <data:post.snippet/>
    </div>
    <div class='rm-button-wrap'>
      <a class='button' expr:href='data:post.url'>Read more</a>
    </div>
  </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
</b:if>

5. kemudian langkah yang terahir silahkan save template anda.

penting - jika tidak ingin terjadi kesalahan pada saat pengeditan silahkan backup template anda sebelum di edit.