Cara Membuat Readmore atau Baca Selengkapnya di Blog

---

Unknown on 11.23

---

Membuat Readmore atau Baca Selengkapnya menurut saya salah satu bagian yang perlu diterapkan di blog, dengan readmore akan mempercantik blog terlihat lebih profesional dan pengunjung lebih bisa melihat secara keseluruhan artikel-artikel anda dalam satu penglihatan.

contoh blog yang membuat readmore silakan berkunjung ke http://bloognyaagooes.blogspot.com

Bagaimana cara membuat readmore atau baca selengkapnya di blog berikut panduannya

Langkah Pertama
Login ke Blog anda
Buka halaman design > Edit HTML > centang Expand template widget
Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
Paste kode berikut tepat dibawah </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'/>

Langkah Kedua
Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian). Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
Jika sudah ketemu silahkan anda ganti kode tersebut 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: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>

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. berikut ini adalah keterangannya data yang bisa dirubah :

summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
Anda 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 anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda 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.

Demikian semoga membantu anda memperbaiki blog anda

Selamat Mencoba

Filled Under:

Tips blog