Auto Readmore blogger yang benar dan Ringan tanpa javascript

Blogger memang sarana yang pas buat yang suka membuat artikel
pertama kali terjun di dunia blogger, saya agak jenuh dan sedikit kurang nyaman dengan tampilannya.
mungkin karena dulu saya selalu nimbrung di dunia wapsite seperti di wen.ru dan xtgem.

Tidak seperti di wapsite yang lebih mengutamakan tampilan yang bling-bling dan banyak pernak-pernik.
blogger mempunyai tampilan khusus yang nyaman,
Interface yang user friendly dan sederhana namun mempunyai begitu keunikan.
Ya, sederhana.

Jika kamu sering membongkar file xml nya, maka dengan mudah kamu bisa membaca tag kondisionalnya

Platform dari Google ini memang layak diacungi jempol dan selain itu juga gratis

Bagi Anda yang yang pertama kali terjun ke dunia blogger, jangan ragu untuk mencari referensi tentang Blogger. tentunya di Google

Buat anda yang nyasar disini, ayo kita belajar bareng
Bertukar pikiran bareng.

Dulu awalnya saya suka memodifikasi template bawaan blogger, kurang puas dengan hasil karya sendiri akhirnya searching template gratis yg tersebar jutaan jumlahnya di internet.
Bahkan yang premiun sekalipun

Namun lagi-lagi hasil karya sendiri dari nol lah yang membanggakan, bikin semangat membuat artikel dan tentunya jadi semakin dan tau tentang xml blogger.

Yang lagi bikin template baru dari nol , semangat.
Banyak orang yg bisa memiliki template premium.
Tapi gak semuanya bisa seperti anda

Mari kita langsung ke tutorial cara membuat readmore blogger yang benar dan tanpa java script

Read More Blogger

Pertama, login ke akun blogger Anda kemudian edit template html dan temukan kode berikut ini

 <data:post.body/>

untuk mempermudah pencarian, manfaatkan fitur pencarian. Tekan tombol CTRL + F untuk pengguna laptop

Biasanya kode tersebut di dalam template ada lebih dari satu.
ada yang 2 ada yang 3 dan ada yang 4 .
saya sarankan untuk fokus ke yang kedua dulu


Hapus <data:post.body/> yang kedua tadi kemudian pastekan kode berikut ini, kemudian klik simpan

<!-- AUTO READMORE colongan.com -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<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/>
<a class='button' expr:href='data:post.url'><data:post.jumpText/></a> 
</di>
</b:if> 
</b:if> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<data:post.body/> 
</b:if> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<data:post.body/> 
</b:if>
<!-- END AUTO READMORE -->

yang saya tandai itu link gambar default yang muncul bila postingan kamu tidak memakai gambar, silahkan ganti sesuai selera

langkah selanjutnya pasang css ini di kumpulan css kamu

 .thumbnail-post { width:100px; height:100px; float:left; margin:0px 10px 0px 0px; }

jika menurutmu ukuran gambar kurang pas, silahkan sesuaikan ukurannya menurut selera masing-masing

Kemudian Simpan Template

coba sekarang cek blog kamu apakah Read more nya sudah berfungsi dengan baik

kalau berhasil maka postingan blog kamu sudah ada Read more nya.
Jika gagal coba hapus semua kode Read More tadi dan kembalikan lagi ke <data:post.body/>.
Pasang kode Read More ke <data:post.body/> yang berikutnya seperti langkah tadi dan cek mana yang berhasil

Kelebihan dari memakai auto Read More ini adalah Ringan karena tidak memakai javascript

Cara mengganti tulisan Read More / selengkapnya bisa kalian ganti di Tata letak Edit Blog

jika ada yang kurang jelas maupun bla bla bla... silahkan coret-coret di kolom komentar.

mungkin juga kamu tertarik untuk membaca ini :

Terima kasih, salam Colongan !

Bantu kami lebih baik lagi.
Apa Reaksi anda tentang blogger :
"Auto Readmore blogger yang benar dan Ringan tanpa javascript" ?