Showing posts with label navigation. Show all posts
Showing posts with label navigation. Show all posts

Tuesday, October 18, 2011

[Tutorial] Own Navigation Bar



Tadi bukak shoutbox. Tengok ada request dari Hidayah untuk tuto nie. Korang tengok kat atas tu, yana punya button Dashboard an +Follow kat sebelah kanan kan? Haaa. Meh sini yana nak ajar :)

1. Dashboard > Template

2. Ctrl+F cari code nie

<head>


3. Dah jumpa tu, copy dan paste code di bawah selepas code <head> tadi

<div style="position: fixed; top:0px; right: 0px; width:345px; border-radius:5px; padding:3px; background:url(URL IMAGE); color:#ffffff; font-size:11px;"><center> Kamu dah tersekat di blog saya. Pilih<a href="http://www.blogger.com/home"target="_blank">Dashboard</a> atau <a href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG KORANG"target="_blank">Follow</a></center></div>


#yang warna oren tu boleh ditukar macam yang korang nak. top dan right untuk kedudukan link korang tu nanti. yang color tu untuk warna tulisan.
#warna merah boleh letak ape yang korang nak untuk image. Blog ID tu pulak letak lah ID korang tu.
#warna purple tu korang tukarlah dengan ayat korang tu.

4. Save template. Siap!^^

update

Untuk pengguna template dari blogger.com, paste-kan code kat atas tu ke dalam HTML/Javascript box ye? :)

update2

Kalau nak buat macama yana, yang background dia penuh kat atas tu, kat code width:345px tu boleh tukar jadi width:100% . Then save :)

Lots of Love,
Yana ♥

Friday, April 22, 2011

[Tutorial] Remove Navigation Bar

salam readers~

memandangkan aku tak boleh nak online beberapa hari *maybe weeks* -_____-'.

so aku nak buatlah bebanyak tuto hari nieh. eheh. *terajen pulok. takpe lah kan? heee.*




untuk tuto kali nie, korang ikot step nie satu-satu okeh?

1. Dashboard > Design > Edit HTML

2. Cari code nie :
*Ctrl + F untuk mudahkan pencarian*
*Ctrl + C untuk Copy*
*Ctrl + V untuk Paste*

/* Variable definitions


3. Dah jumpa? then copy code nie pulak dan paste kan kat atas code tadi :

#navbar-iframe {
display: none !important;
}


4. Preview dan Save. :)

p/s: kalau tak jadik sila bagitahu okeh. :]

signature2