Translate Page in

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

PleaSE CLick one ads for donation my blog thanks

Sabtu, 17 September 2011

33

Auto Read More tanpa gambar

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:
  1. Seperti biasa buka dasboard  edit HTML blog anda
  2. Backup dulu template anda dan upload kembali
  3. Cari code berikut var thumbnail_mode = "yes";
  4. Ganti dengan kode ini var thumbnail_mode = "no";
Untuk membuat tulisan readmorenya berada di kanan ikuti langkah berikut ini:
  1. Cari kode berikut a class='more' expr:href='data:post.url'>Selengkapnya 
  2. Ganti dengan kode ini a class='more' expr:href='data:post.url' style='float:right'>Selengkapnya
  3. Save Template
Untuk menghapus judul di belakang read more atau menggantinya dengan sebuah symbol seperti di blog ini ikuti langkah ini:
  1. Cari kode html ini a class='more' expr:href='data:post.url' style='float:right'>Selengkapnya
  2. Klik link ini Kode HTML Symbolis
  3. Pilih Symbol yang di inginkan 
  4. Copy symbol pada kolom Entity Number terpilih
  5. Pastekan di belakangnya
  6. Save template anda
Selesai sudah tips dari saya semoga bermanfaat dan tunggu tips berikutnya

    3 komentar: