Cara Menghilangkan NavBar dan Membuat Favicon

Para pembaca sekalian, sila BERI KOMEN yang BERMANFAAT selepas membaca entri ini.

Baru post pasal Myspace Grab kini aku akan tulis pasal tutorial blogger lak. Tutorial kali ini sebenarnya 3 in 1 dalam satu entri. Aik, bukan dua je ke? Kenapa dan mengapa aku cakap ada tiga? Sebab ada satu tutorial tu spesial request fromAlien Ijo



Tutorial pertama aku ialah cara nak hilangkan NavBar. Apa itu NavBar? NavBar bentuknya memanjang dan terletak di bahagian atas blog. Tak langgar terms&condition ke kalau NavBar dihilangkan? Sememangnya tak langgar pun sebab Blogger sendiri tak nyatakan pasal kewujudan NavBar ni.



Mari ikuti Tutorial Menghilangkan NavBar.

1. Anda harus Login dulu di Blogger.com
2. Klik pada Layout > Edit HTML

3. Copy coding berikut :

#navbar-iframe {

display: none !important;
}

4. Paste coding berikut seperti contoh di bawah ini:



-----------------------------------------------
EDITED BY,

Name : CIK AMOI
Date : 15 MARCH 2009

URL : http://rojakstory.blogspot.com



Coding Prepare By,
Ipiet

URL : http://ipietoon.blogspot.com



----------------------------------------------- */



#navbar-iframe {
display: none !important;

}




5. Save template.



**UPDATED** 28/03/2009
Cara membuat Auto Hide Pada navBar Blogger


Pada halaman Edit HTML, cari kode body { kemudian letakan kode dibawah ini diatas kode body {

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

Cara Menghilangkan Strip Pyzam



Seterusnya, tutorial ini di-rekues oleh Alien Ijo. Dia nak tahu cara nak hilangkan strip yang berwarna merah/biru di blognya. Strip yang aku masukkan ialh seperti berikut:







Untuk hilangkan strip tersebut senang je.
Sebelum tu sila masuk ke LAYOUT > EDIT HTML dan tick pada EXPAND WIDGET TEMPLATES



1.Cari coding ini:
<div class="bloggerPyBar" style="cursor:pointer;">


2.Kalau dah jumpa, delete terus coding ini:

<div class="bloggerPyBar" style="cursor:pointer;"><div
class="pylogo"><span
style="position:relative;top:-1px;left:0px">«</span> <a
href="http://www.pyzam.com">PYZAM.COM</a></div>

<a href="http://www.pyzam.com/bloggertemplates">CLICK HERE FOR BLOGGER TEMPLATES</a> AND <a href="http://www.pyzam.com/myspacelayouts">MYSPACE LAYOUTS</a> <span
style="position:relative;top:-1px;left:0px;">»</span> </div>

3. Save template.



Cara Membuat Favicon.


Tutorial terakhir datangnya dari blog Liga Malaysia. Dia nak tahu cara buat Favicon. Apa itu favicon? Favicon seperti yang aku paparkan di bawah ini:







Sudah tahu di mana letaknya favicon? Ok tutorialnya seperti berikut:
Sebelum tu sila masuk ke LAYOUT > EDIT HTML


1. Masuk ke website ini. Favicon



2. Dah upload gambar yang anda mahukan? Apa lagi download la gambar tersebut.



3. Pastu upload dalam image hosting seperti Photobucket.



4. Dah upload dalam image hosting, anda hanya perlu copy DIRECT LINK gambar tersebut.



5. Copy coding ini:

<link href='DIRECT LINK ANDA' rel='SHORTCUT ICON'/>

6. Paste sebelum </head> .



7. Save template dan lihat hasilnya.




Habis sudah tutorial kali ini. Tutorial kali ini sebenarnya sesuai untuk begginer blogger. So, harap mereka yang sedang pratikkan tutorial aku ni boleh faham dengan senangnya. Kalau ada sebarang pertanyaan pasal tutorial ni sila tingglkan komen and jejak anda ya!



-Selamat Mencuba-

 Via: TRIK-TIPS
, OoM

Tweet

tag: Tutorial Blogger