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...!!!

16 komentar:

mugi nurul ikhsani mengatakan...

TEMPLATE KYA KK DOWNLOAD DIMNA ?

Ngurah Jumaika mengatakan...

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

Fellen Wennesa mengatakan...

cara bikin daftar isi gimana kk?

Ngurah Jumaika 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 ??/

Ngurah Jumaika 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..

Zainal Mutakin 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/

EXPO CPNS BUMN mengatakan...

Mantab gan infonya, sangat bermanfaat ini buat ane. hehe
Lowongan Kerja PT Sugar Group Companies - SGC Leadership Program - Juni 2015
http://expocpnsbumn.blogspot.com/2015/05/lowongan-kerja-pt-sugar-group-companies.html

Posting Komentar