Tuesday, June 8, 2010

Cara Membuat "Read More..." atau "Baca Selengkapnya" pada Blogspot

Pada blogspot, untuk memotong sebuah artikel (Read More / Baca Selengkapnya) belum disediakan fasilitasnya. Guna dari pemotongan artikel ini yaitu artikel kita tidak terlalu panjang ke bawah.
Caranya :
Login ke Blogger klik Layout / Tata Letak selanjutnya klik Edit HTML.
Beri tanda centang pada kotak Expand Widged Tempelates.
Pada bagian ini cari script di bawah ini




sebelum script


Untuk memudahkan gunakan fungsi pencarian pada Browser (biasanya dengan menekan tombol CTRL + F), dan cari script tersebut di atas dengan kata kunci post-header-line-1.
Setelah ditemukan, masukan script berikut ini di bawah dari script yang kita cari tadi.(script yang diblok)








Setelah kita masukan script pertama di antara script default tadi , berikutnya kita sisipkan script tambahan kedua di bawah script ini


di bawah script tersebut masukkan script kedua berikut ini,




Untuk kata Read More bisa diganti dengan kata-kata sesuai dengan kehendak kita, misalnya Baca Selengkapnya.

Setelah itu kita simpan template yang baru kita rubah. Jangan Lupa backup terlebih dahulu tempelate default anda.

Sekarang cara memotong artikel :
Pada saat kita membuat postingan baru, coba untuk melihat tab Edit Html, disini kita akan melihat script yang otomatis sudah ada. fungsi dari dari script tersebut adalah sebagai pembatas antara artikel pendahuluan dan artikel lanjutan. Untuk artikel pendahuluan (yang nantinya muncul di home) berada di atas script


dan sisanya berada di bawahnya, dan pada akhir ditutup dengan


Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit Html bukan Compose.

Contoh Penulisan Posting :
Setelah itu publish artikel kita...
Hasil Akhir akan seperti ini:
Selamat Mencoba.....

Pada pembuatannya saya mengalami banyak kesalahan diantaranya artikel tidak tampak pada home, Hanya ada Judul Artikel saja. Namun saya berhasil membuatnya, contohnya Anachozt Dorang dan meatakukul.blogspot.com. Sumber - sumber yang saya pakai yaitu : ariawijaya.com, www.untukku.com dan isnaini dot com

No comments:

Post a Comment