Cara Memasang Auto Read More Tanpa JavaScript

Auto Read More Blogger

Auto Read More Blogger tanpa Javascript, terbaik ~
Cara membuat auto read more tanpa javascript sudah bisa di lakukan di blogger saat ini. Artinya, dgn memasang auto read more (baca selanjutnya) di blogspot yg mudah dan praktis tanpa loading lama utk optimalisasi pengunjung blog anda, tidak seperti trik pasang read more
menggunakan javascript versi lama yang banyak makan bandwith dan loading lambat untuk menampilkan blog keseluruhan jika pengguna berkunjung. Semakin banyak widget yg kita gunakan dgn javascript, maka makin lemot loading blog dan beresiko
ditinggal pengunjung, bisa juga turun peringkat di serp. Maka, kita harus pandai-pandai memilih trik paling efektif dan efisien dlm mengoptimalkan blog.
Selain utk mengoptimalkan blog, memasang auto read more juga akan memberikan keuntungan menambah pageview blog, misalnya seseorang mengunjungi halaman depan / home/ beranda / index blog atau halaman kategori dan tags. Maka mereka akan melihat setiaap penggalan dari beberapa halaman posting blog, lalu pengunjung melakukan klik pada pasilitas / tombol read more utk membaca lanjutan artikel. Nah, satu lagi keuntungan adalah akan menambah 2 kali lipat CTR / CPM iklan GA anda. Lumayan khan..?!

Ok, seperti biasa, silahkan Login ke blog anda dan backup template blog anda.> Design / Rancangan > Edit HTML> centang Expand Template Widget > cari kode ]]></b:skin>

Simpan kode berikut tepat di atas ]]></b:skin>

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

Selanjutnya cari kode <data:post.body/> , lalu ganti / timpa dgn kode CSS di bawah ini :

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

Save / Simpan template, dan lihat hasilnya di halaman depan / home / beranda. it's easy heh ? :D