TUTORIAL : Your Own Navbar

tadi ade yang request una mcm mana nak buat navbar mcm una kan ? soo , here i am , tak tahu ape tuh navbar ? cuba tengok pic dekat bawah nie -->

hahh , tahu dah kann ? let's we start , 1st of all this tuto is credit to lettha :) sebab una guna code dia . then una tweak kan dia ^^ lagipun lettha use blogskin so code nyer mmg berlainan , una pulak guna washed denim kan ?  soo , let we startt ^^ 

First go to your Dashboard > Design > Add Gadget > HTML/Javascript then korunk sila copy paste code yang kat bawah nie -->

<div style="position: absolute; top:0px; left: 0px; width:99.6%; position:absolute; padding:3px; background:black; color:white; font-size:11px;">
<center>welcome to my empire !! CODE ONLINE USER|| <a href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID HERE">Follow </a> or <a href="http://www.blogger.com/home">Dashboard</a></center></div>

Nota berwarna :

Biru : yang nie korunk boleh letak apa sahaja words , kire macam ucap selamat datang lah kat blog korunk kann ??

Merah : yang nie korunk boleh letak korunk punyer online user , tak tahu ape tuh online user ? check it out HERE !

Hijau : yang hijau pekat tuh korunk tukar pada id blog korunk kayy ? 

biler dah sudah tweak segala bagai korunk save and lihat lah dia punyer hasil ^^ lawa takk ?? hee :D

NOTA BIT BOTT :

yang code dan colour boleh tukar okey ? macam yang black tuh boleh tukar pada pink , orange or etc . but korunk jugak boleh guna code colour seperti ini #000000 , tak tahu nak dapat kat mana ? yupp , korunk pergi je kat SINI yupp ^^ soo , selamat mencuba semuaaa :)

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

FREEBIES : Background Part-12

heyyy , ini freebies background yang una tweak olour okey :) soo , yang ini background DARK VINTAGE :) yang asal nyer yang first nie una amek dari snazzyspace.com soo , kalau dah ambil bgtahu una yer ^^ tak credit pun tak pe :) thanksss :)

http://www.snazzyspace.com/defaultimages/000000_dark-vintage.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfSzWEq3NzxscKeGsrA-OtUKLOHwrPvMuHvLFy6k30omAetaGBquFZgG8gy28-KdDn9sCZWuNPJf71pUIldRd0to83usO2CpiBVeeQBA58vvv_yu_tSHQDg_wX3Z9r2p9iZgplmAilX_qH/s1600/bluedark-vintage.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizl38o9nszgJlM_AffWYEqCCMKQu-Y55YdChoDUcRkNoDoicVHWCgo1489IixBBNkP_iuJmqKMYOg4xchQwRbJ2AlMSRcrM9QpaR0VKTxxVBgqUk09nWOX9YVZ4Ipyc6gqJ2TQc4rVcurL/s1600/browndark-vintage.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0O1NjAq3jsKhJJmH8R3EvsO6y0fqB8Re7DpmsMQiLULNgHzSIT1sbkvIvEWmay684DjoTFKahgeTTGMArnH5LhXiRxnQehdyP4hMPCgg0QxM4kS2h6HiBjyCiwYgAkFZ4jBTv76abmWdX/s1600/greendark-vintage.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAitiIMDUU0CqynJY1RX2hgtvfjcpqJHmhh_JWmgATl1kgkC5eARAuJOxlr1oCeOT7tUA7mZvreyjkm6Ac6hFycLHNGeZ6qotO5whvJLDagmXa22dfAwA3kap0o4Cri604VURfM7etjyc/s1600/pinkdark-vintage.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeNQfnCzheLyS7xHFjfUu-gDuWCWXOyARLjB5rBaI40-Q4Wp5KoiNapCut3kM8P-eDFGuEl9gkVv4Nv6rYwqBLOeKzMxIfdxc5Fm-ChZ7R8t1VMnnozufCdhzGCNgqSMvLxA8oe_XAfdqn/s1600/purpledark-vintage.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvac9I8_BwhF89JCf3EpOnvh0sm-Hd3T9m_zqShZiVxYKIUkAFeyy5X1SWNYqLIKlJTz52YHZe2PDVSb1N0i1IHiNAeG-ekD_HXC9RvJvZv4wXvAdz-OXXkwCxYdYk2N06oE__V1cJxhA6/s1600/reddark-vintage.png

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

TUTORIAL : macam mana nak tengok width Main body,Sidebar body & width header

Hanya untuk pengguna Washed Denim yaa :)

heyy , guy's now una nak buat tuto macam mana korunk nak tengok width main body , sidebar dan juga width header korunk :) okeii kita mulakan jomm :

FOR MAIN WRAPPER

First go to your Dashboard > Design > Edit Html and click ctrl + F then search for this code :

#main-wrapper {

then korunk tengok pulak gambar yang dekat bawah nie :

okeii , nampak yang una anak panah tuh ? korunk adjust lah width dia ikut citarasa korunk :) macam yang una punyer una guna 600px :) then kita beralih pula kepada sidebar pulak :

FOR SIDEBAR WRAPPER

click ctrl + F then korunk search code dekat bawah nie :

#sidebar-wrapper {

then korunk tengok pulak gambar yang dekat bawah nie :

okeii , nampak yang una anak panah tuh ? korunk adjust lah width dia ikut citarasa korunk :) macam yang una punyer una guna 290px :) so , next step kita nak tengok the whole width for blog korunk :

FOR CONTENT WRAPPER

click ctrl + F then korunk search code dekat bawah nie :

#content-wrapper {

 lepas tuh tengok gambar kat bawah nie pulak :

okeii , macam penerangan yang dah una bagi kat atas tuh kan ? korunk kene tambah jumlah lebar main wrapper & juga sidebar wrapper , contoh nya : 600 + 290 = 890 okeyy , dapat jumlah dia kan ? tapi korunk kene lebih kan sikit lebarnya bile letak dekat content wrapper tuh , contoh una letak 900px :) soo , now dah siap bahagian tuh semua , macam mana pulak dengan header kan ? mesty ramai tertanya2 macam mana nak  buat header kalau tak tahu width kan ? soo jom start :

FOR WIDTH HEADER

click ctrl + F then korunk search code dekat bawah nie :

#header {

 then tengok gambar kat bawah nie :

dah tengok ? macam yang una tulis tuh korunk kene pastykan width header sama macam width content wrapper , so then korunk boleh lah edit header sendiri :)

NOTA BIT BOTT :

sooo , korunk kene pandai2 adjust lah okeii ? kalau tak faham tanya una yaa ? nanty una bantu korunk :) hope sume nie dapat membantu korunk :))

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---