Tip Membuat Potongan Kalimat di Blogspot

Saturday, February 2, 2008

Bagaimana memotong postingan di blogspot dengan kata “baca selengkapnya..” atau “read more..” sehingga yang tampil di halaman depan hanya separuh postingan dan postingan lengkap akan muncul apabila link “baca selengkapnya..” atau “read more..” di klik
Sebenarnya fasilitas ini nggak ada di blogger/blogspot, tapi kalo pake wordpress fasilitas ini udah ada, cukup klik dimana kamu pengen memotong postingan, kemudian klik icon
Disini, saya dapat sebuah artikel dari http://seuntaikenangantiptrik.blogspot.com/2007/05/tip-memotong-postingan-di-blogspot.html tentang tata cara membuat potongan kalimat tersebut.
Untuk pengguna blogspot, berikut ini langkah modifikasi yang bisa dilakukan. Trik ini menggunakan css untuk menyembunyikan sebagian post, sehingga hanya bagian yang diinginkan saja yang tampil di halaman depan.


Untuk New Bloger(Bloger Baru)
Caranya:
• 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 tag atau tepat sesudah kode
} ]]> seperti ini:




Selanjutnya mengatur supaya postingan terpotong, cari kode

dalam template kamu dan tambahkan kode dibawah ini:


Read More..


• Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik sisa postingan sampai selesai . Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose


Bloger Lama (clasik)

Pertama buka template blogger kamu, kemudian tambahkan CSS berikut, CSS biasanya terletak di antara tag



span.selengkapnya {display:none;}


span.selengkapnya {display:inline;}



Dengan style ini, kita membuat sebuah class di css dengan nama “selengkapnya” dan hanya akan tampil ketika postingan berdiri sendiri (post page).

Langkah kedua adalah menambahkan kode untuk menampilkan link “baca selengkapnya…” tambahkan kode berikut setelah kode < $BlogItemBody$> pada template kamu:




baca selengkapnya..



kamu bisa mengganti tulisan “baca selengkapnya..” atau "Fullpost" dengan kata lain yang kamu suka!
Setelah mengkopi kode-kode diatas kedalam template kamu, Save Template dan Republish.
Langkah terakhir adalah melakukan modifikasi setiap kali kamu membuat postingan. Ketika membuat berita yang akan dipotong, selalu gunakan mode Edit Html bukan Compose mode , dan tambahkan kode seperti contoh berikut ini:


Ini adalah awal postingan dan akan dipotong disini. Ini adalah akhir postingan saya


Maka akan menghasilkan sebuah postingan seperti ini:
Ini adalah awal postingan dan akan dipotong disini. baca selengkapnya..
ketika link di klik maka akan menampilkan postingan secara penuh seperti ini:

Ini adalah awal postingan dan akan dipotong disini. Ini adalah akhir postingan saya.

*Isnaini.com
source: http://seuntaikenangantiptrik.blogspot.com/

3 Comments:

Dreamer, Lover and Fighter said...

wah...bahasane mbingungke,
alu diajari private,yo..!!!

Dreamer, Lover and Fighter said...

kapan-kapan aku diajari private, kanggo update ngginku, OK...!!?

Dreamer, Lover and Fighter said...

kapan-kapan aku diajari private, kanggo update nggonku, OK...!!?

 
ES-TE-EM-JE - Wordpress Themes is powered by WordPress. Theme designed by Web Hosting Geeks and Top WordPress Themes.
por Templates Novo Blogger