Understanding Autoresponder And Function: Navbar

Kamis, 11 Juni 2009

Iklan / Pesanan Ala2 Navbar

Memasang barisan iklan atau pesanan ala2 navbar ini memang berguna. Ia juga boleh ditutup seakan2 sama dengan fungsi popup window. Macam2 kegunaannya, boleh diisi dengan iklan, pesanan, informasi dan apa saja yang Antum inginkan. Seperti blog ini, Ana sarankan pengunjung supaya menggunakan Firefox untuk paparan terbaik. Ok caranya..

1. Dalam keadaan Loggin. Pada Layout pilih Edit HTML. Tambah kod berikut sebelum ]]></b:skin>.

#mta_bar {background:url(http://i302.photobucket.com/albums/nn113/aburifaie/tabbiru.gif);
border-bottom: 0px solid #808080; margin: 0 0 15px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; height:23px;overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { margin:3px;float: left; text-align: center; font-family: Georgia; font-size: 12px; font-weight: bold; font-style: normal; color: #FFFF66; width:92%;}
#mta_bar .right {margin:3px;font-family: Georgia; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #ffff66; text-decoration: none;}
#mta_bar .right a:hover {font-size: 10px; color: #ffff66; text-decoration: none;}
#left_bar a { text-decoration: none; color: #ffff66; }
#left_bar a:hover { text-decoration: none; color: #ffff66; }

2. Kod merah adalah warna latarbelakang. Lihat DISINI untuk warna lain.

3. Seterusnya tambah kod dibawah sebelum kod </head>.

4. Akhir sekali tambah kod berikut selepas kod <body>.

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://www.mozilla.com/en-US/firefox/personal.html' target='_blank'>Sila Gunakan Pelayar Firefox Untuk Paparan Terbaik</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='o-om.com.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://i302.photobucket.com/albums/nn113/aburifaie/tutup.gif' style='cursor:hand;cursor:pointer;'/></span></div>

5. Gantikan text merah dengan link dan kalimat Antum sendiri. Untuk text bergerak, tambah kod ini.

Contoh: <marquee>Sila Gunakan Pelayar Firefox Untuk Paparan Terbaik</marquee>

6. Dah siap klik save yer..

Sumber Asli : O-Om

Jumat, 21 November 2008

Cara Menghilangkan Navbar

Diatas ini adalah bentuk-bentuk Navbar yang disediakan oleh Blogger/blogspot yang terdiri daripada empat warna. Blue, Tan, Black dan Silver. Kita boleh tukarkannya mengikut kesesuaian template kita di Layout=>Edit Navbar.

Kedudukannya adalah di bahagian paling atas blog. Kegunaanya pula adalah untuk Sign In/Out, Customize blog, dll.

Kembali kepada tajuk, sesetengah orang rasa kurang sedap mata memandang bila Navbar ni ade di blog mereka dan ingin menghilangkannya. Ana dengar orang kata kalau hilangkan Navbar ini kita telah melanggar Term of Service (TOS) dari Blogger.com? Tapi Ana rasa tidak, sebab kalau kita tengok template-template baru yang disedikan oleh blogger2 yang pakar semuanya tanpa Navbar. Setakat ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Maknanya, bolehla kan.

Ok disini Ana akan bagi dua cara..Pertama untuk menghilangkan terus Navbar dan yang kedua adalah dengan membuat "Auto Hide".

1. Loggin ke Blogger => Layout => Edit HTML.

2. Untuk menghilangkannya tambahkan kode berikut.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

3. Untuk membuat "Auto Hide" tambahkan kode berikut.

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

4. Tambahkan mana-mana kode diatas selepas kode <b:skin><![CDATA[/* seperti contoh dibawah.

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Green Star
Designer: abu Rifaie
URL: http://almansuqie.blogspot.com/
Date: 12 November 2008
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Understanding Autoresponder And Function

Kamis, 11 Juni 2009

Iklan / Pesanan Ala2 Navbar

Jumat, 21 November 2008

Cara Menghilangkan Navbar

Mengenai Saya

Arsip Blog