Cara Membuat Header Blog Transparan Dan Memberi Effect Perbatasan Radius

Sesuai permintaan Sobat Blogger, kali ini Saya akan memberikan Tips Cara Membuat Header Transparan Dan Memberi Effect Perbatasan Radius, seperti yang Kalian lihat pada Header Blog Saya ini. Bagaimana Kalian tertarik...??? kalau Kalian tertarik, silahkan ikuti langkah-langkah berikut.

[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Kalau sudah, cari Code #header-wrapper (Agar mempermudah pencarian, tekan CTRL + F atau F3 pada Keyboard.)
  • Kira2 Codenya seperti Gambar di bawah. Dan tidak sumua Template itu sama Codenya, tapi yang penting di bawah Code #header-wrapper, pasti ada Code Gambar juga. Seperti ini Code gambarnya [background-image: url(URL Gambar);], dan apabila tidah ada Code Gambar pasti ada Code Warna seperti berikut [background:#0d0d0d;].

[4]. Nah kalau sudah ketemu, sekarang ganti Code tersebut dengan Code di bawah ini.
#header-wrapper{ background:#0d0d0d; -moz-opacity: 1.0; opacity: 0.8; -khtml-opacity: 0.0; -moz-border-radius-bottomleft:30px; -moz-border-radius-bottomright:30px; border:1px solid #ccc; width:980px; height:120px; margin:0 auto 10px; padding:0px;}
KETERANGAN :
* Jika Kalian ingin mengganti Warna Headernya, Kalian tinggal ganti saja Code Warna HTML-nya yang berwarna Merah. Dan apabila Kalian tidak punya Code Warna HTML, tenang saja Say sudah mempersiapkannya, klik saja di SINI.

Maka hasilnya seperti terlihat pada Gambar di bawah.


[5]. Nah kalau sudah seperti itu, tinggal di SAVE saja, dan lihat hasilnya.

Selamat Mencoba dan Semoga Berhasil...!!!

15 komentar:

Unknown mengatakan...

TEMPLATE KYA KK DOWNLOAD DIMNA ?

Unknown mengatakan...

@mugi nurul ikhsani : oohh, tenang aja gan, nanti saya Share Templatenya...

Unknown mengatakan...

cara bikin daftar isi gimana kk?

Unknown mengatakan...

@Fellen Wennesa : ni gan.... [http://indonesianblog-jmk.blogspot.com/2011/12/cara-membuat-daftar-isi-blog.html] dan [http://indonesianblog-jmk.blogspot.com/2012/02/cara-membuat-daftar-isi-di-blog-v02.html]...

Adtrimon mengatakan...

cara bikin list sahabat blogger gimana ya ??/

Unknown mengatakan...

@Adtrimon : maksudnya agan...???

edy kurniawan mengatakan...

Met sore mas, bisa bantu saya g' plase (lebay dikit mas).
gini saya kan baru aja modif header blog saya dan juga sudah menyembunyikan judul serta deskripsinya dengan kode "display:none". tapi ko' judul blog saya hanya tersembunyi pada halama utama (home) saja, sementara halaman lain tu judul masih nongol. bantuin mas...! kalo boleh langsung ke blog saya gih

Informasi Cuma-Cuma mengatakan...

makasih infonya gan

Prediksi Bola mengatakan...

mantep nih,, header transparan

Dantense mengatakan...

saya coba dulu ya gan

Gaptekers mengatakan...

kok malah jafi brantakan headernya gan

Campurans Info mengatakan...

header ane gk bisa transparan gan..

Anonim mengatakan...

mksh gan di tunggu kunjunganya

Toko Obat Indonesia mengatakan...

sangat menarik sekali sob tutorialnya, makasih

obat herbal kanker usus mengatakan...

makasih banyak buat infonya gan,, nice info..

acemaxs86.com/obat-herbal-kanker-usus-besar/

Posting Komentar