Cara Memasang Auto Readmore Tanpa Javascript

Cara Memasang Auto Readmore Tanpa Javascript - Cara Membuat Auto Readmore Tanpa JavaScript - Halo teman-teman Alfadlys masih pada sehatkan ? pasti dong....Oh ya Alfadlys akan memberikan tutorial "Cara Membuat Auto Readmore Otomastis Tanpa JavaScript: sekalian juga ya saya juga mau mengabarkan kalo postingan saya yang Informasi berita bola terbaru di sambil-santai.com ternyata hilang dari SERP Google :( hadeh...sungguh malang blog ini baru pertama kali blog ini terkena Sandbox

Baiklah mari kita lanjut temanya biar gak melenceng dari topik,Untuk cara menampilkan Auto ReadMore sebetulnya sangat mudah dan bisa mengurangi berat loading yaang ada di hompepage karna terlalu banyak javascript

Baiklah tanpa memperpanjang waktu mari kita lihat proses pembuatanya :
1.Login ke Akun Blogger Anda
2.Klik menu template
3.Kemudian centang Expand Template Widget
4.Lalu cari kode <data:post.body/>
5.Jika sudah menemukan kode <data:post.body/>  lalu hapus kode <data:post.body/> dan ganti dengan kode di bawah ini :
NB : untuk <data:post.body/> pilih nomor 3 atau 4

<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'/>
</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>

6. Kemudian cari kode </b:skin> lalu copas kode di bawah ini dan tambahkan kode di atasnya

.thumb img { float: left; margin: 0 10px 10px 0; }

7.Klik Pratinjau Agar Bisa Melihat Hasilnya !
8. Lalu Simpan/Save dan Lihat Hasilnya !!!