Banyak cara untuk mempercantik tampilan blog. Sudah lazim kalau para blogger berlomba-lomba untuk membuat tampilan blognya terlihat lebih cantik, lebih keren dari pada yang lain. Semua bagian blog bisa dirubah bentuknya sesuai selera masing-masing. Pada kesempatan kali ini saya akan mengutak-atik bagian header blog biar terlihat beda dari yang lain.
Perhatikan gambar diatas, garis batas header blog berbentuk lengkungan. Kalau sobat semua pingin membuat tampilan header blognya melengkung seperti diatas caranya sangat mudah dan tidak perlu edit HTML. Ikutilah langkah-langkah Cara Membuat Garis Melengkung Header Blog :
1. Masuk akun Blogger anda
2. Masuk dasbord pilih template
3. Klik sesuaikan
4. Pilih tingkat lanjut, seret kursor ke bawah
5. Masukan kode CSS berikut
.header-outer { left:-10px; width:960px;
height:170px; bottom:5px;
border-radius:10px;}
6. Klik terapkan blog.
Ket. : rubahlah sesuai ukuran yang anda kehendaki
- left : -10px untuk meluruskan antara header dan body
- width: 960px lebar kolom header
- height: 170px tinggi kolom header
- bottom: 5px batas bawah
- border-radius: 10px sudut lengkung garis
Lihatlah hasilnya, sekarang kolom header blog sobat sudah melengkung. Mudah bukan, selamat mencoba. Semoga artikel ini bermanfaat, kalau masih kurang jelas jangan sungkan kirim komentar lewat kolom komentar dibawah atau lewat contact. Terima kasih, salam blogger....
| KODE IKLAN/ADSENSE DI SINI |
