OMHAX

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...

No comments:

Post a Comment

Iklan Atas Artikel

Popular Posts

Bisidamu

My daily experiences

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Advertising