Cara Membuat Frontpage Static Blogger | Cara Membuat Blog

Caran untuk membuat static page pada Blogger / Blogspot. Pada dasarnya blog memang diciptakan dengan halaman depan (homepage / front page) yang selalu berubah-ubah, dan ini yang membedakan sebuah web-log (blog) dengan web-site. Karena makin populernya blog, banyak tool yang dibuat untuk memudahkan blogging, seperti Blogger / Blogspot . Karena mudahnya penggunaan platform ini, banyak orang yang ingin membuat website (bukan blog) menggunakan Blogger.
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:

1. Login ke Dashboard Blogger anda, masuk ke pilihan Settings ->Formatting.
2. 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.
   
3. 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.
4. 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.
5. 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.
6. 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.

(sumber: http://anythingcool.net/membuat-static-page-untuk-homepage-blogger/ )