Pages

Monday, April 18, 2011

How To Add Floating Notification Bar with Close Button

Steps

1. Go to your Dashboard >> Design >> Edit HTML >> without Check Expand Widget Templates.

2. Search this code (Ctrl + F), <head>

3. Add this code, just under the <head> tag.

4. Save your template.

5. Now, go to your Dashboard >> Design >> Page Element >> Add a Gadget.

 

6. Paste this code below in it :
<div id="topbar">
<a href="" onClick="closebar(); return false"><img src="http://preview.shareapic.net/preview7/024366390.gif" width="15" height="15" border="0" /></a>
Your content here
</div>

7. Replace Your content here with your own notification/content.

8. Make sure to place the page element on the most top and Save. [screenshot]

No comments:

Post a Comment