Cara Praktis Merubah Ukuran Header Blogspot

Sejauh ini gimana perkembangan blog Anda. Sudah berbentuk atau belum sama sekali. Jika masih belum mengerti perihal blog, Anda bisa memulainya dengan membaca trik membuat blog dari awal, atau klik disini untuk mencari isu yang Anda butuhkan.

Kali ini kita bakal berguru mempercantik tampilan blog. Soal manis ini penilaiannya relatif dari masing-masing pengguna. Tapi pada dasarnya, blog yang manis itu yaitu 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 bakal 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 arahan 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 menggunakan template standar dari blogspot. Seperti blog ini menggunakan 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 bakal dibawa kehalaman pengaturan antar muka. Di langkah ini usahakan rubah dulu warna header Anda semoga bisa membedakan hasil perubahan. Namun jikalau warna header Anda sudah berbeda, hiraukan langkah ini. Bagi yang warna headernya sama dengan warna body, trik 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 bakal diberi kolom isian. Selanjutnya tinggal copy paste script dibawah ini. 

.header-outer{
left:-40px;
width:1000px;
height:40px;
bottom:10px;
}

Penjelasan Script :

• left:-40px; merupakan arahan untuk mengatur kerapatan sisi kanan header dengan tampilan layar, silahkan angkanya dirubah-rubah sesuai impian Anda dengan mencocokan perubahan preview yang tampak pada halaman desain blogger sampai sudah merasa cocok.
• width:1000px; merupakan arahan untuk menyesuaikan panjang header di sisi kanan, silahkan di sesuaikan angkanya berdasarkan selera Anda.
• height:40px; merupakan arahan untuk merubah ukuran tinggi header, menyerupai biasa silahkan di sesuaikan dengan selera Anda.
• bottom:10px; merupakan arahan jarak dari bab bawah, jadi jikalau angka ini dirubah/diperbesar maka bakal ada jarak antara header dengan widget yang ada pada bab bawah header.

Gimana simpel bukan! Itu gres merubah ukuran headernya, untuk merubah tab atau laman/pages atau sajian dibawa header, script CSS yang dipakai berbeda lagi. Kita bakal bahas pada postingan selanjutnya. See yaaa

Tweet