After purchasing Hello Bar Solo, I found that there is hardly any documentation showing how to enable it on a WordPress blog. I have put together a nice YouTube tutorial that goes over every aspect of installing Hello Bar on a WordPress site. The video is embedded below.

You will need the following code for this tutorial:

function hellobar_scripts() {
wp_register_script( 'hellobar_solo_js', 'http://www.yourdomain.com/wp-content/themes/yourtheme/hellobar-solo/hellobar.js');
wp_enqueue_script( 'hellobar_solo_js' );
}
add_action('wp_enqueue_scripts', 'hellobar_scripts');

function hellobar_styles() {
wp_register_style('hellobar_css', 'http://www.yourdomain.com/wp-content/themes/yourtheme/hellobar-solo//hellobar.css');
wp_enqueue_style( 'hellobar_css');
}
add_action('wp_enqueue_scripts', 'hellobar_styles');

 

<script type="text/javascript">
new HelloBar( "Giveaway: Free Web Hosting Accounts From Zyma Technologies<a class='button' href='http://www.omegaweb.com/2012/10/giveaway-free-zyma-technologies-web-hosting-for-one-year/'>Enter To Win!</a>", {
showWait: 6000,
positioning: 'sticky',
barColor: '#bc0c0c',
borderSize: 0,
helloBarLogo: false,
transition: 'bouncy',
speed: 750,
}, 1.0 );
</script>

Hello Bar Solo

email
Web Design Quote
Joomla! Triple Pro Pack
Get 3 fantastic social media Joomla! extensions for one discounted price!
Archives