Cara Menciptakan Auto Read More Tanpa Javaccript

Pasti sudah banyak deh tutorial perihal cara menciptakan read more otomatis ya? wait tunggu dulu sob, yang ini beda, kita akan menciptakan auto read more tapi tanpa memakai javascript! Lho kenapa ga pakai javascript ajah? Kalau teman pakai javasrcipt, trus di upload, gmna jadinya kalau hostingan kawasan mengupload itu down? Pasti blog teman juga ikut lelet.

Kan bisa cara menciptakan auto read more tanpa donlod javascript? Oke, memang bisa sih, tapi sudah bukan diam-diam lagi kalo isyarat javascript itu paling di benci sama search engine, alias enggak seo friendly! Belum lagi rintangan dengan beberapa browser yang ketidak ringan dan sepelean menampilkan javascript.

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

Yaudah eksklusif ajah deh, cara menciptakan auto read more tanpa javascript plus seo friendly:

1. Biasa lah login dolo.
2. Klik Rancangan > Edit HTML > Expand Template Widget.
3. Cari isyarat ibarat dibawah ini:

   data:post.body

4. ganti dengan isyarat 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.

Praktis kan cara menciptakan auto read more tanpa javascript ini? Plus sanggup ludang kecepeh dari yang seharusnya SEO Friendly pula :)
Kalau ada yang mau share cara lain boleh juga di komen disini. Semoga memberi manfaat..

Advertisement