Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

How to add Hello Bar in thesis / WordPress

Hi today i m going to to tell how to add hello bar in thesis or WordPress. few days back i saw hello bar on most of the sites i visited to i thought to get it one. i got one from hellobar.com, if you need one account register their or just contact me to get an Invite.

What exactly is Hello Bar ?

Hello Bar is a fun, unobtrusive yet highly visible web toolbar that sits at the top of your website and is a great way to engage users and get them to take immediate action.

WordPress Installation :

for installing Hello Bar in WordPress its quit too easy. Just follow the below steps :

  1. Login to your WordPress Dashboard
  2. Go to Appearance >> Editor
  3. Select Header.php and find for <body> and just after that Add your Hello Bar code their. for example :
    <body>
    <script type="text/javascript" src="//www.hellobar.com/hellobar.js"></script>
    <script type="text/javascript">
        new HelloBar(17972,14058);
    </script>

    <body> <script type="text/javascript" src="//www.hellobar.com/hellobar.js"></script> <script type="text/javascript"> new HelloBar(17972,14058); </script>

  4. Save header.php and please don’t copy the above code its only for example. and place it only if you need to show my hello bar of your site

Thesis Installation :

Now you are over with the Normal WordPress theme if you are using Thesis then you need to use some different steps , to display Hello bar on thesis then follow the below steps :

  1. Login to WordPress Dashboard
  2. Go to Thesis >> Custom File Editor
  3. Select custom_functions.php and add the below code :
    function hello_bar() { ?>
    Your Hello bar script here
    <?php }
     
    add_action('thesis_hook_before_header','hello_bar');

    function hello_bar() { ?> Your Hello bar script here <?php }add_action('thesis_hook_before_header','hello_bar');

  4. Now just replace “Your Hello bar script here” with your own Hello Bar script and then save it

Yipee , now we have just learned to install Hello Bar on WordPress and Thesis. Now a gift or just a easy way for you to add the hello bar script theirs a plugin out their in WordPress Plugin directory named The Hello Bar through which you can install your hello bar. directly using WordPress Admin interface and you wont also have to do all these steps even if you change the theme.

Hope you like the Post , I would love to have your feedback.

Subscribe via Email

Share this:

  • Twitter
  • Facebook
  • Pocket
  • Print
  • WhatsApp
  • Email

Related

April 13, 2011 Ritesh Sanap Thesis Customization, WordPress custom_functions.php, header.php, Hello bar, How To, Thesis, Thesis Customization, wordpress, Wordpress Plugin

Comments

  1. Mark H says

    May 11, 2011 at 3:58 am

    Hi Ritesh,

    You have a very nice website, and very informative, using wordpress and thesis!

    Reply
    • Ritesh Sanap says

      May 18, 2011 at 8:57 pm

      Thank you Mark i m extremely happy to hear those words. it made me more confident :)

      Reply
  2. The_Lazy_Nerd says

    June 19, 2011 at 7:16 am

    I will try and put up the hello bar on my blog and hopefully I’ll come back to thank you later…

    Just in case I forget thanks in advance ;)

    Reply
    • Ritesh Sanap says

      July 31, 2011 at 7:01 pm

      Thank you The_Lazy_Nerd :)

      Reply
  3. Lenny says

    August 30, 2011 at 3:19 pm

    Any idea how to place the Hello bar under the header?

    Reply
    • Ritesh Sanap says

      September 1, 2011 at 9:29 pm

      Sorry Lenny,
      The Hello Bar is been programmed to always appear at the top of the page.

      Reply
  4. Lowell says

    March 28, 2012 at 11:17 pm

    Another easy way to do it in Thesis is to add the code to the , Just go to ‘Site Options’ then select additional scripts and cut and paste your code. Important note: You won’t see it until you log out of WordPress.

    Reply

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Post navigation

Previous Previous post: How to Create and Cutomize Archive page template in thesis
Next Next post: Xhilaration Blogger Template

Currently Trending

  • How to download Specific parts of YouTube videos
  • How to Make Your Own Avatar
  • You might also like this Widget for blogger or Related post widget
  • How to Delete Feedbacks from JetPack Contact Form
  • List Of All 255 Keyboard All Alt Key Codes
  • 100+ Best Online Games - Who Else Wants to Play ?
  • How to Change the Welcome/Login Screen in Windows XP ?
  • Windows Vista CD key
  • Add/Remove page/Post View Counter Widget For Blogger
  • h4x0r ( Hacker ) - Blogger Template

Get Latest post in your Inbox

Random Posts

How to Load Web Page Faster using Prefetch and Prerender

November 26, 2012 By Ritesh Sanap Leave a Comment

How to add our own logo to Dashboard

March 15, 2011 By Ritesh Sanap Leave a Comment

Make Autorun For Ur CDs n DVDs

February 29, 2008 By Ritesh Sanap Leave a Comment

Explorer.exe Deleted Or Taskbar Deleted

April 9, 2009 By Ritesh Sanap Leave a Comment

Setting Windows Explorer Background Images

March 12, 2008 By Ritesh Sanap Leave a Comment

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2023 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean