Cara Membuat Readmore Blog Tanpa Javascript - Read More sangat penting
dalam sebuah blog, selain men simpelkan pada homepage blog, read more
juga memudahkan user pengnjung untuk melihat isi blog kita. Tentunya
anda tahu kebanyakan script sedikit berpengaruh pada loading blog,
script cenderung bersifat berat pada loading blog, dan mungkin banyak
juga script-script yang ditemukan error dan tidal valid HTML. nah untuk
membuat readmore tanpa script, saya akan mencoba mengulasnya, caranya di
bawah ini.
Langkah-Langkah
1). Silahkan anda login blogger.
2). Masuk Bagian Template->Edit HTML ->Jangan Lupa centang Widget Expand.
3). Lalu cari kode
]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f
4). Masukkan kode ini diatas kode
]]></b:skin>
.post-thumbnail{float:left;margin-right:20px}
5). Cari kode berikut
<data:post.body/> , Kalau sudah ketemu silahkan sobat 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>
Jika sudah, silahkan Save/Simpan kemudian lihat hasilnya.
Sekian postingan saya tentang Cara Membuat Readmore Blog Tanpa Javascript ini semoga dapat membatu sobat blogger.
Title : Cara buat Readmore Blog Tanpa Javascript
Description : Cara Membuat Readmore Blog Tanpa Javascript - Read More sangat penting dalam sebuah blog, selain men simpelkan pada homepage blog, read mor...