Membuat Auto Readmore

Hari ini banGozan akan menjabarkan bagaimna caranya untuk membuat tombol Readmore secara otomatis di blogspot, setelah hampir selama 2 minggu lebih konsentrasi saya terpecah belah oleh pengerjaan modifikasi template yang saya garap, akhirnya saya berhasil melewatinya dengan senyum.

Dalam rangka menyambut ramadhan, banGozan juga tidak mau ketinggalan untuk ikut berlomba-lomba dalam menebarkan kebaikan, yaa salah satunya dengan berbagi pengetahuan seputar cara membuat tombol read more otomatis pada postingan saya kali ini, yaa maklumlah saya bukanlah seorang ustad jadi inilah salah satu cara saya menebarkan kebaikan dibulan suci ramadhan...hehe... Okelah saatnya kita mulai praktek, silahkan disimak tutorial berikut ini :

1. Masuk ke Blogger
2. Pilih Menu Template, lanjutkan ke Edit HTML
3. Gunakan ctrl+f untuk mencari kode ]]></b:skin>
4. Copy kode dibawah ini dan taruh tepat diatas kode ]]></b:skin>

.post-thumbnail{float:left;margin-right:20px}

5. Setelah itu cari kode <data:post.body/> lalu, ganti dengan kode panjang dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

 6. Lalu klik SIMPAN TEMPLATE


Sekarang blogspot sohib karib sudah terpasang tombol Readmore otomatis, apa saja keuntungan dari tutorial saya diatas ??, berikut ini keuntungannya antara lain :

    1. Kamu tidak perlu lagi merubah setelan posting setiap kali kamu memposting artikel.
    2. Tidak perlu menekan tombol "Jump Break" setiap kali posting.
    3. menimbulkan efek positif pada blog kamu karena jadi lebih SEO Friendly Brooo...
    4. Tanpa memasukan javasript, sehingga postingan lebih fastloading.

image source : http://jennyfisher.org/wp-content/uploads/2011/03/Read-More-Knowledge-if-Power.jpg