Pingin Navbar Kelihatan Transparan...?

Transparan..? kayanya asyik nih, apalagi kalau ngeliat pakaian yang transparan. hahahahaha...Tapi kali ini penulis akan membahas tentang cara membuat Navbar yang ada di baris paling atas halaman blog kita agar kelihatan transparan atau menghilang.

Navbar ini nantinya akan kelihatan transparan, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut. Dan sekalian penulis akan menyertai juga cara membuat navbar tersebut menghilang, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut.

Untuk mengetahuinya, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Dasbor
2. Klik Tata Letak
3. Klik Edit HTML
4. Silahkan cari kode berikut ini di dalam template anda

#navbar-iframe { bla bla bla bla bla }

5. Setelah ketemu, ganti semua kode tersebut dengan salah satu kode di bawah ini

kode untuk kelihatan transparan :

#navbar-iframe { opacity:0.2; filter:alpha(Opacity=0); }
#navbar-iframe:hover { opacity:0.5; filter:alpha(Opacity=100, FinishedOpacity=50); }

kode untuk tidak kelihatan sama sekali (menghilang) :

#navbar-iframe { opacity:0.0;filter:alpha(Opacity=0); }
#navbar-iframe:hover { opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100); }

6. Klik Pratinjau untuk melihat hasil kerja anda
7. Klik Simpan Template jika seandainya sudah sesuai dengan keinginan anda
8. Selesai

Selamat mencoba, semoga bermanfaat

Sampai Saat Ini Sudah Diterima 25 Komentar Untuk Artikel
" Pingin Navbar Kelihatan Transparan...? "

linae mengatakan...

P dibunderin gitu symbol apaan ya?

AG-Loc / Ananda ganesha mengatakan...

bla bla bla ? gmna nii klw mw dcari lewat ctrl+f ?

Kavi BorLand mengatakan...

asikk.. gw berhasil.. tapi kok cuma pinggirnya aja yack.. klo yg di postingannya gemana..

tiyo mengatakan...

jadi pgn cb nih

azwinner mengatakan...

wah, mantap trick nya mas....

Cupu^_^Kisruh mengatakan...

coba ahhkk..

thank tips nya mas.. :)

Panca mengatakan...

boleh juga di coba

AG-Loc / Ananda ganesha mengatakan...

makasih yaa infonyaa....!!
http://gajahpandai.blogspot.com

jack mengatakan...

tipsnya oke nih..btw saya kumpulin juga tips tentang komputer dan win xp..mampir yah

gustihard mengatakan...

asyik..., ilang2...
thx ya [ uda ]

Pujangga mengatakan...

di tempelate ku ga ada scrip navbar nya...
trus gimana donk ???

Anonim mengatakan...

pak sutan mudo :16

3rin mengatakan...

eeeeee punyaku kok g' ad yaw #navbar-iframenya
Gimana nih :13

hendrie k_bejo mengatakan...

test test ah...olow cek...1,2,3,4

hendrie k_bejo mengatakan...

bos saya pake template nya yg xml baru jd cara yg ini #navbar-iframe { bla bla bla bla bla } frasa tak ditemukan, mohon petunjuknya unk yg template baru boss......

hendrie k_bejo mengatakan...

sdh bos....diutaxs atixs ahirna kapeundak alias ktemu, thank' u
salam dahsyat dr k_bejo

hendrie k_bejo mengatakan...

:10

rohmad basuki mengatakan...

mbro,klo ngilangin log blog ger tuh gimane...

irfan_ali mengatakan...

:17mantab bos gue coba duyu akh:23

vilesdotcom mengatakan...

:41 bro... kalo di htmlnya kagak ada script navbarnya gmana neh?? mohon bantuannya..

[ Uda ] mengatakan...

@ viles dot com

jika memang di template anda tidak terdapat script #navbar-iframe {
silahkan anda copy saja salah satu dari script di atas, mau yang menghilang atau transparan, terserah sesuai pilihan anda
kemudian pastekan di atas script </head>

HHS19 mengatakan...

Kalau Mau Bener2 Ilang Coba CopyPaste Code
#navbar-iframe {
display : none;
height : 0;
visibility : hidden;
}
Keren Kaya WEB beneran!!! Silakan CoPas
Kalau Disebutkan Sumbernya, TERIMA KASIH,
See You In My Blog, Cari Film+Subtitle
"http://hhs19-2.blogspot.com/" Download Link For Indonesia Only dan GRATIS. High Speed
Komen disini Susah

HHS19 mengatakan...

hai teman ada yg tahu nga kenapa search engine di blog aku "http://hhs19-2.blogspot.com/" hanya bisa cari postingan Baru - + 10 hari, utk postingan lama nga terdektesi??? Thanks ya

Replica Watches mengatakan...

mantabs triknya ,.

Mobil Keluarga Ideal Terbaik Indonesia mengatakan...

makasih tutorialnya bang

Tambahkan Emoticon Berikut Ini Ke Dalam Komentar Anda. Caranya Cukup Dengan Mengetik Kode Yang Berwarna Biru Di Samping Kanan Emoticon Tersebut

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45

Poskan Komentar