Pasang Auto 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:
    var thumbnail_mode = “float” ;summary_noimg = 250;summary_img = 250;img_thumb_height = 120;img_thumb_width = 120;

    //<![CDATA[function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i“)!=-1){s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);}}strx = s.join(“”);}chop = (chop =1) {imgtag = ‘‘;summ = summary_img;}var summary = imgtag + ‘

    ‘ + removeHtmlTag(div.innerHTML,summ) + ‘

    ‘;div.innerHTML = summary;}//]]>

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

    createSummaryAndThumb(“summary”);
    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 .

= = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

Advertisements

About nellohl

Just For Fun in Here..!!! are you ok..?? Ready,,,,,,

Posted on January 26, 2011, in Tutorial Blog. Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s