Cara Menampilkan Postingan dengan "Read More/baca selengkapnya" Otomatis Di Blog

Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis. Kita bisa menentukan berapa ketinggian dan lebar  postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA: Cari kode </head> Caranya yaitu masuk pada "Rancangan" kemudian klik edit "HTML ". Disana ada banyak tulisan dengan kode kode dan cari " </head> ". Lali masukkan script di bawah ini persis dibawah kode tersebut.

<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>


KEDUA: Cari kode pada kolom yang sama berikut ini :


<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah 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'>READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>



Keterangan : Angka yang berwarna HITAM (disini dihitamkan untuk memepermudah pencarian) adalah yang bisa anda ganti.

Summary noimg 430 = tinggi artikel terpenggal tanpa image

Summar img 430 = tinggi artikel terpenggal dengan image

Sefangkan Readmore (warna merah) bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA: Klik save template


Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

Yang perlu di perhatikan dalam pengeditan ini adalah. Jangan menghapus, mengganti kode yang memang tidak di tuliskan atau di copaskan. karena salah satu kode saja bisa berakibat fatal. Artinya tampilannya bisa tidak sesuai dengan apa yang diharapkan.

Untuk mengetahuinya, biasakan mengkil "pratinjau/review" sebelum menyimpan/save tampilan. Sehingga kesalahan yang tidak fatal tidak akan terjadi. Ketika review atau tampilan pada pratinjau tidak sesuai dengan yang kita maksud. maka kembalikan pada keadaan semua dengan Undo (klik ctrl+Z) selain itu bisa langsung pindah saja dengan mengklik apapun. nanti akanada tampilan "save" dan "no" atau "simpan" dan "tidak", pada saat itu anda klik "tidak" atau "no".

Setelah itu kembali lagi untuk mengedit, dan pada saat itu akan didaptkan tampilan yang semula (sebelum di edit HTMLnya"

sumber by

http://zona-klik.blogspot.com/