Add Header bar or top bar in thesis

Special event thesis

Now days many webmasters and blogger (including me) are using Header bar (Top bar) on their sites. I like the header bar to be displayed on my blog for a special content to be highlight as it grabs the attention of a visitor. For example you can see the image below.

Header bar or top bar in thesis

How to add Header bar or top bar in thesis theme

  • First  take a backup of your custom_functions.php and custom.css file
  • Download thesis open hook plugin and install it in your WordPress blog. The plugin is very much useful for thesis user you can add code with ease.
  • Now open your dashboard go to appreance and then click thesis open hook

[php]

[/php]

  • Add this following above code into WP_head and check Execute PHP on this hook and then click on little save button.(Remember to change the link in the code according to your requirement)
  • Now open Custom.css  file and the below code and click on big ass save button.

[php]/* Custom Top Header Styling hellobar alternative */

#topbar{background:#FFFBCC; repeat-x; color:#eee; margin:0 auto; text-align:center;  text-shadow:1px 1px 1px #000; padding:7px 0; font-size:15px; letter-spacing:1px;}#topbar a{font-weight:700; text-decoration:blink; color:#198DC9; border-bottom:1px dashed;}#topbar li.widget, #headline li.widget p{margin:0;}[/php]

Refresh your page now you can see your brand new header bar on your site. If you like this post then don’t forget to share it with your friends.

About Raj Mehta

Raj Mehta has been designing, developing and managing online projects as a self-employed individual. He is the founder of Linetoweb. He has infinite passion for computers and technology. He is the young Entrepreneur and professional blogger from India.

Leave a Reply