Cara ini banyak di share para writers.Karena cara ini banyak dicari oleh para blogging.Selain untuk mempersimple posting agar tidak ditampilkan penuh,cara ini juga bisa membuat loading blog sobat cepatomat.Wah cara apakah itu?.Hmm...caranya mudah kok tinggal edit-edit script template blog sobat.
Namanya Cara membuat tombol Baca Selengkapnya {ReadMore} otomatis.
Apa itu Baca Selengkapnya {ReadMore}?. Sudah saya rangkum tadi Baca Selengkapnya {ReadMore} adalah Cara untuk mempersimple posting agar tidak ditampilkan satau halaman penuh dengan cara memotong sebagian tulisan yang akan menjadi screenshot setiap posting.Selain itu cara ini digunakan untuk memperapi tampilan blog sobat.Sobat bisa mengubah berapa banyak kata yang akan di tampilkan di halaman utama.Begitu pengunjung membuka Baca Selengkapnya {Readmore}, barulah pengunjung bisa membaca artikel penuh blog sobat.
Mengerti bukan? begitu mudah tetapi begitu banayak kegunaannya.
Ikuti langkah-langkahnya:
1. Login ke Blogger.com dengan akun anda.
2.Buka Rancangan
3.Pilih Edit HTML
4.Buka Notepad atau Software pengolah kata lainnya. {digunakan untuk mengcopy seluruh isi template blog sobat,jika terjadi kesalahan anda bisa memperbarui template blog sobat dengan template blog sobat yang sudah di copy tadi}
5. Tekan F3 atau bisa juga menekan Ctrl + F untuk menampilkan kotak search pada Pc anda.
6.Masukan kode ini pada kotak pencarian kata tadi dengan kode </head>.
7.Setelah berhasil ditemukan pasang script ini Tepat Dibawahnya.
<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://dl.dropbox.com/u/69408445/Software/Script%20readmore%20otomatis.js' type='text/javascript'/>
*Sobat bisa merubah kode berwarna sesuai keinginan sobat*
- 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.
- Sobat juga bisa mengubah link berwarna dengan link sobat yang tentunya file dari link tersebut sama dengan file dari saya.
8. Cari kode ini <data:post.body/> atau <p><data:post.body/></p>
9.Setelah berhasil ditemukan gantilah kede tersebut dengan kode 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://dl.dropbox.com/u/69408445/Software/readmore%20logo.jpg"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
10.Simpan template.
Semoga bermanfaat.
Post a Comment