Membuat Auto Readmore pada blog ringan tanpa java script bisa kita terapkan pada blog kita karena tidak akan memberatkan loading blog kita. Kecepatan loading sebuah blog sangat diperlukan untuk menambahka page view.
Template standart atau template bawaan blogger pada halaman utama tampil semua isi postingan sehingga akan memakan halaman yang banyak dan akan memberatkan loading blog jika di halaman utama tampil lebih banyak postingan.
Namun kita juga bisa mengatur jumlah postingan yang tampil pada halaman utama. Jika kita tidak menggunakan readmore maka kita bisa mengatur jumlah postingan yang tampil di halaman depan lebih sedikit misalnya 3 sampai 5 postingan saja. Karena jika mengatur dengan jumlah sampai 10 ini akan menambah berat loading blog kita.
Lambatnya loading sebuah blog akan membuat pengunjung blog kita merasa malas atau bosan. Lebih - lebih jika pengunjung blog kita jaringannya kurang bagus maka ada kemungkinan mereka akan langsung meninggalkan blog kita sebelum tampilan blog kita benar - benar terbuka.
Jika kita memakai template hasil download rata - rata sudah menggunakan fungsi readmore otomatis. Kadang ada yang memakai readmore dengan menggunakan java script, nah jika kita ingin memakai fungsi readmore dengan tanpa adanya java script bisa mengikuti tutorial ini.
Langkah - langkah untuk membuat auto readmore SEO Friendly tanpa Java Script
Adapun tutorial ini kita tulis untuk template yang belum terpasang fungsi auto readmore atau masih tampil postingan di halaman depan seluruh isi postingan. Maka langkah yang bisa kita lakukan yaitu :
1. Sign in dahulu akun blog kita.
2. Kemudian kita menuju dashboard blog dan klik Edit Template.
3. Cari kode ]]></b:skin> dan pastekan kode berikut ini di atas kode tersebut
.thumbnail-post {
width:100px;
height:100px;
float:left;
margin:0px 10px 0px 0px;
}
4. Setelah itu kita cari kode <data:post.body/> yang ke 2 atau 3 dan jika ada 4 silahkan diganti salah satu sampai berhasil dengan kode berikut :
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/></a>
</b:if>
<div class='post-snippet'>
<data:post.snippet/>
</div>
<div class='rm-button-wrap'>
<a class='button' expr:href='data:post.url'>Baca Selengkapnya</a>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
5. Klik Simpan Template.
Sesudah menyimpan silahkan lihat hasil home page blog kita. Berdasarkan hasil praktek cara ini berhasil pada blog yang menggunakan template bawaan blogger. Demikian sedikit tutorial mengenai blog yang mungkin dapat membantu dalam membuat auto readmore pada template blogger bawaan.