Senin, 05 Oktober 2009

Cara Membuat Baca Selengkapnya Di Blog

Biasanya dalam artikel sebuah blog yang terposting hanya menampilkan cuplikan dari halaman teratas artikel / tulisan. Tentunya tujuannya agar yang membacanya tidak terlalu panjang, apalagi kalau artikel yang di posted lebih dari satu , tentu orang yang baca akan capek scroll ,mousenya. Bagamana membuat tulisan tersebut hanya ditampilkan sebagian kecil saja, sehingga apabila ada yang mau membaca secara secara utuh dia hanya tinggal klik aja Selengkapnya atau bisa dimodifikasi dengan baca selengkapnya dan dengan kata yang lainya menurut selera pemilik blog.

Caranya seperti ini :

* Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
* Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
* Masukkan kode berikut sebelum kode</head> atau tepat sesudah kode } ]]></b:skin> seperti ini:

<style><b:if cond='data:blog.pageType == "item"'> span.fullpost

Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

<b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.

Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Selengkapnya... muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose Contoh penulisan posting:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link
Selengkapnya... diklik

Hasil akhir postingan akan seperti ini:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.
Selengkapnya...Selamat Mencoba!

Tidak ada komentar:

Posting Komentar