Tutorial : Make Your Own Navbar

Kiera Rashid | 3/30/2012 05:39:00 PM | 0Comments |
Hello guys ! dahh lame pulok tak buad tutorial nhe , Ahaaa , mungkin dah ramai tao tuto nhe , budd kiera ade yg lagi menarik nak kongsikan kat korank . okee jumss tuto . Tengok pics kat bawah nhe oke :)


Haa , menarik ? nak buad ? jomm ikudd step-2 yg diberi .

First korank copy code kat bawah nhe :
<div style="position: absolute; top:0px; left: 0px; width:99.6%; position:absolute; padding:3px; background:black; color:white; font-size:11px;">
<center>Your Own Text !! CODE ONLINE USER|| <a href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID HERE">Follow Here </a> or <a href="http://www.blogger.com/home">Dashboard</a></center></div>
then , pergi kat Dashboard > Design > Add Gadget > HTML/Javascript
Lepas tuhh , korank paste lhaa code yg kiera bagi kat atas tadi kat RUANG HTML tuhh okee :)

notaa : 
- yg warna merah tuh , width dea . if kalau muat kat korank punya blog . soo , tak payah tukar puns tak pe okee :) , kalau taa . korank edit lha bagi muat okee .
- warna ungu : kedudukan navbar korank tuhh . kalau nak macam kiera yg tetap melekat kat atas walaupun kita tengah scroll ke bawah . korank boleh tukar ke FIXED . kalau tak nak . abaikan je okee .
- warna kelabu , warna warna background dan warna text korank . tukar je , nak pakai code HTML color puns bolehh .
- warna kuning pulak , tukar kan aje kepada ayat korank oke . macam Assalamualaikum je . orr pape jee lhaa . 
- warna biru , tukar kan kepada code Online User korank . kalau tak de . buang je code yg warna kuning tu.
- warna hijau , letak blog ID korank okee . :)

Ehhh ! cuba perhatikan betul-2 . kiera punya ade background yg comel kat navbar . macam mane nak buad ? , cuba tengok pics kat bawah nhe :

tengok ? ade background ken ?

Haa , sape nak buad ? okee ! cubaa korank tengok code yg kat atas tadi tuu . done ? okee . cubaa cari code yg bertulis Background: black ; . now korank highlight ayat tuu . then tukar kepada code kat bawah nhe :
 background : url(URL BACKGROUND);

okee , done ! paham kan ? kalau taa paham . infomm kiera okea . nak amek tuto nhe . just credit to kiera okee . Good Luck ! :)

No comments: