Auto Readmore Thumbnails Tanpa JavaScript Versi III

Niammuddin Mz Desember 02, 2014
Cara Membuat Auto Readmore Thumbnails Tanpa JavaScript Versi baru - halo sobat blogger sebelumnya kang niam sudah pernah bahas tutorial membuat auto readmore with thumbnails wordpress, nah kali ini saya akan bahas lagi cara membuat auto readmore, ini khusus blogger blogspot, autoreadmore blogger ini beda dengan auto readmore sebelumnya, bila auto readmore versi sebelumnya menggunakan JavaScript maka kali ini akan menggunkana html dan Css saja, kebayangkan.. kalau gak pake JS, yang pasti akan mengurangin query blog kita saat di load, saat loading menjadi lebih ringan.

Bagi yang sudah pasang auto readmore dengan javascrt silahkan di hapus dulu.

Langkah1
Masuk Dasboard >> Rancangan >> Edit HTML lalu Expand Widget Templates

Langkah2
{code type=xml}
Cari kode ini :
{/code}

Langkah3
Hapus kode diatas dan ganti dengan kode dibawah ini:
{code type=xml}

{/code}
Langkah4
Tambahkan style thumbnails images nya dengan Kode CSS dibawah ini:
{code type=css}
.thumb img { float: left; margin: 0 10px 10px 0; }
{/code}
{code type=xml}
Taruh saja diatas kode : ]]>
{/code}
Langka5
Save template kamu dan lihat hasilnya.
Untuk mengantisiasi terjadinya kesalahan silahkan backup terlebih dahulu template blogger kamu.
,

Tidak ada komentar :

Posting Komentar

Leave A Comment...