Cara menutupi NAVBAR dengan gambar

Monday, January 23, 2012
Gw sengaja posting ini... untuk iseng" aja xD
dari pada nggak posting... hehe xD


Gw kasih trik baru yaitu Cara menutupi NAVBAR dengan gambar xD

Langsung aja gan...

"udah tau kan gan pertama kalian ngapa dulu?
'belum tau om..
"jiah, punya blog gak gan?
'punya om
"nah kalo punya login dulu di Blogger
'udah om
"kalo udah masuk ke Dashbord
'ya
"udah.. pilih Rancangan »» Edit HTML'terus apa om?
"Download template dulu kalo ada kesalahan
'iya
"udah belum... kalo sudah cari kode ]]></b:skin>
'terus?
"taruh CSS di bawah ini di atas kode
]]></b:skin>






  #mta_bar {background:#ddd; border-bottom:1px solid #bb0000; border-top:1px solid #bb0000; margin:0; padding:4px 0; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; } *html #mta_bar {position:absolute; width:expression (document.compatMode==CSS1Compat"?document.documentElement.clientWidth+"px" body.clientWidth+"px");} #mta_bar .left {float:left; text-align:center; font-family:Arial; font-size:13px; font-weight:bold; font-style:normal; color:#bb0000; width:92%; } #mta_bar .right {font-family:verdana,sans-serif; float:right; text-align:center; font-weight:normal; font-size:12px; letter-spacing:0; width:30px; white-space:nowrap; } #mta_bar .right a {font-size:12px; color:#bb0000; text-decoration:underline; } #mta_bar a:hover {font-size:12px; color:#bb0000; text-decoration:none; } #left_bar a {background:#ddd; text-decoration:none; color:#eee; padding:5px 0px 5px 30px; } #left_bar a:hover {text-decoration:underline; color:#bb0000; }
 




 

"silahkan atur kode background, warna, border, solid, margin, padding, z-index, dan posisi terserah agan
"kemudian cari lagi kode </head> dan letakkan script dibawah ini di atas kode </head>






<script src='http://blogtegal.googlecode.com/navbar-none.js' type='text/javascript'/>

 

"maaf script di atas ini saya copy dari script buatan temen saya
'gak papa, yang penting hepi. wkwkwkw
"masih lagi. taruh script di bawah ini di bawah kode <body>




  <div id='mta_bar'> <div id='left_bar'>

<span class='left'><a href='http://feeds.feedburner.com/kukel-creations' target='_blank'>Berlanggan artikel kukel-creations via e-Mail</a></span></div>

<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;blogtegal.com&apos;;return true;'>

<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://www.google.com/image/x-men/wolverine.png' style='cursor:hand;cursor:pointer;'/></span></div>




"maaf juga script di atas ini kode yang berwarna merah harus agan ganti kode link yang agan suka
'ya om. tenang saja pasti saya ganti
"sekarang klik Simpan
'ya makasih ya om?
"ya sama" gan

Selamat mencoba :)

Maaf sebesar-besarnya ya gan jika ada kesalahan dari postingan saya.

Kalau kurang jelas silahkan komentar di bawah ini.

1 komentar:

  • Post a Comment

     
    Cors Shinoda Blog © 2011 | Design Template by Rizky wardiansyah | Template Blogger Name | Template Transparent 2.0 | Template Transparent 2.0