Minggu, 24 Juli 2011

Cara Praktis Memasang Readmore Otomatis, Mudah dan Cepat di Blogspot

Pada tutorial blog kali ini saya akan memberikan tips Cara Praktis Membuat Readmore Otomatis, Mudah dan Cepat di Blogspot. Readmore menjadi penting untuk dibuat ketika anda ingin membuat tampilan artikel pada halaman utama blog anda menjadi lebih pendek dan menarik. Dengan readmore kita bisa mengatur ketinggian atau lebar kalimat yang akan kita tampilkan pada halaman depan bolg kita. Kita juga bisa merubah tinggi atau lebar image sesuai selera. Tutorial ini saya persembahkan khusus bagi para blogger pemula yang ingin membuat readmore otomatis pada blog atau websitenya.

Ikuti langkah-langkahnya seperti di bawah ini:
1. Masuk ke akun blogger dengan ID anda
2. Pada Dasboard, anda pilih Rancangan (Design)
3. Pilih Edit HTML
4. Klik Download Full Template untuk memback up template anda jika terjadi kesalahan yang anda buat pada saat melakukan pegeditan. Sifatnya untuk berjaga-jaga saja.

5. Beri tanda checklist atau contreng pada tulisan Expand Widget Templates
6. Cari kode </head>  ini. Untuk mempermudah pencarian kode ini, anda tekan CTRL + F. Maka akan muncul sebuah kotak kecil pada kiri bawah yang ada tulisan Find (Find Bar). Selanjutnya anda copy kode html pada point 6 ini dan pastekan di dalam kotak pencarian tadi, maka secara otomatis akan muncul kode </head> dengan tulisan berwarna hijau seperti di atas.
7. Kemudian gantikan kode </head> ini dengan kode-kode berikut ini:

8. Langkah selanjutnya, cari kode ini <data:post.body/> di Find Bar anda. Caranya sama dengan point 6 di atas.
9. Jika sudah ketemu, gantikan kode tersebut dengan kode di bawah ini :

10. Klik Save Template atau Simpan
Keterangan : Tulisan seperti di bawah ini bisa anda ganti sesuka anda.

1.summary_noimg = 230;
Jumlah karakter dalam ringkasan atau kalimat yang dipenggal yang tidak berisi image atau gambar
3.summary_img = 140;
Jumlah karakter dalam ringkasan dengan gambar atau image
4.img_thumb_height = 100;
Tinggi image atau gambar
5.img_thumb_width = 100 : Lebar image.

CATATAN : Sebelum anda save template, sebaiknya anda klik PRATINJAU terlebih dahulu untuk mengecek apakah readmore yang sudah anda buat tadi cocok dengan yang anda inginkan. Kalau sudah OK, silahkan disimpan.
________________________________________

3 komentar:

blognya anak bone mengatakan...

nih readmore khusus untuk arsib aja yah?? kalau page / halaman kena juga yah ??

patrisiahayuningsih mengatakan...

Makasih ya sdh mampir. Readmore untuk arsip, gimana maksudnya. Readmore itu digunakan utk memperpendek tampilan artikel yang muncul di halaman depan biar kelihatan rapih dan menarik. Ya, seperti punyaku ini contohnya.

karangan bunga mengatakan...

saya masih bingung kalau menentukan berapa kata yang dipotong

Posting Komentar

Silahkan Memberikan Komentar Anda Di Bawah Ini, tapi Satu Hal Yang Perlu Diingat, Jangan memberikan Komentar Spam ya. Blog ini DOFOLLOW, berilah Komentar Yang Relevan Dengan Topik Yang Ada. Trima Kasih