Cara Membuat Read More Otomatis di Blog

Read More Otomatis

Cara Membuat Read More Otomatis di Blog- Membuat readmore/baca selengkapnya di blogspot/blogger dapat mengurangi penggunaan halaman blog. Selain itu, dengan membuat readmore otomatis blog kita juga terlihat lebih rapi. Dengan memasang readmore otomatis, kita bisa berapa banyak huruf yang akan ditampilkan di halaman depan blog. Jika pengunjung blog membuka baca selengkapnya/readmore, artikel akan terbuka seluruhnya. Untuk membuat readmore otomatis pada blog kalian dapat mengikuti cara berikut.

Langkah-langkah membuat readmore otomatis di blog.

• Login ke Blogger
• Klik Template > edit HTML
• copy semua kode HTML (untuk berjaga jika gagal)
• Cari kode </head> untuk mempermudah pencarian gunakan CTRL+F
• Copy&Paste kode di bawah, dan letakkan tepat di bawah kode </head>

    <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

• Kemudian cari kode <data:post.body/> atau <p><data:post.body/></p>
• jika terdapat dua kode, ganti kode yang pertama dengan kode di bawah

    <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: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 == "item"'><data:post.body/></b:if>

• Klik simpan dan lihat hasilnya

Keterangan cara membuat readmore otomatis di blog.

•  summary_noimg = 430; jika artikel tanpa gambar, akan ada 430 huruf yang tampil di halaman depan blog
• summary_img = 340; jika artikel dengan gambar, akana ada 340 huruf yang tampil di halaman depan blog
• img_thumb_height = 100; ukuran tinggi gambar yang tampil di halaman depan blog
• img_thumb_width = 120; ukuran lebar gambar yang tampil di halaman depan blog
• Kalian juga dapat merubah icon readmore http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif   dengan url icon yang diinginkan. Selain itu kita juga dapat merubah icon menjadi tulisan ReadMore/Baca Selengkapnya dengan cara menghapus kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> dan menggantinya dengan tulisan.

Semoga artikel ini bermanfaat, terimakasih-Cara Membuat Read More Otomatis di Blog

Anda baru saja membaca artikel yang berkategori Blogger / Pengetahuan / Tutorial dengan judul Cara Membuat Read More Otomatis di Blog. Anda bisa bookmark halaman ini dengan URL http://belajarbersamabloggerklaten.blogspot.com/2013/05/cara-membuat-read-more-otomatis-di-blog.html. Terima kasih!

Ditulis oleh: Unknown - Sabtu, 25 Mei 2013