By Dave Shepard
We recently launched Hello Bar, a great new web toolbar for grabbing your visitors’ attention. Hello Bar is meant to be an easy to setup, easy to maintain and easy to deploy solution for setting up calls to action on your website, regardless of where its hosted or what system is powering it. So long as you have access to paste in JavaScript code, you can run Hello Bar on your website!
Running Hello Bar on Tumblr:
To place your Hello Bar on your Tumblr blog, just paste the code snippet into the Description text area. Since there are some Tumblr interface elements that take up the same space as the default Hello Bar open/close links, we recommend you set the open/close link position on the left side via the Settings area of your Hello Bar.
Running Hello Bar on WordPress:
Depending on how much exposure you want your Hello Bar to have, you can either paste the code snippet in your theme’s template files for global exposure, or you paste it in the HTML editor on a post or page for single page exposure. UPDATE: This will only work with WordPress.org installations
Running Hello Bar on Squarespace:
Running Hello Bar on your Squarespace website is very simple thanks to Sqaurespace’s full support of HTML code snippets. Just paste in the code snippet any place you can edit HTML.
Running Hello Bar on Blogger:
Blogger’s deployment options is similar to WordPress’. You can have your Hello Bar show up on a single page by pasting your code snippet in via the Edit Html view. You may have to save the post while in the Edit Html view though as Blogger has a nasty habit of placing in <br /> tags where they aren’t supposed to be. Alternatively, if you want site wide exposure, you can go to the Design section of your blog and Edit HTML for the blog’s template. Just paste the code snippet in after the line that looks like: <body expr:class='"loading" + data:blog.mobileClass'>
Running Hello Bar on Weebly:
Weebly is a great little easy to use platform for simple websites that supports JavaScript in numerous areas depending on how you want to deploy your Hello Bar. To deploy a Hello Bar on a single page, go to the Pages section and click on the Advanced Settings to paste the Hello Bar embed code snippet into the Footer Code field. If you want your Hello Bar to show up on any page of your Weebly website, go to the Design section and click on the Edit HTML/CSS button in the upper left of the screen and paste your Hello Bar embed code snippet just before the </body> tag. Be sure you are familiar with and comfortable with HTML before you do this option!
Running Hello Bar on Typepad:
Deploying a Hello Bar on Typepad may not seem possible at first, but you can still embed it in your design to show up on all the pages of your Typepad website. Go to the Settings section of your website and paste your Hello Bar embed snippet in the Blog Description box.
Hello Bar on Your Drupal Website
Deploying Hello Bar on a Drupal based website should be a simple task for theme developers. You can add your Hello Bar code snippet wherever you are outputting HTML and it will process just fine. Alternatively, you can also implement it using Drupal’s block system. Just create a new Full HTML block (NOTE: not all Drupal users may have access to this block type, contact your website administrator to do this if you don’t have access) without a title and paste in the Hello Bar code snippet as the content. Place the new block in a footer block area for your theme and you’re set. Using this method you could create multiple blocks with different Hello Bar code snippets and show different Hello Bars for different areas of your website using the access controls for the block.
Hello Bar on Your Joomla 1.5.x Based Website
To add your Hello Bar to your Joomla based website, the easiest way is to utilize the Joomla module system. This will give you the greatest control over what pages the Hello Bar appears on. If your user has privileges to do so, in the administration control panel of your Joomla website, navigate to the Module Manager section and create a new Custom HTML module. Set the Show Title option to off or you will see your title on the pages the module exists – all we want to see is the Hello Bar displayed on the page, not an actual module block. Set your Position to the footer if your Joomla template has that available as an area. The Order does not matter, but if you want, put it at the bottom of the order list. To determine where your Hello Bar will appear, select the places you would like in the Menu Selection section. The last thing to do to setup the module is paste in the code snippet. Just click on the HTML Source Editor icon in the Custom Output editor area and paste your Hello Bar code in.
NOTE: Joomla will automatically modify the code snippet and pre-pend http to the //www.hellobar.com/hellobar.js JavaScript file path. If you are running part of your website through https, please make two Hello Bar modules – one for http and one for https – and manually specify https in the JavaScript file path.
Click the Save button to save the module and a Hello Bar should now appear on any of the pages you specified in your Menu Selection section.
Hello Bar on Your Joomla 1.6.x Based Website
Adding a Hello Bar to your Joomla 1.6.x based website is just like adding a Hello Bar to a Joomla 1.5.x website, just make adjustments to the new module management interface in the Joomla 1.6.x administration panel. I recommend checking out the Joomla Document Wiki or searching Google for details about changes and tutorials on using the new administrative interface if you are not familiar with them.
Hello Bar on Your DotNetNuke (DNN) Based Website
When adding a Hello Bar to your DotNetNuke based website you first want to be mindful that you’ve copied the snippet correctly. Next you’ll want to verify that you’re working in the HTML Editor NOT the Page Editor. Once you’re in the HTML Editor, add a text/HTML module (this is added so that only page editors can see it) in any pane. Lastly, switch to text box mode and add in the embed code and press save.
Where are you deploying Hello Bar? Got any quick tips on deploying on a platform I didn’t cover here? Have any platforms I didn’t cover here that you’d like to see covered? Let us know in the comments!
UPDATE: Please note that this blog post’s comment thread is not a good place to post support questions about integrating Hello Bar on your website. If you are having trouble, please feel free to post your question on our support forum and one of our team members will be happy to assist you as best we can.
Comments 173
Just thought you’d like to know, the link to the hellobar page is incorrect:
http://wwww.hellobar.ocm/
Great little widget, though
Worked like a charm on WordPress!
Thanks for such an easy to install and snappy looking toolbar.
Thanks! The link is fixed.
I love this toolbar! BUT it isn’t working proper on my website. Is it only relevant for the CMS platforms you outlined in this tut?
Nevermind – figured it out
THANKS!
Hey Frez, what CMS platform were you trying to deploy it to and what did you do to get it working? It would be great to add the instructions to the post here for others to benefit from.
This feature looks really awesome, and I’d love to implement it in to my website but it just freezes my website and keeps it from loading. Any non-wordpress/tumblr help available?
Hello Dave – I was able to implement the bar on a good ‘ol fashion hand-coded website
Check it here: http://todayisanewday.com and thanks again for the coding!!!
Hi,
I want to publish a Hello Bar on a Media Wiki based site. But, I don’t know where I need to place the code. Any suggestions are appreciated.
Where exactly in the wordpress template files would I put this in if I want it to run across my entire site??
Thank you!!
Patrick
Hi Patrick,
You can place the HelloBar code snippet in your theme’s header or footer to make it appear sitewide.
Alternatively (and arguably easier) is the technique of placing your Hellobar code in a Text Widget and placing the Widget into one of your Widget areas.
Hey Patrick, the best place will either be in the footer.php file before the
</body>tag or in the header.php file after the<body>tag. These files are included on every page, so you’ll always see it no matter where you are on the site.Hey Chips, can’t say that I’ve tried it yet on a Media Wiki installation. Anyone have any suggestions? I’ll see if I can do some testing here too.
Very Awesome!! Thank you!!!
I have been attempting to get my hellobar to work. I have it working on WP just like it is designed, but now I just get “…” at the header on the page.
I have copied the text again and changed the twitter feed, entered the message manually, but still have not identified the point of failure.
I really thing it is a cool tool and look forward to getting this working again. I had it working once and then it just quit showing up.
Any thoughts?
Russ
Hey Russ, thanks for the heads up on this. I’ve actually responded in our support forum to another user who is having a similar issue. We’re taking a look into it. The Twitter feature is one we’re still perfecting
To keep things organized (and to make sure your questions get addressed), please keep comments limited to this article and post any support requests to our Get Satisfaction forum at http://getsatisfaction.com/hellobar.
Trying to put in on a Weebly generated site. I put it in the header and it didn’t show up so tried inserting it into the html with no luck either. Putting it into a custom html box worked but I couldn’t get it at the top of the page. I haven’t published the site yet so maybe that’s why I can’t see it?
posterous???
That is the correct way of doing things. The Hello Bar will appear at the top of the page automatically, but sometimes themes can make the Hello Bar itself appear strangely. Do you have a page listed where you have the Hello Bar deployed on so we can see an example of what you’re getting?
Unfortunately posterous doesn’t support JavaScript in their themes, posts, pages or widgets yet. Its been an issue with their system for some time (over a year at least from what I can tell by the forum posts and blog comments). They’ve stated for some time that its a “coming soon” feature, but they’ve been saying that for over a year now. I’d recommend contacting them to see if they have any kind of ETA on JavaScript support.
[...] recently blogged about Deploying Your Hello Bar Anywhere and have gotten a lot of great feedback on the topic. Some services make it tricky to add custom [...]
Hi everyone,
I’m just chiming in to let you all know that we’ve created a very simple WordPress plugin that makes it even easier to add Hello Bar to your WordPress site (globally).
Grab it here and let us know what you think.
Awesome!!! It works like a charm! 5 stars from me… I’m the first vote of ultimately Millions! I can see it now
.
Great bar. One quick question though.
The way the bar renders, it actually becomes a part of the content, so when I load it on sites like http://www.blogginglabs.com/ or http://mountain.bike198.com/…the bar pushes the content down but the background stays in the same spot.
When this happens, the entire look of the site is off. Is there anyway to get around this?
Thanks
Hi Robb,
depending on how the site is coded, the inclusion of the Hello Bar can cause the issue you’re describing. A potential solution would be to change the Hello Bar’s settings to: “Positioning: Cover’s page content”.
Using wordpress, I get how to have HelloBar show globally on all my site pages. I get how to have it show on one specific page.
Now my question is how do I get HelloBar to show on my blog home page and blog post pages but not on other parts of my site like the home page and so on?
As in how can I get it to only work on “/blog” and pages with “/blog/*” in their URL (subdomain)
Hi Owen, I’m just following up on this issue.
It looks like Dave over in our support forum was able to help you out. I’ll post the solution for the benefit of others who might want the same behavior.
Please go ahead and post the solution to the issue I was facing. Your customer service is awesome!
Hello Bar rock! It’s a super simple way to get attention on your website. I’m impressed.
I have a link cloaker installed on my blog for affiliate links, it’s the Eclipse Cloaker, and I’m not sure if that’s the issue or what, but the way the link renders is:
http://theaveragegenius.net/www.socialmonkee…affiliateID
It just causes a 404 error.
Has anyone put this on a Drupal-powered site?
Got it working site wide on Blogger after I finally realised that Flock is blocking the popup even though hellobar is explicitly in the allowed list. Works in Firefox, IE, Chrome & Safari ok.
This Hello Bar is great! Thank you so much!
Really love it!
Cheers,
Olle
How about instructions for Joomla?
I figured it out for Joomla: just put the code right under the in your HTML Template under the Administrator.
Where exactly did you put the code in Joomla to get it to work?
New Hello Bar user/lover.
Got it installed in a snap on my blog with the WP plug-in mentioned above. Looks great!
But on my website, it looks great in Chrome and Firefox, but not on IE.
Can you take a look at the test page on the different browsers and tell me why the IE one has all that extra text that shouldn’t be there?
http://www.easylunchboxes.com/test.htm (The Hello Bar on my blog looks good on all 3 browsers)
WordPress. Dot com or dot org? They work very differently as you know, and knowing which one is being described would be helpful. The above recommendations are not working on dot com.
trying to figure out how to place the Hello Bar into a RapidWeaver site. I’ve placed the code in the Snippets area, but it doesn’t down up anywhere. Can’t figure out how to actually edit the source (page) code. Any suggestions?
LOVE the Hello Bar! Instructions were super easy! Thanks!!!
[...] to otrzymany kod może wpisać w oknie edytora i opublikować jako post. Autorzy gadżetu piszą na swoim blogu, że można to zrobić na kilku platformach blogowych (Blogger, Tumblr, WordPress). Ja [...]
Tom Dunn: In Joomla 1.5.x, go to:
extensions manager -> template manager -> select your template
Click “edit HTML” button.
Insert code under the
DONE!
Shouldn’t have any problems there, depending on where you want it to display you could add it to your Drupal installation’s theme in a template file or you could paste the code into a node field in HTML mode (if you have that enabled) if you want it only on a specific node’s view.
So, Hello Bar doesn’t really work in the old HTML 4.01 DOCTYPE very well – especially in IE. IE has its own very unique interpretation of what things are supposed to look like when that DOCTYPE is specified. If you change your DOCTYPE to a more modern DOCTYPE such as XHTML 1.0 Transitional things should look good for you in IE. Keep in mind that changing your DOCTYPE might adversely affect other aspects of your site since it does change the way the browser interprets things like margin and padding so do this with caution and test it locally first!
Yeah, for those using WordPress.com you won’t have access to the Hello Bar plugin – unfortunately they don’t like taking JavaScript snippets anywhere (http://en.support.wordpress.com/code/). Bummer! I’ve updated the post to reflect this.
Using the bar on blogger…
I made a second bar, thinking it would probably rotate in with the other, but it’s not showing up. Does a separate script have to be placed for each message bar?
Hi Mike,
Right now it’s a 1 bar for 1 code snippet situation. We’ve got a lot of feedback on that specific issue and are looking at ways to expand on it. The best place to voice your ideas is right here however: http://goo.gl/iWVOP Posting it there will allow others to vote on it, and if it gets a lot of traction it might make it to the front of the queue.
Thanks Jamie.
Are there any examples of this being done in TypePad?
[...] message to support Japan. You can remove the code at any time to remove the Hello Bar. Here are some tips for adding the code. <script type=”text/javascript” [...]
hey cant seem to install it on the blogspot its giving the issue i pasted the code after the tag
[...] a standard donation request:That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions.As for which links to use, that’s largely up to you. Here are a few reputable organizations [...]
[...] That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions. [...]
[...] That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions. [...]
how do you get an invite. I can’t seem to get the code which is the pits since i want to use it to help the Japan folks get some help.
Terrie
[...] That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions. [...]
[...] a standard donation request:That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions.As for which links to use, that’s largely up to you. Here are a few reputable organizations [...]
[...] That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions. [...]
@Terrie You can use the code “helpjapan”
[...] That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions. [...]
[...] Visit this page for more detail instructions on how to use the code in WordPress, Blogger or Tumblr. [...]
For Joomla, log in via admin — Extensions — Template Manager. Select your template, click to edit html and then paste the code directly below the closing head tag which will be inside angle brackets as / head (previous posts here have stripped code methinks
So hope this helps for Joomla 1.5 folks!
[...] That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions. [...]
I use Typepad to host my blog. Any ideas how to incorporate the Hello Bar in a Typepad blog? Thanks!
[...] any page where you can edit the html of the page, including WordPress.org, Tumblr, and Blogger. They’ve got a page with tips on how to use it with those services. I don’t have a paid account on WordPress, but it was pretty easy to use on [...]
[...] en blogs hechos con Tumblr, WordPress o Blogger. Pueden ver más instrucciones en el blog de Digital Telepathy, el estudio de diseño que desarrolló Hello [...]
“Yeah, for those using WordPress.com you won’t have access to the Hello Bar plugin – unfortunately they don’t like taking JavaScript snippets anywhere (http://en.support.wordpress.com/code/). Bummer! I’ve updated the post to reflect this.”
So is there no way I can add a Hello Bar to my WordPress.com site/ blog? I don’t know a lot about coding
[...] That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions. [...]
[...] That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions. [...]
@Chuck – thanks so much for your help!
Terrie
How do you make it open in a new tab?
[...] sirve para redirigir a los visitantes hacia un enlace de la Cruz Roja para que puedan donar; las instrucciones precisas para instalarlo en tu sitio las encontrarás en este enlace, o bien en este [...]
[...] message to support Japan. You can remove the code at any time to remove the Hello Bar. Here are some tips for adding the code.<script type=”text/javascript” [...]
I followed the directions and it just isn’t showing. It makes a small space for it but no bar. Could it just be that I’m on chrome which means I can’t see certain things? Or do I need to do something to make it work?. If you could answer me via my Tumblr so that I will for sure get it that would be amazing.
[...] Hello Bar on Blogger, Squarespace, WordPress, Tumblr. LikeBe the first to like this post. [...]
[...] Kode yang dapat digunakan pada Tumblr, Wordpress atau blog Blogger juga, klik di sini untuk beberapa petunjuk rinci. [...]
Actually I have several WP blogs. After trying several times with several available themes, I find the snippet code doesn’t work. WP is stripping all HTML code out, and the hello bar doesn’t work. Any suggestions?
PS. It worked great on my ‘real’ web site that uses a Thesis template. No problem there, so I know it works. I just couldn’t add it to the WP.com blog.
[...] That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions. [...]
[...] For more detailed instruction on how to place this code on your site, please click here. [...]
Like it! But is there a way to adjust width of Hello Bar? If not, I”d REALLY like that function. I
dislike that “ribbony” top look — it’s especially ugly in mobile browser. (and BTW, it’s really slow to load in Dolphin for Android…so slow that unless you have some suggestion for speeding up, I’m going to have to remove it. )
Having the following error after pasting the snippet after the line()… see error below …
” Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “type”.
When will you have code to use globally on a WP. com blog?
[...] где можно любой кредиткой помочь деньгами. Инструкции тут.В продолжении поста ещё четыре фотографии в стиле [...]
[...] visitors’ attention. Instructions to install it on WordPress, Tumblr, Squarespace and Blogger are here. You can sign up for Hello Bar by using the invite code [...]
[...] visitors’ attention. Instructions to install it on WordPress, Tumblr, Squarespace and Blogger are here. You can sign up for Hello Bar by using the invite code [...]
[...] family and people in Japan. Show your support for them during this difficult hours by placing the HelloBar to your website and [...]
Tried putting the code into my main stylesheet but it didnt show anywhere. Tried putting it into my index.php and it didnt show up anywhere. Tried putting it into my header, and it didnt’ show up anywhere and has caused my sidebar and widgets to disappear – cant get it to work and cant figure where specifically in the code to put this new javascript code. any help would be good as i want to get this up on my site for Japan relief aspa. thanks.
sorry, forgot to say im on wordpress.org using Twenty twelve theme
[...] 興味のある人はやってみてはいかがでしょう。 こことかここを参考にしました。 Read Later document.write(unescape("%3Cscript")+" [...]
Hi Donna,
If you’re using WordPress.org (self hosted) then you can try using the Hello Bar WordPress Plugin we made. All it does is places the Hello Bar code into your site’s header or footer: http://wordpress.org/extend/plugins/hellobar/
At this point, we’re not sure how possible this will be: http://en.support.wordpress.com/code/
Hi Jak,
We have not done any specific testing in Dolphin, but quite a few of us are Android users and I have Dolphin installed. I’ll check it out and see what I find. If you want to create an issue thread for Dolphin specifically, then our forum is the best place for that: http://getsatisfaction.com/hellobar
Thanks for the report though!
For some reason, my comment above got truncated. So I’ll repost here without using tags.
In Joomla 1.5.x, go to:
extensions manager -> template manager -> select your template
Click “edit HTML” button.
Insert code after the HEAD.
DONE!
Just installed the code on my website today. It looks great on the first page. Wish I could change the color to make it stand out more. This site is not a blogger or wordpress site.
[...] the Hello Bar. A floating bar at the top of your page that can display a brief message and a link to grab your [...]
Just added the bar to my webpage and a new blog post with a step by step walkthrough of how to add the toolbar to WordPress and Tumblr. http://newmediabuilder.com/use-your-website-to-help-japan/
James i’m just not getting it. I’ve installed the plugin. I have no idea what to do next. I dont see any bar on my site’s header or footer. I go to ‘edit the plugin’ and it shows me a ton of code. No idea what to do with that – how do i find where in the code to put my own choice of charity link? How do i get it to show up on my wordpress in the first place. I do know some coding but cant figure this out – the instructions seem to be lacking or i’m missing something simple
If you create an account with Hello Bar with the invite code “helpjapan” you can change the color and style.
Thanks for the invite. The Hello Bar was so easy to use we had one up on our home page advertising our FREE Digital Marketing eBook in minutes.
I’m looking forward to seeing what copy works best in the bar and deploying it on some production sites. Thanks again.
Hi,
There is a new tutorial here : http://www.wikipedyacs.org/a~108
It explain how to implement this hellobar in the websites powered by the Yacs CMS, in thirty seconds and with the screenshots about the process.
I tried pasting the code in the template (following the directions for WordPress) and now my whole site is ‘gone’. I can’t even get to the dashboard. I most likely pasted it in the wrong spot, but don’t get why the dashboard would be gone. Any suggestions? I’d really appreciate any you all may have… Thanks
I got a fatal error when trying to activate the wordpress.org plug-in.
However, when I set up wording on your web site for a bar and copied and pasted the code into my Header, it showed up fine.
I went back and tried again to activate the plug in with the same fatal error. Is there any way to activate the plug in or is it not necessary. (I’m guessing there are some fine tuning adjustments available if you use it as a plug in?)
My site is http://atravelerslibrary.com
Vera
Hi Vera,
The Hello Bar plugin is simply a convenience for folks who aren’t comfortable editing code on their blogs. If it’s not working for you and you are able to edit your template (as you’ve stated above) then you aren’t missing anything.
This might sound crazy but I can’t find this code in my blogger template: . What am I missing? Please help. I really wanted to help Japan
Hi Nala,
You need to click the design link, then the default tab selected on that page is “Page Elements”. Click the next tab over called “Edit HTML” and then follow the above instructions on where to paste the code snippet.
If you’re still having issues after that then create a topic in http://getsatisfaction.com/hellobar and provide your URL. We’ll do our best to get it sorted out there.
[...] Web Toolbar Hello Bar on Blogger, Squarespace, WordPress, Tumblr Web Toolbar Hello Bar on Blogger, Squarespace, WordPress, Tumblr. [...]
How do you get the bar to show a white line under it? My bar is a flat red colour.
K
[...] That code can be used on a Tumblr, WordPress or Blogger blog, too; here are some detailed instructions. [...]
There may be a CSS conflict causing the wite bar/shadow to be hidden.
I have a friend who uses the same theme as I do, and her bar shows the white line underneath. May I show a screenshot of the code as I have it positioned?
Thanks,
K
[...] message to support Japan. You can remove the code at any time to remove the Hello Bar. Here aresome tips for adding the code. <script type=”text/javascript” [...]
Just inserted the Hello Bar into my blog – no problems – looks great. Here’s a video that shows you how: http://www.youtube.com/user/petedownsblog?feature=mhum
I have got invite and it works great. Check, I have used it on http://www.shreevishwakarmajamnagar.com
Hey Hiren,
Great job matching the bar color to your site’s theme!
Thanks Jamie Hamel-Smith
Thanks Jamie for the info how to put the code. It really helped me to do it and where to put it correctly. cheers!!
I had the Hello Bar installed on my blog for the last month or so, and suddenly today it has disappeared. When I tried to access the Hello Bar site, it said that I was using the wrong password, which I knew I wasn’t. I requested a new code, and logged in.
But then, it said that I had not made any Hello Bar codes yet?? But I should have three, including the one that I have been using, and love. But it is gone.
So I made a new one, even though it wasn’t quite the same. I don’t remember how I installed the first one, so I came here looking for instructions to remind me…. But I have a wordpress.org site, and this snippet of instruction isn’t enough for me to understand how to install. But it seems like it was MUCH easier the last time.
What happened to my account?? Please help??
Hey Meagan, I checked our database and I only see one account in there for you under your @yahoo.com email address. There is only one Hello Bar that exists in the database or was ever created for your account. We don’t actually delete Hello Bars from our records, we just mark them as “deleted” and don’t show them in the user interface. I don’t even see any records under that account even marked as deleted.
I think the other Hello Bars must have been under a different account. Is there any other name or email address it could have been under?
Please go ahead and post an your answer to our support forums at http://getsatisfaction.com/hellobar as the comment thread isn’t really for support questions. It’ll be much easier to carry on the conversation there. Thanks!
Just installed the hello bar – had great troubles with display ’till I changed the css to remove padding-top from the body element, then it all worked as expected. Just in case anyone else finds their bar in the middle of the page for no apparent reason…!
Anyone know how to best implement the Hello Bar on a Ning network?
Seth
http://www.about.me/sethhall
Hiya
Tried to add HB to my Typepad blog. Followed your instructions exactly–and nothing displays.
I’m happy to ask their tech support peeps, but before I do, thought I’d ask if you have any words of wisdom?
Thank you… LOVE Hello Bar!
A
Hi Anastacia,
If you’re still having issues then create a topic in http://getsatisfaction.com/hellobar and provide your URL. We’ll do our best to get it sorted out there.
installed this on http://www.babyboomba.com, however doesn’t work in IE. Using a wordpress theme.
[...] You create your HelloBar on their website and they give you a snippet of javascript to add to your website. So you can use it on almost any type of site, as long as you’re able to edit your code and add javascript. Here’s a post that shows how to add it to Weebly, Joomla, and a bunch of others. [...]
It looks fine from here. Are you still having an issue? If so, please create a thread here and we’ll get working on finding you a solution.
Can my hello bar work if I developed my website using GoDaddy’s Website Tonight tool?
very very usefull post…
[...] message to support Japan. You can remove the code at any time to remove the Hello Bar. Here are some tips for adding the [...]
What an excellent resource. The Hello Bar works seamlessly.
Thanks Joshua, are you currently using it? Or do you have any examples in the wild that you’d like to show off?
It worked for my website beutifully, I used blogger for the site and you just have to add it in a gadget. Which is what I did. That way works just as well and is quicker.
Thanks for posting this. It was very helpful for posting my hello bar on Joomla.
[...] so if you want to install your own Hello Bar, how do you do it? See this post for instructions on how to install the bar on your WordPress, Drupal, tumblr, Joomla, Squarespace, [...]
Found a fast way to add to any WordPress blog (i.e. doesn’t have to be WordPress.org):
Add a Text Widget to your sidebar (don’t title it)
Paste the embed code
Since the code can appear anywhere in the body, it will work — and won’t leave any mark in your sidebar! (Except in the View Source, of course…)
~Graham
Interesting Graham, we couldn’t replicate your technique (and it’s very clear from viewing the source that your Hello Bar is indeed in a widget). I’m glad that it works for you though!
We’ve found that WordPress.com strips out the JavaScript tags and src.
Great script… Perhaps someday you will create a WordPress plugin for the Hello Bar.
How can you integrate this into iWeb websites?
Cannot get my HelloBar to post on the new Tumblr pages.
(love this idea though!)
Sir my hello bar is not showing proper …. please have a look and suggest me something… http://www.satisfyingreviews.blogspot.com
Awesome website you have here but I was wanting to know if you knew of any user discussion forums that cover the same topics talked about here? I’d really like to be a part of online community where I can get responses from other knowledgeable individuals that share the same interest. If you have any suggestions, please let me know. Thanks!
Hi everyone! Does anyone know how to run the Hello Bar on Jimdo?
Thanks in advance for your help!!
I have an HTML based site – not WP. Does it work with that? Anybody see instructions? All I see is for WP sites. Thanks.
Installed the solo version on http://www.thaiamuletsales.com and not working. Can someone help? Much appreciated!
Hello,
This is an awesome marketing tool. I just signed up for the free version to try it out. The monthly fee is very reasonable.
Thank you so much sharing this informative post.
To Your Success,
Stacie Walker
Woman in Leadership Founder
Comment *
Really an awesome Plugin!
Didn’t work out for me but otherwise it would’ve been a great bar to have. I have a site hosted by webs.com and tried the code in a it was for my blog. I’ll be trying something else
http://jail.ru/
guys please tell me how to add hello bar in wordpress platform.., i dnt know the programming stuffs,,
Hello,
I am building a RapidWeaver website and need to know where to install the embed code. I’ve tried it in the “Header” “CSS” “JavaScript” sections under Page Inspector, but nothing is showing up. Thanks in advance for the help- can’t wait to get this working!
Evan
long time no see paul sorry iv took so long i think this is there site
and details, there very helpfull ,say martina put you on
Well these directions are pretty useless, and now it won’t work with a paid WP
site on individual pages? Unless you can integrate this on some pages using Optimize Press, I don’t see the point.
Love me love my color. A serious interracial online dating & social networking site specifically for singles interested in an interracial dating and relationship. Join in(Bing~ InterracialFishes .C.O.Μ~`. The best choice for you!. Here you will meet lots of interracial singles and find friendship, love, romance, marriage or even more with those armed forces, police, navy, security, medical, ambulance, prison, air crew and fire fighters! Has nothing to do with age\color, You can find the man or girl of your dreams. With a brave heart to love. Love and be loved, Let’s love!
for [URL=http://www.karenmillen–outlet.com/ – karen millen outlet[/URL – with low price EMkrEghn [URL=http://www.karenmillen–outlet.com/ – http://www.karenmillen–outlet.com/ [/URL -
How DOes it work with a goDaddy quick blogcast website? how do we install?
Hello, I’m trying to add it to my iweb site with no luck, can you point me in the right direction? Cheers, Rebecca
“Web Toolbar Hello Bar on Blogger, Squarespace, WordPress, Tumblr | The
Hello Bar” was a fantastic blog, can not wait to go through a
lot more of your blogs. Time to spend a lot of time on the net haha.
Thanks for your time ,Jocelyn
I like reading a post that will make people think. Also, thank you for
allowing for me to comment!
Your blog, “Web Toolbar Hello Bar on Blogger, Squarespace,
WordPress, Tumblr | The Hello Bar” was in fact worthy of commenting
down here in the comment section! Simply just needed to state
u did a terrific work. Thanks for your effort -Erik
new HelloBar(63188,92360);
Ouch! The only thing worse than a painful tattoo, is a painfully mis-spelled tattoo! #10 is just hilarious. http://bit.ly/VO0Wsf zzz
Ouch! The only thing worse than a painful tattoo, is a painfully mis-spelled tattoo! #10 is just hilarious. http://bit.ly/VO0Wsf zzz
http://www.wordpress-fr.net/support/profile.
php?id=54734 Know A Good Deal More About Personal Bank Loan
By just going over the internet, you will be capable to research for
differing lending institutions that can support with your secured financial loan.
If you can find one particular that is accredited by the Greater Opportunity Bureau then that is a furthermore.
This means that they are selected with shopper satisfaction.
Following, search for testimonials on the lending enterprise – those that are impartial.
Get a hold of out if there are customer comments sites where you can get unedited facts.
After you have researched, then it truly is time to implement and get the money you need to get.
Upcoming time, you can just go with the same exact lending supplier for comfort.
EMI and tenure: Evaluate all mortgage offers.
The first affliction for financial loan provide you with choice is the full dollars outflow that the personal loan will
expenses. The 2nd element is the EMI. A financial loan have with a lessen EMI and a longer tenure possibly will sound appealing, as it could be very simple on your purse strings, on the other hand not
all these financial loans show to be fee beneficial in the long run.
For that reason, initially determine the overall bank loan price and
then make an effort to opt for a greater EMI,
which you can comfortably handle to empower a shorter financial loan tenure.
Thousands of shoppers across the country have observed their
credit scores fall with the present economic state of affairs.
But, they are nonetheless in a position to get a terrible credit text loans online.
to handle fast demands in amounts of up to $10,000.
If you are going while not, or unable to meet emergency demands basically because of your undesirable credit scores, ponder having out a horrible credit
personal mortgage. Not only will it give you the resources to meet your
preferences, it can be yours, generally within just 24 hours, every now and then quicker,
and it will assist you strengthen your credit history scores as clearly.
There is a simultaneous credit rating test achieved to unearth out the credit score heritage of the
applicant in the bank applied as also other financial
institutions. If all the checks are positive the credit rating officer regularly
has possibly a telephonic or bodily discussion with the
applicant at his company.
Professional loans are intended to fulfill the rapid or corporation
needs of a business. The curiosity fees on business financial loans have grown to be a lot
more aggressive these times with pleasant reimbursement tactics to be introduced by so many mortgage offering businesses.
A credit score is a snap shot of your credit rating threat (ie how in all
likelihood you are to repay a credit card debt and repay it on time) at a distinct point in time.
The larger your score, the lesser the danger. A credit rating score is a amount indicating your monetary
hazard.
For a great deal of persons earning ends meet up with is a challenge correct now and they are opening to be concerned about impending foreclosure.
This does not have to happen, yet, mortgage loan mortgage modifications can allow avoid this and give home-owners some time to get their funds in buy.
Your loan company and financial loan insurance company are the pinpointing components
in deciding if and how your personal loan can be modified.
This editorial will concentrate on the needs of Chase Lender your home loan modifications
and how to get a particular.
Bad credit history was after a problematic make any difference for
these who failed to spend their sum of personal loan
in time. It could be a CCJ, default or arrear, which show out be
the major induce powering. Once marked as a poor credit history holder, a
individual made use of to experience varied situations during the course of the software of a loan, and there were particularly several
alternate options obtainable to tackle these. But now a secured mortgage can remedy
all the problems with basic and dependable options.
HOW DO YOU ADD A BAR ON WEBS. (WEBS IS A HOSTING WEBSITE)
More Tips
How can this be added to a GetSimple based site? I tried adding it to the CSS through the FTP without any luck. Any guidance would be appreciated! Thank you!
Thanks for great notice bar. I want to use it in my wordpress based website, Is there any exact plugin which I can install instead of working with theme code.
Does anyone know how to add the Hello Bars to an Empower Network blog?
Wholesale Cheap 1:1 replica louis vuitton Handbags / Bags / Purses from china Online Outlet for Sale
http://joyeyabm3.webs.com/ oknipo
Wholesale Cheap 1:1 replica louis vuitton Handbags / Bags / Purses from china Online Outlet for Sale
dyhgsq
This is not working at all on my wordpress site teachtorun.com. I don’t understand where to paste the code and the plugins I downloaded are pretty useless.
The tool looks beautiful and I wish it would work and would appreciate any help.
Easy service with great functions! Thank you.
Best wishes from Berlin, Germany.
Today, I went to the beach front with my kids. I found a sea shell
and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She
put the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear.
She never wants to go back! LoL I know this is totally off topic but
I had to tell someone!
NEED HELP ADDING MY HELLO BAR TO A SQUARE SPACE SITE. I’VE TRIED ADDING THE CODE TO A TEXT BOX AND CODE BOX AND IT DOES NOT APPEAR. I’VE TRIED CLICKING IT TO READ AS HTML AND JAVASCRIPT AND STILL DOES NOT SHOW UP AFTER CLICKING PUBLISH. I WOULD LIKE TO USE IT.
HELP PLEASE.
Fantastic post, fantastic little item on my website!
Hi there, just wanted to tell you, I enjoyed this article.
It was practical. Keep on posting!
Anyone know to implement on a wix site???
Leave a Comment