Cara Mudah Merubah Ukuran Header Blog

Halo Sobat sobat blogger Indonesia, Sejauh ini bagaimana perkembangan blog Sobat? Sudah berbentuk atau belum sama sekali,

Okey Kali ini kita akan belajar mempercantik tampilan blog,Tapi pada dasarnya, blog yang cantik itu yakni yang tidak mempersulit pengunjungnya. 

Setiap pengunjung (visitor) kadang memberi waktu yang lama dalam satu blog, kadang pula muncul tenggelam. Ada banyak faktor yang mempengaruhi, salah satunya peletakan atau tampilan yang kurang menarik. 

pada kesempatan ini kita akan belajar merubah ukuran header blog. 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 kode HTML. Tapi itu dulu, sekarang blogspot telah memberi kita kemudahan untuk para blogger. 

Sekarang Kita bisa merubah ukuran header blog tanpa harus mati-matian belajar CSS atau HTML. Caranya Mudah seakli, ikuti langkah berikut ini. Oh iya, metode ini khusus bagi blogger yang menggunakan template stSobatr dari blogspot ya.

1. seperti biasa login ke akun blogspot Sobat dan masuk ke dasbor. Selanjutnya pilih 'Template' dan klik 'Sesuaikan'  

Cara Mudah Merubah Ukuran Header Blog

2. Sobat akan dibawa kehalaman pengaturan antar muka. Di langkah ini usahakan rubah dulu warna header Sobat agar bisa membedakan hasil perubahan. Namun jika warna header Sobat sudah berbeda, hiraukan langkah ini. Bagi yang warna headernya sama dengan warna body, cara merubahnya seperti ini, Masuk ke tab 'Tindak Lanjut' lalu pilih 'Latar' dan pilih 'Latar Header' (lihat gambar). Sobat bisa merubahnya sesuka hati. 

Cara Mudah Merubah Ukuran Header Blog

3. Setelah warna header berubah (Bisa dilihat dikolom bawah pratinjau tampilan). Langkah sepanjutnya, tarik kursor Sobat hingga kebawah lalu pilih 'Tambahkan CSS' (lihat gambar). 
Cara Mudah Merubah Ukuran Header Blog

4. Sobat akan 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 kode untuk mengatur kerapatan sisi kanan header dengan tampilan layar, silahkan angkanya dirubah-rubah sesuai keinginan Sobat dengan mencocokan perubahan preview yang tampak pada halaman desain blogger hingga sudah merasa cocok.
  • width:1000px; merupakan kode untuk menyesuaikan panjang header di sisi kanan, silahkan di sesuaikan angkanya menurut selera Sobat.
  • height:40px; merupakan kode untuk merubah ukuran tinggi header, seperti biasa silahkan di sesuaikan dengan selera Sobat.
  • bottom:10px; merupakan kode jarak dari bagian bawah, jadi jika angka ini dirubah/diperbesar maka akan ada jarak antara header dengan widget yang ada pada bagian bawah header.

Gimana? Itu baru merubah ukuran headernya, untuk merubah tab atau laman/pages atau menu dibawa header, script CSS yang digunakan berbeda lagi. Kita akan bahas pada postingan selanjutnya Ya, Jika Tertarik Silahkan Koment di bawah

Artikel Terkait