Pasti sudah banyak deh tutorial tentang cara membuat read more otomatis ya? wait tunggu dulu sob, yaang ini beda, kita akan membuat auto read more tapi tanpa menggunakaan javascript! Lho kenapa ga pakai javascript ajah? Kalau sobat pakaai javasrcipt, trus di upload, gmna jadinya jika hostingan tempat mengupload itu down? Pasti blog sobat juga ikut lelet.
Kan bisa cara membuat auto read more tanpa donlod javascript? Oke, memaang bisa sih, tapi sudah bukan rahaasia lagi kalo kode javascript itu paling di benci sama search engine, alias enggak seo friendly! Belum lagi kendaala dengan beberapa browser yang kesulitan menaampilkan 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 dalaam mobile view. Coba deh aktifin mobile view blog sobat dan lihaat 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:
- Biasa lah login dolo.
- Klik Rancangan > Edit HTML > Expand Template Widget.
- Cari kode seperti dibawah ini:
data:post.body - ganti dengan kode di bawah ini:
<b:if cond='data:blog.pageType == "static_page"'>
<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' 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 + "#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> - 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..
.gif)
.gif)
