Auto Read More Tanpa Javascript

Selamat malam, kali ini saya sempatkan untuk share tutorial Cara Membuat Auto Readmore Tanpa Javascript. Saya rasa, auto readmore ini adalah pilihan yang tepat, karena tidak memakai Javascript. Kenapa? Kare Javascript mempengaruhi Loading blog, apalagi kalau JSnya panjang. Jadi, yang belum ada auto readmorenya, bisa pakai trik ini :D langsung ke stepnya :D

Masuk Ke Template -> HTML.
Cari kode <b:includable id='post' var='post'> scroll kebawah dan akan ada code <data:post.body/>
Ganti code <data:post.body/> yang kedua dengan kode
<data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <b:if cond='data:post.hasJumpLink'> <data:post.body/> <b:else/> <b:if cond='data:post.snippet'> <b:if cond='data:post.thumbnailUrl'> <div class='thumb'> <a expr:href='data:post.url' expr:title='data:post.title' expr:alt='data:post.title'><img expr:src='data:post.thumbnailUrl'/></a> </div> <b:else/> <div class='thumb'> <a expr:href='data:post.url' expr:title='data:post.title' expr:alt='data:post.title'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGrSnT3959Hq9Uo5RK2ECauAst-AeiTXmdR0TyIhN1D1UPwVB34jf4lrwXJ0IgKb1N9ChFNoBdW3sazUKpF3VyFK5flDLq37tRxZBwYzxuhnbi7m8mHAVikINc9Ah5O3hwACa0CYCx7zk/h120/no-image.jpg'/></a> </div> </b:if> <data:post.snippet/> <div class='jump-link'> <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> </div> <b:else/> <data:post.body/> </b:if> </b:if> </b:if> </b:if>

Dan kode css ini sebagai pelengkapnya, taruh di atas </b:skin>
.thumb img{float:left;margin-right:10px;width:72px;height:72px} .jump-link{display:inline;float:right;padding:5px;background:#ddd;margin-top:20px}

Jika sudah  menggunakan Auto Readmore, sebaiknya di hapus dulu, untuk menghindari kerusakan pada template. Jangan lupa back up templatenya dulu.

Sekian dan terimakasih.

Auto Read More Tanpa Javascript 2014-02-17T19:16:00+07:00 Rating: 4.5 Diposkan Oleh: fizzi