Sunday, May 6, 2012

Cara Buat Read More Otomatis

Cara membuat Read More otomatis di Blogspot bisa dilakukan dengan menambahkan kode javascript pada template blog. Kali ini aku akan mengulas mengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak diulas juga? wah kalau read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai pengulasan mengenai cara membuat read more otomatis di blogspot.
Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum kita melanjutkan  ke cara membuat read more otomatis di blogspot mungkin lebih baik kita tahu apa itu read more dan apa fungsi dari read more? Read more bila diterjemahkan ke dalam bahasa indonesia berarti " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan kamu bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog kamu. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di Blogspot
•    Pertama login ke akun Blog kamu
•    Kemudian buka halaman design > Edit HTML > centang Expand template widget
•    Cari kode </head> (gunakan CTRL + F untuk mempermudah pencarian)
•    Kemudian letakkan kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 400; summary_img = 325; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
•    Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasa gunakan CTRL + F untuk mempermudah pencarian. Jika ternyata ditemukan 2 kode yang sama, maka gunakan atau ganti yang pertama.
•    Jika sudah ketemu silahkan kamu ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

•    Langkah terakhir adalah simpan template dan kemudian lihat hasilnya
Cara membuat Read More otomatis di Blogspot ini bisa kamu ubah sebagian. Yang bisa diubah adalah sebagai berikut :
1.    summary_noimg = 400; apabila artikel kamu tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 400 huruf
2.    summary_img = 325; apabila artikel kamu berisi gambar maka yang akan tampil pada halaman depan adalah 325 huruf dan gambar
3.    img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
4.    img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
5.    Kamu juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang kamu inginkan. Atau kamu ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka kamu tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Itu tadi sedikit tips, semoga bermanfaat buat kamu-kamu semua.

1 comment:

  1. kata mutiara hari ini:
    “Kenalilah musuhmu, kenalilah diri sendiri. Maka kau bisa berjuang dalam 100 pertempuran tanpa resiko kalah. Kenali Bumi, kenali Langit, dan kemenanganmu akan menjadi lengkap.”

    nice artikel ditunggu kunjungan baliknya

    http://bilogizma.blogspot.com/

    ReplyDelete