Kendala yang dihadapi adalah, program tersebut dirancang untuk menampilkan dynamic front page, sehingga yang ditampilkan di halaman depan situs adalah postingan terakhir kita, bukan satu halaman tetap (static page) seperti umumnya website. Sekarang, bagaimanakah caranya untuk membuat static page pada Blogger / Blogspot? Ikuti langkah-langkah berikut ini:
- Login ke Dashboard Blogger anda, masuk ke pilihan Settings ->Formatting.
- Pada Show at most, ketik 0 posts on the main page.
Pada kondisi ini, homepage anda akan kosong dan tidak terisi postingan apa pun, hanya ada peringatan “No Post” beserta widget-widget yang anda pasang.
- Sekarang saatnya membuat static page anda. Bukan dengan posting atau page, melainkan dengan gadget!
Masuk ke Design -> Add a Gadget -> HTML/Javascript, dan buat halaman sesuka hati anda.
Catatan: Kalau anda kesulitan dengan HTML, anda bisa memanfaatkan fitur posting biasa untuk mengkreasikan static page anda. Setelah selesai baru copy kode HTML-nya ke gadget baru. - Setelah selesai, posisikan gadget anda di atas Blog Post
(lihat gambar di bawah). Sekarang anda sudah mempunyai static page.
Agar gadget ini hanya tampil di halaman depan, dan bukan semua halaman,
anda perlu membuatnya menjadi Homepage Only Gadget.
- Sekarang homepage dengan static page anda sudah selesai. Langkah
terakhir adalah menghapus peringatan “No Post” yang muncul di bawah
gadget. Caranya:
- Masuk ke Design -> Edit HTML
- Jangan lupa Download Full Template untuk backup, sekiranya nanti terjadi kesalahan.
- Centang kotak Expand Widget Templates.
- Cari kode di bawah ini, atau yang mirip:
<b:includable id='main' var='top'> <!-- posts --> <div class='blog-posts'> <b:includable id='status-message'> << Coba 2: Hapus baris ini <b:if cond='data:navMessage'> << Coba 1: Hapus baris ini <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> << Coba 1: Hapus SAMPAI baris ini </b:includable> << Coba 2: Hapus SAMPAI baris ini
Coba hapus dulu blok 1 (seluruh blok dari atas sampai bawah, bukan sekedar dua baris yang diberi tanda saja), kalau gagal baru coba hapus blok 2. Perlu diingat bahwa cara ini belum tentu berhasil pada semua template, mengingat ada ratusan template untuk Blogger dengan struktur yang berbeda-beda satu sama lain.
- Selesai. Kalau anda ingin contoh jadinya, bisa dilihat di situs Best and Hard Riddles. Situs tersebut dibuat dengan Blogger, dan menggunakan static homepage, sehingga tidak terlihat seperti sebuah blog.
Gan, ane mau nanyak gan?
BalasHapuskok gambar nya gak keliatan ya?
trus cara membuat gadget nya di homepage only gimna ya gan?
makasih