Cara membuat Auto Readmore ( Baca Selanjutnya) Tanpa Javascript

cara membuat auto readmore tanpa javascript

Tampilan auto readmore berikut dengan gambar mini tentu sangat menarik pada sebuah situs, akan tetapi jika dibuat dengan javascript biasanya akan membuat loading situs kita menjadi lambat kecuali dengan beberapa trik. berikut Cara membuat Auto Readmore ( Baca Selanjutnya) Tanpa Javascript (untuk mempermudah silahkan lihat video )

Cara membuat Auto Readmore ( Baca Selanjutnya) Tanpa Javascript

1. Login Ke Blogger
2. Klik Edit Template (Jangan Lupa Back Up dulu)
3. Cari kode ]]></b:skin>
4. Copy Css Berikut di atas kode tersebut..

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

5. Setelah itu Cari kode <data:post.body/> yang ke 2 atau 3 atau ke 4, ganti 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='thumbnail-post' expr:title='data:post.title'

expr:src='data:post.firstImageUrl'/></a>
    <b:else/>
      <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='BUAT

SESUAI SELERA'/></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>

SAVE

SEMOGA BERMANFAAT.  BYE..

File dapat di download di :

https://docs.google.com/uc?export=download&id=0B-p0CYANJ-GOUWNUM1VyeFFpeDg