ic Kathe With an E: How to Install The Hello Bar In Blogger

Friday, August 1, 2014

How to Install The Hello Bar In Blogger

At the top of my blog, you will see in a very fluorescent pink, what is known as a Hello Bar.
How To Install & Use The Hello Bar For Blogger
I have been asked numerous times about it, what is it, what does it do, so, I thought I would share a simple tutorial with you on how to install and use the Hello Bar on Blogger.

So, what is the Hello Bar?  From their website: 


The Hello Bar is a free optimization tool that allows you to show the right message at the right time to your website visitors. 

You can set the Hello Bar to guide readers to sign up to your email list, follow/ like you on any of your social media, sell an ebook, or even take them to your etsy shop. From my own personal experience, I can tell you it does work!  My email list grew by an average of 3 new signups per day last month. And, I didn't have to do anything! The Hello Bar did it all for me!

  
Now, let's get you started in setting up the Hello Bar on your Blogger blog.
First, Click here to be taken to the website and create an account. 
Once in, you should see this on your screen:
How To Install & Use The Hello Bar For Blogger
Now, you have to decide where/ what it is you want to direct your readers to. If you are selling a product or have a specific website you want your readers to go to, choose Drive Traffic.  If you want to collect email addresses, choose Collect Email. And the last option, Collect & Share is to lead your readers to like/ follow you on any of your social media outlets. For this tutorial, we are going to choose Collect Email.
How To Install & Use The Hello Bar For BloggerI always choose Email Only but you can choose Name and Email. Totally up to you. Once you decide, click Continue.
How To Install & Use The Hello Bar For Blogger
Next we want to fill in the Bar Text line. You can leave it with the default text but why not make it a bit more personal? Note: You can also change your link URL by clicking on Edit Link URL. You can find your Mailchimp signup URL by going to Lists, Create Forms and you should see it there. **For Feedburner, we kind of have to back up because, for it to work you have to use the Drive Traffic option when you first log in. Log into Feedburner, go to Publicize, then on the left, Email Subscriptions. Scroll down to the subscription link code. Find the part in the link code that comes after the a href=. You will copy just the URL in the quotes there.  That is your subscription link.How To Install & Use The Hello Bar For Blogger
Now, we want to choose the color of our bar.  You can go with one of the 5 standard default colors, or you can choose "Customize look and feel..." and go crazy! I have heard from other bloggers that the more wild the color, the better the result.
You know me...I always error on the wild side! Under "Background Color" I went for the hottest pink I could get.
How To Install & Use The Hello Bar For Blogger
And then click Next.

Time to add the code to our blogger template.

How To Install & Use The Hello Bar For Blogger
Click on "I can install code myself" (yes, yes you can cuz I am here to help you!)

Just follow ALL OF the steps below:

  1. Click on "Click to Copy" and the code script will be copied, you can even save the script cote on a notepad if you'd like
  2. Go to your Blogger > Template
  3. Click on Edit HTML
  4. With your cursor in the body of the HTML code, press Ctrl and the letter F at the same time, and in the right top you should see a search bar.  Type in "</body>"  and hit enter.  </body> should now be highlighted 
  5. Simply paste the copied code right before </body>
  6. Now, save your template and you're done
  7. Finally, click on "I've Installed Hello bar" and you'll be redirected to your dashboard
In some cases, in order to make sure the Hello Bar is on your blog you may have to clear your browsing history and then go check your blog.

There you have it! The new way to capture new readers aka friends!  I like to change up my Hello Bar at the first of each month. One month will be email subscribers, the next month might be Follow Me On Facebook. Once you know how to set it up, it's a no brainer to change it up! 

**Disclaimer: Results may vary.  Always back up your Template before attempting any changes. Always consult a professional if you feel overwhelmed by any of the tutorial steps listed. What works for me, may not always work for you. Kathe With An E assumes no responsibility if installation process is not followed correctly.

Like what you saw today? 
Well then, don't miss any new posts!
Follow my blog by email
AND
Don't forget to come by on Tuesday's
for my link party.

24 comments:

  1. I've wondered how to do a hello bar. Love these easy directions!

    ReplyDelete
  2. Thanks for the information...Now I just need to install it.

    ReplyDelete
  3. Great tutorial Kathe! I've been thinking about installing a Hello bar and now I know how simple it is. Thanks!

    ReplyDelete
  4. Thanks for the great tutorial Kathe. I have been wanting to add this to my blog and now I can.

    ReplyDelete
  5. Thanks so much for the info! I may be able to try this - hopefully! Pinning to my Blog Help board.

    ReplyDelete
  6. I have been thinking on installing this....I think you may have convinced me!

    ReplyDelete
  7. I wondered myself how to get such a bar thanks for walking us through it

    ReplyDelete
  8. Thanks so much for all of the great information Kathe! I followed your instructions and now have my very own Hello bar. :)
    Kristi

    ReplyDelete
  9. Got mine today, choose green, but not sure, if I am alright with it :-)

    ReplyDelete
  10. When I click Ctrl F nothing happens! Can you help me with what I am doing wrong?

    ReplyDelete
  11. Thank you for the info Kathe. I am not very savvy at anything tech oriented. Maybe I will get brave and give this a try. Thanks for sharing. Candy

    ReplyDelete
  12. I got it installed! Very simple! My question now is, where do the emails collected go? Do they become email subscribers through my feed burner?

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  13. Thanks for this great tutorial Kathe! I was able to install the hello bar with no problems!

    ReplyDelete
  14. This just made my day!! Thank you so much!!!!

    ReplyDelete
  15. You were super helpful!! Hooray for getting it to work!!

    Blessings to you!

    ReplyDelete
  16. Thanks for the tutorial! I couldn't figure it out and this was perfect!

    ReplyDelete
  17. Thanks Kathe, this was very helpful!

    ReplyDelete
  18. thank you for this tutorial! I just installed mine.

    ReplyDelete
  19. Your directions made installing a Hello Bar sooo easy! Thanks for sharing.
    KaSandra
    MemoriesMadeinFirst

    ReplyDelete
  20. Fabulous Kathe!! Thank you, thank you, thank you!! :) Off to pin!!

    ReplyDelete
  21. i copy and paste the code on my blogger, but did not show hellobar on my site.

    ReplyDelete

Thank so much for taking the time to leave a comment...your comment makes my heart smile ♥