28 Oktober 2009

Membuat Readmore Pada Blogspot Baru

28 Oktober 2009

Sebelumnya blogspot belum memberikan tombol Jump Break atau Readmore untuk memenggal artikel agar tidak terlalu panjang dalam tampilan diblog kita nantinya. Untuk melengkapi ulang tahun google yang ke 10 kemaren meluncuncurkan beberapa fiture tambahan yang salah satu diantaranya menambahkan menu jumbreak pada Menu Posting. Sebelumnya sobat harus update terlebih dulu ke post editing terbaru yang caranya sudah saya postingkan dan silahkan baca disini.
Tombol jumpbreak ini fungsinya untuk memotong artikel agar tidak tampil semua pada tampilan awal disetiap artikel, untuk menghindari kesan yang terlalu panjang pada halaman blog kita nantinya. Untuk menggunakan tombol readmore/jumpbreak ini sobat harus dalam posisi Compose kemudian letakkan Jumbreak antara paragraf, namun tombol jumbreak/readmore ini tidak lansung muncul pada tiap - tiap artikel, sobat harus menambahkan kode HTML. Berikut langkah - langkahnya :

1. Masuk Pada Dasboard blog ID anda
2. Pilih Layout/Tata Letak
3. klik Tab Edit HML
4. Centang pada Pilihan Expand Template Widget
5. Cari Kode kurang lebih seperti ini, untuk lebih cepat dalam pencarian klik tombol CTRL + F pada keyboard.
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Copykan kode berikut persih dibawah kode diatas tadi.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
6. Pilih Simpan Template / Save Template dan selesai.
Salam Ngeblog...

Baca Juga Artikel Lainnya untuk Tutorial Blogspot :


Related Posts :

Info Menarik :

0 comments:

Posting Komentar

 
Copyright © 2009 Tips | Trik Ilmu Komputer | Ebook Gratis
Di tulis oleh Hasanaji Menggunakan Blogger