Cara Simpel Merubah Ukuran Header Blogspot
Rabu, 26 Februari 2014
Edit
Sejauh ini bagaimana perkembangan blog Anda. Sudah berbentuk atau belum sama sekali. Jika masih belum mengerti wacana blog, Anda bisa memulainya dengan membaca cara menciptakan blog dari awal, atau klik disini untuk mencari warta yang Anda butuhkan.
Kali ini kita akan berguru mempercantik tampilan blog. Soal bagus ini penilaiannya relatif dari masing-masing pengguna. Tapi pada dasarnya, blog yang bagus itu ialah yang tidak mempersulit pengunjungnya.
Setiap pengunjung (visitor) kadang memberi waktu yang usang dalam satu blog, kadang pula muncul tenggelam. Ada banyak faktor yang mempengaruhi, salah satunya peletakan atau tampilan yang kurang menarik.
Nah... pada kesempatan ini kita akan berguru merubah ukuran header blogspot. Kadang ada orang yang ingin melebarkan header blognya, kadang pula ada yang ingin memperkecil. Setiap orang punya selera berbeda dalam mendesain blognya.
Untuk merubah header blog, banyak blogger yang mengalami kesulitan. Karena untuk merubah ukuran header memang membutuhkan kemampuan otak atik isyarat HTML. Tapi itu dulu, kini blogspot telah memberi kita kemudahan.
Kita bisa merubah header blog tanpa harus mati-matian berguru CSS atau HTML. Caranya gampang, ikuti langkah berikut ini. Oh iya, metode ini khusus bagi blogger yang memakai template standar dari blogspot. Seperti blog ini memakai template sederhana. Metode ini pun telah berhasil saya terapkan di blog ini.
Penjelasan Script :
Sumber https://www.blogooblok.com/
Kali ini kita akan berguru mempercantik tampilan blog. Soal bagus ini penilaiannya relatif dari masing-masing pengguna. Tapi pada dasarnya, blog yang bagus itu ialah yang tidak mempersulit pengunjungnya.
Setiap pengunjung (visitor) kadang memberi waktu yang usang dalam satu blog, kadang pula muncul tenggelam. Ada banyak faktor yang mempengaruhi, salah satunya peletakan atau tampilan yang kurang menarik.
Nah... pada kesempatan ini kita akan berguru merubah ukuran header blogspot. Kadang ada orang yang ingin melebarkan header blognya, kadang pula ada yang ingin memperkecil. Setiap orang punya selera berbeda dalam mendesain blognya.
Untuk merubah header blog, banyak blogger yang mengalami kesulitan. Karena untuk merubah ukuran header memang membutuhkan kemampuan otak atik isyarat HTML. Tapi itu dulu, kini blogspot telah memberi kita kemudahan.
Kita bisa merubah header blog tanpa harus mati-matian berguru CSS atau HTML. Caranya gampang, ikuti langkah berikut ini. Oh iya, metode ini khusus bagi blogger yang memakai template standar dari blogspot. Seperti blog ini memakai template sederhana. Metode ini pun telah berhasil saya terapkan di blog ini.
- Pertama-tama menyerupai biasa login ke akun blogspot Anda dan masuk ke dasbor. Selanjutnya pilih 'Template' dan klik 'Sesuaikan'
- Anda akan dibawa kehalaman pengaturan antar muka. Di langkah ini usahakan rubah dulu warna header Anda biar bisa membedakan hasil perubahan. Namun jikalau warna header Anda sudah berbeda, hiraukan langkah ini. Bagi yang warna headernya sama dengan warna body, cara merubahnya menyerupai ini. Masuk ke tab 'Tindak Lanjut' kemudian pilih 'Latar' dan pilih 'Latar Header' (lihat gambar). Anda bisa merubahnya sesuka hati.
- Setelah warna header berubah (Bisa dilihat dikolom bawah pratinjau tampilan). Langkah sepanjutnya, tarik kursor Anda sampai kebawah kemudian pilih 'Tambahkan CSS' (lihat gambar).
- Anda akan diberi kolom isian. Selanjutnya tinggal copy paste script dibawah ini.
.header-outer{
left:-40px;
width:1000px;
height:40px;
bottom:10px;
}
left:-40px;
width:1000px;
height:40px;
bottom:10px;
}
Penjelasan Script :
- left:-40px; merupakan isyarat untuk mengatur kerapatan sisi kanan header dengan tampilan layar, silahkan angkanya dirubah-rubah sesuai harapan Anda dengan mencocokan perubahan preview yang tampak pada halaman desain blogger sampai sudah merasa cocok.
- width:1000px; merupakan isyarat untuk menyesuaikan panjang header di sisi kanan, silahkan di sesuaikan angkanya berdasarkan selera Anda.
- height:40px; merupakan isyarat untuk merubah ukuran tinggi header, menyerupai biasa silahkan di sesuaikan dengan selera Anda.
- bottom:10px; merupakan isyarat jarak dari bab bawah, jadi jikalau angka ini dirubah/diperbesar maka akan ada jarak antara header dengan widget yang ada pada bab bawah header.
Sumber https://www.blogooblok.com/