Rabu, 16 Maret 2011

Cara Memasang Readmore Otomatis


Fungsi Readmore/baca selengkapnya pada posting adalah untuk menghemat halaman depan website/blog agar tidak terlalu panjang, selain itu juga dapat merangsang pengunjung untuk membaca salah satu posting di halaman depan website/blog tersebut.

Nah jika berkeinginan untuk pasang readmore otomatis pada blogspot Anda, silahkan ikuti langkah-langkahnya sebagai berikut:

Sebelum memulai memasang readmore otomatis pada blogspot/blogger Anda, ada baiknya perhatikan hal-hal sebagai berikut :
  1. Download dan simpan template Anda terlebih dahulu, karena jika pemasangan gagal anda masih bisa mengembalikan blog anda seperti semula;
  2. Jangan lupa untuk memberi tanda centang pada tulisan Expand widget template;
  3. Untuk memudahkan pencarian code, gunakan tombol Find, caranya pada browser Anda klik pada menu Edit lalu pilih Find atau melalui keyboard komputer Anda, tekan Ctrl + F, lalu copy paste code yang mau dicari ke dalam kotak Find lalu Enter/Next;
  4. Ini yang paling penting, apabila sebelumnya Anda sudah menggunakan Readmore versi lama, maka hapus dulu codenya.

Adapun langkah-langkah Cara Pasang Readmore Otomatis adalah sebagai berikut:
  1. Login ke Account Blogger Anda;
  2. Masuk ke halaman Edit HTML, lalu diatas kode  letakkan script di bawah ini:


  3. Cari dan ganti kode  dengan semua kode dibawah ini:



    READMORE -


    Keterangan:

    Biasanya kode:  berada di bawah kode: 
    , maka untuk memudahkan pencarian kode tersebut gunakan tombol Find seperti penjelasan di atas.
  4. Simpan/Save Template, selesai.


Keterangan:

Kita dapat menentukan letak tumbnail (gambar), jumlah karakter tulisan baik tanpa maupun dengan tumbnail serta tinggi dan lebar tumbnail pada postingan dengan cara merubah kode merah tebal di atas dan berikut penjelasannya :
  1. var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;
  2. summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
  3. summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
  4. img_thumb_height = 120;: Tinggi thumbnail dalam ukuran piksel;
  5. img_thumb_width = 120;: Lebar thumbnail dalam ukuran piksel;
  6. READMORE-: Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang Readmore, Anda bisa menghapus code script ini .

Tidak ada komentar:

Posting Komentar