Menambahkan Auto Readmore di Blogger No Javascript

Auto Readmore yang digunakan sobat blogger pasti kebanyakan menggunakan kode Javascript. Saya rasa, Javascript membuat blog kita menjadi lamban dalam hal loading. Maka dari itu kita bisa menggunakan yang namanya Post Snippet. Meski sudah banyak yang tahu, saya akan berikan caranya sekali lagi:

  1. Login Ke Blogger.com.
  2. Klik Rancangan >> Edit HTML >> Expand Template Widget.
  3. Cari kode seperti dibawah ini:
  4. <data:post.body />
  5. Ganti dengan kode dibawah ini:
  6. <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <br/> <data:post.body/> <b:else/> <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> </b:if>
  7. Simpan Template. Biar bagus tampilannya, tambahkan kode CSS seperti di bawah ini dan taruh sebelum kode </b:skin>
    .thumb img { float: left; margin: 0 10px 10px 0; }

Semoga bermanfaat...

Anda baru saja membaca artikel yang berkategori Blogger / other dengan judul Menambahkan Auto Readmore di Blogger No Javascript. Anda bisa bookmark halaman ini dengan URL http://bisidamuda.blogspot.com/2012/07/cara-menambahkan-auto-readmore-di.html. Terima kasih!
Ditulis oleh: Bisidamu

Belum ada komentar untuk "Menambahkan Auto Readmore di Blogger No Javascript"

Post a Comment