11.28
Unknown
Bagi para blogger berbasis blogspot, sampai hari ini mungkin agak kesusahan untuk Membuat tampilan tulisan yang panjang secara efisien. Masalahnya secara Gimana cara menampilkan sebagian kecil tulisan (beberapa baris teratas) kemudian disusul dengan teks "Read More/Baca selengkapnya" atao "lanjut" atao apalah yang penting terlihat ringkas dan enak buat membaca tulisan. Baru setelah pengunjung tertarik pengin baca tulisan lebih lanjut, dia tinggal klik aja tuh teks "Read More/Baca selengkapnya" or "Lanjut" tadi. Bagi para surfer di internet pasti cara yang diuraikan tadi bukan sesuatu yang asing ya..khan..
A. MEMASANG KODE PADA TEMPLATE
Ga usah kebanyakan basa-basi yah... kita langsung saja ke permasalahan "Cara menambahkan Read More" dalam artikel berbasis Blogspot.
1. Buka template klik link: Layout-> Edit HTML -> Kasih tanda cek pada CheckBox "expand widget tempate"
2. Letakkan kode berikut PERSIS di ATAS nya kode
(Pengin cepat, gunakan fasilitas Find pada browser kamu).
3. Klo sudah, cari kode berikut:
(kalo ga ada, cari aja kode:
maupun
)Letakan kode berikut persis di bawahnya:
Read More..
4. Klik Simpan. Selesai.
5. Pergilah ke halaman SETTING, dengan klik link SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Tengoklah apakah sudah ada isi kode berikut. Jika belum isi saja kodenya secara manual. Kode dimaksud adalah ini nih....:
Trus, jangan lupa simpan hasil SETTING atao PENGATURAN-mu.
wa... melelahkan ya..? eit jangan khawatir, langkah-langkah tadi cukup kamu lakukan SEKALI AJA..... , kecuali kalo kamu mao ganti template, langkah tadi ya kamu ulangi lagi.... Makanya jangan keseringan gonta-ganti template ya...
Nah... sekarang gimana cara menggunakannya??
Klo yang ini musti kamu lakukan setiap kali kamu posting tulisan. Tapi kodenya cuma dikit kok, dan kamu bisa lakukan dengan teknik copy-paste.
B. PENERAPAN / PENGGUNAAN
Langsung aja ke contoh ya...
Misal tulisan posting kamu ASLI nya begini: (tanpa tanda kutip)
"Sebagai bloger atau webmaster, jika ingin memasukkan gambar ke blog/web, kita harus memilih tipe gambar yang akan kita pakai, apakah JPG, GIF, atau PNG. Jika format yang dipilih tidak sesuai dengan jenis gambarnya, gambar tersebut ukurannya akan lebih besar daripada yang semestinya, dan menyebabkan waktu loading blog/website kita lebih lama. Padahal, pengunjung suka terhadap blog atau web yang loadingnya cepat dan tidak boros bandwidth. Untuk itu, kita harus mengusahakan agar gambar-gambar dalam blog atau website kita memiliki ukuran sekecil mungkin. Caranya bagaimana?"
Trus kalo kamu tambahi SEDIKIT KODE -lihat yang diberi warna kuning- dalam Modus Edit Html BUKAN Compose menjadi begini: (tanpa tanda kutip)
"Sebagai bloger atau webmaster, jika ingin memasukkan gambar ke blog/web, kita harus memilih tipe gambar yang akan kita pakai, apakah JPG, GIF, atau PNG. Jika format yang dipilih tidak sesuai dengan jenis gambarnya, gambar tersebut ukurannya akan lebih besar daripada yang semestinya, dan menyebabkan waktu loading blog/website kita lebih lama. Padahal, pengunjung suka terhadap blog atau web yang loadingnya cepat dan tidak boros bandwidth. Untuk itu, kita harus mengusahakan agar gambar-gambar dalam blog atau website kita memiliki ukuran sekecil mungkin. Caranya bagaimana?"
Maka hasil di posting kamu kira-kira akan jadi gini nih....: (tentunya tanpa tanda kutip)
"Sebagai bloger atau webmaster, jika ingin memasukkan gambar ke blog/web, kita harus memilih tipe gambar yang akan kita pakai, apakah JPG, GIF, atau PNG. Jika format yang dipilih tidak sesuai dengan jenis gambarnya, gambar tersebut ukurannya akan lebih besar daripada yang semestinya, dan ........ Read more"
Lalu teks:
"menyebabkan waktu loading blog ...."
akan disembunyikan......
Nah... keren dan ringkas kan...
Catatan:
- kode diletakkan di posisi di mana tulisan posting kamu akan dipotong (=tempat meletakkan teks "Read More")
- kode: HARUS diletakkan di-AKHIR tulisan / posting.
SELAMAT MENCOBA....
0 komentar:
Posting Komentar