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
Don't forget to come by on Tuesday's
for my link party.


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

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

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

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

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

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

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

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

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

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

  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

  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?

    1. This comment has been removed by the author.

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

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

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

    Blessings to you!

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

  17. thank you for this tutorial! I just installed mine.

  18. Your directions made installing a Hello Bar sooo easy! Thanks for sharing.

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

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

  21. UFC 212 Fight Card, Schedule, Date & Must-See Details. Watch UFC 212 Live Streaming Free Online. Aldo vs Holloway UFC Fight online preview.

    UFC 212
    UFC 212 Fight Card
    UFC 212 Card
    UFC 212 Live
    UFC 212 Live Stream
    UFC 212 PPV
    Aldo vs Holloway
    UFC 212 Aldo vs Holloway

  22. You have formed tolerable post sir, I will bookmark this page, an obligation of appreciation is all together for information. I truly esteem your own position and I will make a point to return here soon.and feel free visit my blog as well.
    mayweather vs mcgregor, mcgregor vs mayweather, mayweather vs mcgregor, mayweather vs mcgregor live


  23. Mayweather versus McGregor:How to Watch Mayweather versus McGregor? At the point when is Mayweather versus McGregor? What Time Mayweather versus McGrego? What Channel Mayweather versus McGregor? Mayweather versus McGregor Fight Date,Fight Time,Fight Card,Which TV,Showtime PPV,Stream Live,Update Online,Mayweather versus McGregor PPV Price,Mayweather versus McGregor Tickets Price,What Venue is occurring Mayweather versus McGregor?
    mayweather vs mcgregor , mayweather vs mcgregor , broner vs garcia , garcia vs broner

  24. Watch NFL Preseason Games Free 2017 Live Stream. Best Place to Watch NFL Preseason Games Live Stream On Your Devices Without any Hassle!
    NFL Preseason
    NFL Preseason Free
    NFL Preseason live
    NFL Preseason Live Stream
    NFL Preseason 2017

  25. This is wonderful article sir,I have bookmark it for future read.Thanks for it.Feel free visit my boxing blog.
    Mayweather Jr vs Mcgregor , Mayweather , Mcgregor , Floyd Mayweather

  26. The two famous boxers Floyd Mayweather and McGregor have given their consent to play a friendly boxing match on 26 in Las Vegas. The fight is considered to become the highest grossing event the history of any sport. The match was expected on Wednesday evening with a McGregor chirp up “The Fight is on”, moments at first Mayweather posted an uplift video on his Instagram page, towards with the caption “It’s Official”.

    Floyd Mayweather vs Conor Mcgregor
    Mcgregor vs Mayweather
    Mayweather vs McGregor
    Mcgregor Mayweather
    Mayweather McGregor
    mayweather mcgregor fight

  27. UFC Fight Night where fans can get the latest Mixed Martial Arts (MMA) news, watch live streaming video, learn about upcoming events, view fighter profiles, and more.

    UFC Fight Night
    UFC Fight Pass
    Watch UFC Fight Night
    UFC Fight Night Live
    UFC Fight Night Live Stream

    The Cleveland Cavaliers, often referred to as the Cavs, are an American professional basketball team based in Cleveland, Ohio. The Cavs compete in the National Basketball Association as a member of the league's Eastern Conference Central Division.

    Cavs Game
    Watch Cavs Game
    Cavs Game Live
    Cavs Game Live Stream
    Cavs Game Online

    The National Basketball Association is a men's professional basketball league in North America; composed of 30 teams. It is widely considered to be the premier men's professional basketball league in the world.

    NBA Games Today
    NBA Games Reddit
    NBA Games Tonight
    NBA Games Online
    NBA Games Live
    NBA Games Live Stream

  28. I really like whenever you write. This kind of work is really praiseable thanks for sharing french minecraft


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