Dulu, sempat terbersit di benak saya untuk mencoba membuat sebuah postingan satu halaman penuh, tanpa keberadaan sidebar pada sisi kiri atau kanan halaman. Tapi untuk apa, saya belum membutuhkan atau bisa dikatakan belum ada ide tentang apa yang akan saya posting pada halaman tersebut saat itu.
Dan ternyata, saya membutuhkannya pada saat ini. Saya berencana menjadikan postingan satu halaman sebagai halaman pencarian berdasarkan penelusuran google dari apa yang sudah saya posting pada blog kesayangan ini. Dan hasilnya bisa anda lihat dengan mengisi kata kunci apa yang akan anda cari pada kolom hasil pencarian dibagian bawah halaman.
Tidak menjadi sebuah tuntutan tentang membuat sebuah halaman penuh ini hanya untuk dijadikan sebagai halaman pencarian. Anda bebas berkreasi, apakah anda akan menjadikannya sebagai halaman buku tamu, halaman mengenai diri anda, atau sebagai halaman bisnis tertentu yang anda jalankan.
Ok, tutorial ini saya tuliskan untuk anda, khususnya anda semua yang menggunakan platform Blogspot .
Namun, sebelum kita melangkah lebih jauh dalam tutorial ini. Silahkan anda tentukan dahulu postingan yang akan anda jadikan satu halaman penuh disaat pengunjung membuka halaman tersebut. Disini saya akan memberikan contoh kepada anda untuk membuat halaman "About Me".
Silahkan anda membuat sebuah halaman post baru, dan isikan mengenai diri anda. Sepertinya saya tidak perlu menjelaskan apa saja yang harus dituliskan mengenai diri anda. Mungkin sebagai gambaran, anda bisa mengisikan tentang pekerjaan anda, kesibukan lain yang anda minati dan beberapa data penting mengenai anda.
Apabila semuanya sudah siap. buka list menu opsi postingan, dan atur tanggal penayangan post sebulan atau setahun sebelumnya dengan maksud, agar halaman post ini tidak berada pada halaman depan atau pada jejeran postingan terbaru.
Menurut saya, anda tidak perlu mengaktifkan komentar pembaca pada halaman ini. dan anda tidak perlu untuk mengisikan label pada halaman. Biarkan saja label dalam keadaan kosong. lalu, terbitkan halaman tersebut.
Sekarang anda sudah mempunyai sebuah halaman mengenai diri anda, tapi.... masih dalam bentuk postingan biasa. Yang penting anda harus ingat URL post halaman yang baru saja kita buat. karena URL post tersebut akan kita pakai untuk setingan pada halaman template HTML.
Silahkan anda masuk ke halaman template HTML . Umumnya, Blogspot menggunakan selektor ID "#main-wraper" pada konten halaman post. dan terkadang mereka pun memakai selektor CLASS ".post" . Kita akan pakai selektor tersebut dengan merubah properties "Width" , dan menambahkannya pada template yang posisinya diletakan pada bagian atas </head>.
Disisi lain, kita akan menghilangkan keberadaan sidebar dengan mengatur properties display: none;. Seperti apa yang telah kita rencanakan sebelumnya, bahwa kita akan membuat halaman "About me" menjadi satu halaman penuh tanpa keberadaan sidebar.
Prinsipnya, kode yang nantinya akan kita letakan pada bagian atas </head> , seperti di bawah ini :
<b:if cond='data:blog.url == "URL POST"'><style>#sidebar{display:none!important;}#main-wrapper{width:980px;}</style></b:if>
URL POST : link yang akan di jadikaan sebagai postingan satu halaman penuh.
display:none : menghilangkan keberadaan sidebar pada halaman yang dituju.
width:980px : Luas dari halaman post tersebut ( sesuaikan dengan lebar halaman blogspot )
Dengan adanya atribut 'data:blog.url == "URL POST"' yang kita gunakan diatas. Maka, perubahan tampilan hamalan post hanya pada url post yang dituju. Dan pada halaman lainnya, tetap pada tampilan standar.
Untuk melihat hasilnya, simpan hasil editan template html. Lalu, buka halaman "about me" yang telah anda buat.
Agar mempermudah pengunjung melihat halaman mengenai diri anda. Buatlah sebuah link rujukan ke halaman tersebut dan letakan pada menu navigasi di halaman website anda.
Selamat mencoba.
0 komentar:
Posting Komentar