Friday, October 2, 2009

NCSU Utility Bar For Your Blog

By John Dorner

In the September 30, 2009 memo from Dean Wynne, he referenced the NCSU Brand Book at: www.ncsu.edu/brand and stated that "University Web pages are required to add a branding bar at the top." If you have a blog on Blogger you can add the utility bar (branding bar) at the top of your blog by following these steps:

Get the code for the bar

Go to: www.ncsu.edu/brand/utility-bar/iframe/config/ an complete the form indicating the site URL where the bar is to be placed, the color of the bar and whether or not you want it centered.

Copy the code generated to your clipboard ([Command]+C on Mac or [Ctrl]+C on Windows).

Edit the Blogger Template

Go to the Layout tab of the Settings for your blog and click "Edit HTML".

Download Full Template (as a precaution in case something doesn't work as planned) and save it on your computer.

Scroll down through the code for your template until you find the "" tag.

Paste ([Command]+V on Mac or [Ctrl]+V on Windows) the code for the utility bar a new line just below the "" tag.

Change any occurrences of the ampersand (&) character with "&" so it looks something like:

<body>

<link href='http://www.ncsu.edu/brand/utility-bar/iframe/css/utility_bar_iframe.css' media='screen' rel='stylesheet' type='text/css'/>
<iframe frameborder='0' id='ncsu_branding_bar' name='ncsu_branding_bar' scrolling='no' src='http://www.ncsu.edu/brand/utility-bar/iframe/index.php?color=red&amp;inurl=nccetechtalk.blogspot.com&amp;center=yes'>
Your browser does not support inline frames or
is currently configured not to display inline frames.<br/>
Visit <a href='http://ncsu.edu/'>http://www.ncsu.edu</a>.
</iframe>

Click "Preview" to see your blog without saving the template. Once you are satisfied everything is presented the way you like it, click the "Save" button and you are done.

To reiterate what Dean Wynne, "NC State can't build a strong brand without the help of everyone communicating on behalf of the university. We need all CALS employees to become brand champions or NC State."

If you need help implementing the NCSU Utility Bar on any of your sites (other than on the county Extension web sites) feel free to contact me.

Information presented here is provided as a general information resource. Any mention of commercial products is for information only; it does not imply recommendation, endorsement nor support by Extension IT.

0 comments: