Cara Membuat Static Page untuk Homepage Blogger

Hai gaiss, ilmu itu datang memang harus dicari, ketika saya sedang mempelajari tentang blog degan platform blogger banyak sekali yang ingin saya modifikasi, salah satunya adalah bagaimana Cara Membuat Static Page untuk Homepage Blogger?

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 Konsultasi Bisnis. Situs tersebut dibuat dengan Blogger, dan menggunakan static homepage, sehingga tidak terlihat seperti sebuah blog.

Sumber

SHARE THIS ARTICLE :

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn