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:
</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
http and one for
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.