Monday, February 8, 2016

Cara mudah merubah ukuran judul / header pada blog

Cara gampang merubah ukuran 
header blogspot



Kali ini saya akan bahas mengenai cara merubah ukuran judul/header pada blog. Tampilan cantik tentunya di perlukan di sebuah web/blog, hal tersebut bertujuan agar pengunjung blog kita jadi nyaman dan betah berada di blog kita dan tentunya kita juga akan merasa sedikit bangga dengan hal tersebut.

Ok langsung saja cara merubah ukuran judul/header pada blog. Ikuti langkah-langkah berikut :

1. Masuk ke akun blogger anda => buat postingan seperti biasanya.

2. Klik menu template pada bilah sisi kiri => sesuaikan => tingkat lanjut => latar => rubah warna header seperti yang anda inginkan. Lihat gambar di bawah.


3. Selanjutnya merubah ukuran tulisan judulnya, pilih menu tambahkan CSS => pada kotak CSS isikan script sebagai berikut. lihat gambar di bawah.


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

4. Jika sudah fix, klik terapkan ke blog (pojok kanan atas).


Penjelasan Script :
  • left:-40px; adalah kode untuk mengatur kerapatan sisi kanan header dengan tampilan layar, silahkan di rubah-rubah seperti yang anda inginkan.
  • width:1000px; adalah kode untuk menyesuaikan lebar header, silahkan di sesuaikan seperti keinginan anda.
  • height:40px; adalah kode untuk merubah ukuran tinggi header, silahkan di sesuaikan seperti keinginan Anda.
  • bottom:10px; adalah kode jarak dari bagian bawah, silahkan atur sesuai keinginan anda.


Sekian dan semoga bermanfaat. Terimakasih.



No comments:

Post a Comment