Cara Mudah Membuat Readmore Otomatis

Membuat Readmore Otomatis-Readmore atau baca selengkapnya merupakan salah satu teknik posting yang hanya menampilkan bagian depan dari artikel pada halaman utama blog. Cara ini banyak disukai blogger termasuk saya, karena dapat menampilkan cuplikan beberapa artikel di halaman utama tanpa menyita banyak tempat. Dengan demikian pengunjug dapat memilih alternatif artikel yang paling dicari dari beberapa cuplikan artikel yang ada di halaman utama. Nah kalau pada kesempatan sebelumnya saya sudah sharing tentang cara membuat form kontak, maka kali ini sya ingin berbagi pengalaman saya saat membuat readmore otomatis. Mengapa harus memilih readmore otomatis? Readmore otomatis tidak perlu menuliskan readmore/baca selengkapnya di setiap menuliskan artikel.Readmore otomatis hanya sekali setting seterusnya berjalan otomatis, pemenggalan paragraf/kalimat berjalan dengan sendirinya. Jika sobat berminat berikut ini langkah-langkahnya;
1. Login ke blogger dengan ID Anda
2. Setelah di Dasbor klik Rancangan lalu klik Edit HTML
3. Untuk mengantisipasi hal-hal yang tidak diinginkan saat memasang kode html, backup dulu blog Anda dengan klik Download template lengkap.
4. Jangan lupa centang kotak Expand widget template
5. Cari kode </head> di halaman edit html
6. copy paste kode dibawah ini tepat di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

7. Selanjutnya cari dan ganti kode <data:post.body/> dengan kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

8. Klik simpan template, silahkan klik lihat blog.

Bagi Anda yang sudah memasang readmore model lama jika ingin mengganti yang otomatis maka kode yang lama harus dihapus dulu.

Selamat membuat readmore otomatis semoga berhasil.

Menarik untuk Dibaca:

Trik Blog

• Akibat Jarang Update Blog
• Membuat Widget Label dalam Scrolbar
• Membuat Breadcrumbs Terindeks Google
• Membuat Widget Entri Populer Cantik
• Segera Nonaktifkan Arsip Blog Anda
• Cara Mengatasi Kredensial OpenID
• Mendulang Trafik dan dollar dari Easyhits4u
• Survey Dibayar Dollar dan Triffic
• Menimbang Penting Tidaknya Buku Tamu
• Melihat Posisi Artikel di Google
• Membuat Background pada Judul Sidebar
• Mengatur Gerak Teks Menggunakan Mouse
• 2 Langkah Pasti Mendatangkan 1 Juta Pengunjung
• Cara Mempertahankan Alexarank
• Membuat Artikel Tampil di Halaman Pertama Google
• Cara Membuat Video Dalam Posting
• Cara Membuat 3 Kolom Tambah Gadget
• Ping Spesial Agar Googel Langsung Mengindeks Artikel
• Trik Jitu Mempercepat Loading Blog dengan Compres CSS
• Trik Mengaktifkan Fitur Simpan dan Keluar pada Mozilla Firefox 4

Tutorial

• Akibat Jarang Update Blog
• Cara Membuat Email Khusus PNS
• Menampilkan Data Dengan Memasukkan PIN
• Memproteksi dan Menyembunyikan Formula Excel
• Membuat Background pada Excel
• Membuat Tombol Menu Pada Excel
• Menyembunyikan Tab Sheet pada Excel
• Memberi Warna Angka Otomatis di Excel
• Memberi Warna Otomatis pada Cell
• Membuat Widget Label dalam Scrolbar
• Membuat Breadcrumbs Terindeks Google
• Tutorial Melakukan Disput Payza
• Membuat Widget Entri Populer Cantik
• Segera Nonaktifkan Arsip Blog Anda
• Cara Ampuh Melindungi Acoount Gmail
• Menambahkan Rekening Bank ke Payza
• Transfer Saldo Egopay ke Payza
• Menambahkan Kartu Debet Payza ke Akun Paypal
• Cara Membuat Akun Egopay
• Cara Aktivasi Kartu Debit Payza