Cara buat Auto Readmore Thumbnail Valid Tanpa Javascript di Blog

Readmore atau baca selengkapnya adalah  pemenggalan kalimat pada suatu paragraf. Fungsi memasang auto readmore pada blog untuk membuat blog terlihat rapi dan tidak tampilan artikel di homepage tidak melorot panjang ke bawah. Untuk pemasangan auto readmore bisa di lihat di halaman depan blog saya yaitu Creative Website. Dengan membuat auto readmore plus gambar (thumbnail) di blogspot / blogger tanpa javascript tentu  membuat loading blog semakin ringan dan cepat, lain  dengan blog yang menggunakan auto readmore dengan javascript (JS) jauh lebih lambat dalam membuka blognya (loading blog makin berat).

Cara buat auto readmore plus thumbnail tanpa javascript di blog
1. Login ke Blogger
2. Pilih Template => Edit HTML
3. Tekan Ctrl+F cari kode ]]></b:skin> lalu paste kode berikut diatasnya

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

Keterangan : Kode angka merah merupakan ukuran gambar (thumbnail), bisa anda ubah

4. Cari kode <data:post.body/> yang ke 2 atau 3 dan ganti dengan kode di bawah ini.

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis8PddOnkqem-y17JaB3kYANDxoHoQThyphenhyphennu4qenYoVsjWY8gWHv4JGuNZG06VkFpwxN5UW58Gm1EKgFSmh44wNdxNPqWaaVOaa6azZNbuj-YgsiINCvTM5x5nFsFgopQfw5c8Emcw-7W7U/s1600/picture_not_available.png'/></a></b:if>
<div class='post-snippet'>
<data:post.snippet/>
</div>
<div class='rm-button-wrap'>
<a class='button' expr:href='data:post.url'>Readmore</a>
</div></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>

5. Simpan

Terima Kasih Atas Kunjungan Anda
Judul: Cara buat Auto Readmore Thumbnail Valid Tanpa Javascript di Blog
Ditulis Oleh Bonjes
.Artikel ada beberapa yang dikutip dari berbagai sumber.Jika mengutip harap berikan link yang menuju ke artikel Cara buat Auto Readmore Thumbnail Valid Tanpa Javascript di Blog ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya