Cute Navigation

Assalamualaikumwarahmatullahiwabarakatuh .

Hello world. Welcome again to my private story. I am welcoming you to read my story. I  love to share my story here neither it was sad or happy story. Hope you will enjoy yourself read all the story of mine. Do leave your comments at my shoutbox .

Hari ni Asha nak ajar korang macam mana nak buat cute navigation macam kat blog Asha

haaa cute kan ? cute kan ? bagi Asha memang cute la.. navigation ni sesuai diletakkan kat blog Asha sebab Asha tak de menu tab or navigation tab.. that's why Asha buat cute navigation ni.. Meh Asha ajar sikit ;)

 Dashboard > Template > Edit Template HTML

 Tekan CTRL+F serentak

 Cari code untuk disclaimer korang
 Copy code yang Asha bagi ni dan pastekan kat tempat yang sesuai pada blog korang contohnya atas gambar korang.

  

<center><span class="Apple-style-span" style="font-family: calibri; font-size: medium; "><span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "><a href="URL LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">A</a></span><span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "><a href="URL LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">S</a></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">
<a href="<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "><a href="URL LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">H</a></span></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">
<a href="<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "><a href="URL LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">A</a></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">
</span></center></div><span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "></span></center></div>

 Tekan PREVIEW dan kalau dah jadi , boleh terus SAVE.

NOTA 
ABC : Letak URL Page korang
ABC : Letak huruf. Satu huruf pun dah cukup
ABC : Warna background boleh cari kat kod warna | warni

Haa senang kan ? Mudah sangat2 tau . Jangan lupa credit tau kalau dah berjaya tuh;)

Big thanks to all readers. 

Sincerely , Asha :)