Tampilan header Blog atau website sangat penting dalam membangun web page "eye-catching" dapat menciptakan kesan kuat sebagai halaman situs. Tampilan standar website kadang belum memuaskan hati pemiliknya, selalu ada yang kurang dan dorongan memodifikasi tampilan halaman web. Jika ingin mengubah header default template, disyaratkan setidaknya memahami struktur isi file HTML template, dasar-dasar source code HTML dan CSS
Kunci mengubah tampilan blog adalah struktur template. Dan bagian halaman website yang paling sering diubah adalah HEADER. Perubahannya meliputi size header, background image, meta tag, sidebar dan halaman posting. Post ini dititik-beratkan pada perubahan setting header Blogger (platform Blogspot).
Terlebih dahulu perlu Anda harus tahu dan memahami istilah-istilah ini :
• Header-wrapper, (halaman title dan deskripsi blog)
• outer-wrapper, ( halaman body secara keseluruhan)
• main-wrapper, (halaman posting)
• sidebar-wrapper, ( halaman tempat widget)
• footer-wrapper, (halaman catatan kaki)
• outer-wrapper, ( halaman body secara keseluruhan)
• main-wrapper, (halaman posting)
• sidebar-wrapper, ( halaman tempat widget)
• footer-wrapper, (halaman catatan kaki)
Dengan istilah-istilah di atas, kita bisa mencari masing-masing bagian tersebut pada template blog, memahaminya dan Anda dapat langsung merubah size, background webpage, menambahkan flash, banner, modifikasi size,pilihan color dan lainnya sesuai keinginan Anda. Cara mencarinya bagian-bagian tersebut diatas, dengan menekan tombol CTRL – F secara serentak dan ketik # diikuti nama bagian yang akan dituju pada box yang tersedia.
Contoh jika ingin mencari dan mengubah ukuran header maka kode pencariannya menggunakan #header-wrapper. Untuk mencari bagian lain gunakan cara yang sama. Buka www.blogger.com dan login alamat Gmail. Berikut ini contoh cara untuk mengetahui dan merubah size header :
- Masuk ke halaman Dasbor blog Blogger Anda dan klik << Rancangan >>.
- Klik Edit HTML.
- Cari kode: #header-wrapper (gunakan CTRL-F)
- Perhatikan beberapa baris kode di bawahnya. Sebagai contoh beserta keterangannya akan tampak seperti di bawah ini:
#header-wrapper { (artinya halaman header) width:900px; (artinya lebarnya 900 pixels)
height:120px; (artinya tingginya 120 pixels)
Sekarang kita tahu itulah ukuran header, yaitu lebar 900px dan tinggi 120px.
- CATATAN
Secara default ukuran header biasanya hanya lebar (width) saja. Ukuran tinggi (height) biasanya ditambahkan kemudian jika kita ingin memasang gambar pada header.
Untuk merubah lebar dan tinggi, Anda hanya perlu mengganti angka-angkanya sesuai dengan keinginan. Langkah ini juga berlaku untuk mencari dan mengubah bagian sidebar dan halaman posting.
Bagaimanapun juga Anda harus menerapkan LEARNING BY DOING dan LEARNING BY ERROR. Keahlian Anda sebagai webmaster atau blogger akan bertambah karena pengalaman memecahkan masalah yang dihadapi. Keahlian Anda diakui sesuai dengan banyaknya jam terbang.
0 comments:
Post a Comment