Cara Membuat Auto Read More

"Read More" bukanlah kata yang jarang kita dengar. Tentunya kita sering melihat kata ini terutama pada blog-blog milik orang lain. Pada umumnya, jika kita membuat blog, kemudian membuat sebuah postingan, pasti pada halaman depan (front page) blog kita tertulis postingan yang kita tulis secara lengkap. Mungkin tidak masalah jika postingan kita hanya sedikit, tapi apakah blog yang kita buat hanya diisi dengan sedikit post? tentu tidak, dan apabila kita menulis banyak postingan, kita mungkin bisa mengatur berapa postingan yang akan ditampilkan di halaman depan, tapi apakah kita akan menampilkan sedikit postingan saja di halaman depan? Walaupun sedikit, tapi jika postingan tersebut berisi banyak, akan memperlambat proses membuka blog tersebut.

Disinilah Read More digunakan. Dengan menggunakan Read More ini, kita dapat menampilkan banyak postingan di halaman depan, tanpa harus mengkhawatirkan akan menjadi lambat. Dengan menggunakan Read More, pada halaman depan hanya akan ditampilkan judul postingan, dan uraian singkat dari isi posting tersebut. Sehingga tampilan halaman depan juga akan menjadi rapi.

Kali ini saya akan membahasa Cara Membuat Auto Read More. Dengan Auto Read More, semua postingan yang dibuat, akan otomatis menjadi uraian singkat pada halaman depan blog kita.

Langkah-langkah Membuat Auto Read More :

1. Yang pertama pastinya anda harus log-in terlebih dahulu :D

2. Setelah log-in, anda otomatis akan masuk ke dashboard, lalu klik "Design".

3. Pilih "edit HTML"

4. Disarankan anda mendownload template anda terlebih dahulu, agar jika terjadi kesalahan, anda masih mempunyai back up template anda. Kemudian centang "Expand Widget Templates".

5. Carilah kode dibawah ini (gunakan Ctrl+F agar lebih cepat) :

</head>

6. Copy-paste kode berikut tepat diatas/sebelum </head> :

<script type='text/javascript'>

var thumbnail_mode = "no-float" ;

summary_noimg = 400;

summary_img = 300;

img_thumb_height = 100;

img_thumb_width = 100;

</script>

<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

Kode yang berwarna putih bisa diganti sesuka anda.

Summary_noimg = 400; = jumlah karakter yang muncul jika tanpa gambar.

Summary_img = 300; = jumlah karakter yang muncul jika menggunakan gambar.

img_thumb_height = 100; = tinggi gambar yang muncul (dalam pixel).

img_thumb_width = 100; = lebar gambar yang muncul (dalam pixel).

7. Carilah kode dibawah ini (gunakan Ctrl+F agar lebih cepat) :

<data:post.body/>

Ganti kode <data:post.body/> dengan kode dibawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<div style='clear: both;'/>

<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more >> </a></span>

</b:if>

</b:if>

Anda bisa mengganti "Read more >>" dengan kata-kata anda sendiri. Atau jika anda ingin mengganti kata tersebut dengan gambar, anda bisa mengganti "Read more >&gt;" dengan kode ini :

<img src='url gambar readmore'/>

Ganti url gambar readmore dengan url gambar yang anda inginkan.

8. Save Template.

Sekarang jika anda membuat posting, postingan anda sudah otomatis menjadi Read More.

:D

Makasi ya udah baca artikel ini ^^. Suka artikel Cara Membuat Auto Read More ini? Silahkan copas artikel Cara Membuat Auto Read More ini ke website anda, tapi jangan lupa sertakan juga alamat linknya juga :
<a href=' http://ryan-adhi.blogspot.com/2011/10/cara-membuat-auto-read-more_1164.html '> Cara Membuat Auto Read More </a>
regards,