Auto read more dipakai untuk memotong tulisan pada artikel blog agar terlihat lebih cantik dan loadnya lebih cepat,biasanya dipasang pada halaman depan blog yang terdapat sejumlah postingan jika tidak dipotong maka akan terlihat memanjang kebawah yang membuat tampilan blog tidak simple dan memberatkan loading saat diakses oleh pembaca. Kali ini saya akan mencoba memberikan tips membuat auto read more untuk blog kesayangan anda.Auto read more ini tidak menggunakan gambar atau thumbnail yang membuatnya berbeda dari postingan saya kemarin yang berjudul
Auto read more dengan JavaScript namun tetap menggunakan JS (javascript) hanya saja kita modifikasi sedikit agar lebih cantik. Kita mulai saja dengan mengucapkan BasmAllah ...-بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ-
Langkah-langkahnya sebagai berikut:
- Seperti biasa buka dasboard edit HTML blog anda
- Backup dulu template anda dan upload kembali
- Cari code berikut var thumbnail_mode = "yes";
- Ganti dengan kode ini var thumbnail_mode = "no";
Untuk membuat tulisan readmorenya berada di kanan ikuti langkah berikut ini:
- Cari kode berikut a class='more' expr:href='data:post.url'>Selengkapnya
- Ganti dengan kode ini a class='more' expr:href='data:post.url' style='float:right'>Selengkapnya
- Save Template
Untuk menghapus judul di belakang read more atau menggantinya dengan sebuah symbol seperti di blog ini ikuti langkah ini:
- Cari kode html ini a class='more' expr:href='data:post.url' style='float:right'>Selengkapnya
- Klik link ini Kode HTML Symbolis
- Pilih Symbol yang di inginkan
- Copy symbol pada kolom Entity Number terpilih
- Pastekan di belakangnya
- Save template anda
Selesai sudah tips dari saya semoga bermanfaat dan tunggu tips berikutnya
salam blogger
BalasHapus@Asmara Susanto:gagalnya dimana bro?
BalasHapuskeren mas blognya :)
BalasHapuskunjung blog saya juga ya http://catatanlinuxku.blogspot.com