Cara membuat Navbar Menu di Blogspot
- Login ke Blog anda > Design > Edit HTML
- Cari kode ]]></b:skin> ( Gunakan CTRL + F biar gampang )
- Copy kode di bawah ini dan paste di atas kode ]]></b:skin>
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression (document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#meta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:95%;}
#meta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#meta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#meta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a { text-decoration: none; color: #0000FF; }
#left_bar a:hover { text-decoration: underline; color: #0000FF; }
- Sekarang cari kode </head> dan paste kode Javascript berikut tepat di atas kode </head>
- Selanjutnya cari kode <body> dan paste kode berikut di bawah <body>
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/BamzUs' target='_blank'>Ada 1.000.000 pembaca Rss Feed sudah bergabung, Sudahkah anda?</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://www.jurnalismewarga.com/images/utils/icon_close.png' style='cursor:hand;cursor:pointer;'/></span></div>
Simpan
Catatan :
- Kode yang berwarna merah adalah Isi pesan singkat navbar menu tersebut, bebas bisa anda ganti susuai keinginan anda.
- Kode yang warna hijau adalah warna background dari navbar menu tersebut juga bisa di sesuaikan dengan warna background blog anda.
0 komentar: