01 / 11 / 2012

How to add sticky navigation bar to your blog – Style 1

Assalamualaikum and hi! As I mentioned in the title, in this entry I will teach you on how to add this sticky navigation bar to your blog. You can use this bar as the main navigation of your blog which will lead readers to other pages such as About Me, Freebies and Archive page. Click here to see Live Preview of the navigation bar

1.Edit the codes

To edit the codes, please use http://htmledit.squarefree.com/ because I swear it is the easiest and quickest way to edit some html codes. 

2. Apply the codes

For Blogger Template Designer user, paste the edited codes to a new gadget on your sidebar. Make sure to leave the title empty. To add a new gadget :  Home > Layout > Add a Gadget > Choose HTML/Javascript > Paste the codes > Save.

For classic template, simply paste the codes under </style>

Thank you for reading 🙂 

»
«
  • wana,saya guna.Thanks 😀

  • Oh my God, all of your tutors are really adorable. Thanks so much <3

  • @Hawa Faqihah okay, welcome :3

  • @Labina Kirby welcome :3

  • I'm use it. Thanks wana 🙂

  • Hi! I use it on my blog but I have a problem… When i scroll down the navigation bar disappear!! I want to stay quiet! Can you help me? 😀 thank for everything! <3

  • Hi! I noticed that the navi bar in your blog are covered by the main body. Can you remove what you have done before and place the codes under http://iheartkevinwoo.blogspot.com/2014/01/a.html (i cannot post the codes here it will missing) >< sorry for my mistake.

    If you're using the follow button in the codes, you must change the <$BlogID$> to your blog ID (in number) to prevent error 🙂

  • thank you veeeeeery much! Now I changed it and it see nice! I don't know how to thank you all the help you gave me with your tutorials and resources. You and your blog are so awesome! ❤❤❤❤❤

  • omg the compliment you gave me made my day ! thank you so much !! <3

  • Hello! May I use this navigation? I'll credit you 😀

  • Izin guna kak

  • Thank you kak wana! Nurin ada edit sikit ikut taste Nurin. Apa2 pun, thank you tau!

»
«

The blog writer

shazwana


An ordinary girl with a lot of hobbies, using this blog to share every pieces of her life, I am Wana without Seoby, a Marketing student who is in love with the art of coding.

Read more about me


+ JOIN THIS SITE

Instagram

Footsteps

My Bloglist

Sponsor



© 2011-2017 WANASEOBY.COM