Auto Readmore Tanpa Javascript di Blogger

Assalamu'alaikum wr. wb.

Bagaimana sih caranya membuat readmore di blogspot tanpa menggunakan javascript? Nah, ini dia solusinya, kita dapat menggunakan baris kode berikut ini untuk membuat auto readmore tanpa javascript. Check this out...

1. Masuk ke Dashboard Blogger Anda, kemudian pilih Edit HTML.
2. Centang pada Expand Template Widget.
3. Cari kode berikut ini : <data:post.body/>
   
4. Ganti dengan kode berikut ini :
   

   <b:if cond='data:blog.pageType != "item"'>
   <b:if cond='data:post.snippet'>
   <b:if cond='data:post.thumbnailUrl'>
   <div class='Image thumb'>
   <img expr:src='data:post.thumbnailUrl'/>
   </div>
   </b:if>
   <data:post.snippet/>
   <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
   <div class='jump-link'>
   <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
   </div>
   </b:if>
   <b:else/>
   <data:post.body/>
   </b:if>
   <b:else/>
   <data:post.body/>
   </b:if>

5. Kemudian, jangan lupa untuk menambah beberapa baris kode CSS di blog, letakkan kode berikut ini sebelum kode </b:skin>.
   

   .thumb img {float: left; margin: 0 10px 5px 0;}

6. Selesai sudah, silahkan refresh web blog Anda. ^_^

Demikian artikel mengenai auto readmore tanpa javascript pada blogger alias blogspot. Semoga bermanfaat...

Auto Readmore Tanpa Javascript di Blogger 2011-09-09T16:00:00+07:00 Rating: 4.5 Diposkan Oleh: Pengagum Wanita