Membuat Auto Read More tanpa Javascript di Blog

Rafaeltkj.com - Sekarang saya akan memberikan tutorial Cara Membuat Auto Readmore tanpa memakai Javascript di Blogger, membuat auto readmore adalah salah satu upaya untuk merapikan tampilan blog tepatnya pada postingan saat tidak didalam postingan contohnya didalam Homepage, Search page dan lain lain, langsung saja kita mulai tutorialnya

1. Cari kode ]]<b:skin> ataupun <style>
2. Tempelkan kode ini tepat di bawahnya

.rafaelthumbnail {
width:100px;
height:100px;
float:left;
margin:0px 10px 0px 0px;
}

3. Cari kode ini  <data:post.body/> biasanya yang kedua tapi coba satu persatu

4. Ganti kode di atas dengan kode 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='rafaelthumbnail ' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
    <b:else/>
      <a expr:href='data:post.url'><img class='rafaelthumbnail ' 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'>Baca Selengkapnya</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>

Lalu Lihat Hasilnya sekarang tampilan postingan anda sudah menjadi Rapi dan beraturan , jangan lupa baca postingan lainnya di Rafaeltkj.com