Cara Membuat Auto Read More Tanpa Javaccript

Cara Membuat Auto Read More Tanpa Javaccript - Pasti sudah banyak deh tutorial tentang cara membuat read more otomatis ya? wait tunggu dulu sob, yang ini beda, kita akan membuat auto read more tapi tanpa menggunakan javascript! Lho kenapa ga pakai javascript ajah? Kalau sobat pakai javasrcipt, trus di upload, gmna jadinya jika hostingan tempat mengupload itu down? Pasti blog sobat juga ikut lelet.
auto read more tanpa javascript
Kan bisa cara membuat auto read more tanpa donlod javascript? Oke, memang bisa sih, tapi sudah bukan rahasia lagi kalo kode javascript itu paling di benci sama search engine, alias enggak seo friendly! Belum lagi kendala dengan beberapa browser yang kesulitan menampilkan javascript.

Makanya patut dicoba neh cara baru auto read more nya. Intinya gini, auto read more ini "meminjam" ide "auto read more" pada saat blog kita dalam mobile view. Coba deh aktifin mobile view blog sobat dan lihat blog sobat dari hp, gimana? Ada auto read more nya kan? hehehe...

Yaudah langsung ajah deh, cara membuat auto read more tanpa javascript plus seo friendly:
  1. Biasa lah login dolo.
  2. Klik Rancangan > Edit HTML > Expand Template Widget.
  3. Cari kode seperti dibawah ini:
    data:post.body
  4. ganti dengan kode di bawah ini:
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:post.snippet'>
            <b:if cond='data:post.thumbnailUrl'>
                <div class='Image thumb'>
                    <img expr:src='data:post.thumbnailUrl' style='float:left; margin:0 10px 10px 0;'/>
                </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 + &quot;#more&quot;' 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>
  5. Save dan lihat hasilnya.
Mudah kan cara membuat auto read more tanpa javascript ini? Plus dapat bonus SEO Friendly pula :)
Kalau ada yang mau share cara lain boleh juga di komen disini. Semoga bermanfaat..

1 comment | add comment

Anonymous said...

nice post gan saya mau terapkan pada template saya ini ..

Cara Membuat Auto Read More Tanpa Javaccript

Post a Comment

Terima kasih sudah mampir di Blog Gedek. Jika sobat ingin memberikan komentar silahkan isi form kementar di bawah dengan sopan dan jangan spam.

Semua komentar akan dimoderasi dahulu. Mohon maaf jika membalasnya lama, jangan lupa mampir lagi ya :)