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.

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.