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..
Cara Membuat Auto Read More Tanpa Javaccript Cara Membuat Auto Read More Tanpa Javaccript Reviewed by Hury Canz on 7:03 AM Rating: 5
Powered by Blogger.