Do you want to tell/notify something to your blog readers with a more efficient way? What if you use "Floating Notification Bar" script to notify your friends. What is "Floating Bar Notification"? See demo.
Interested? Follow this tutorial to add the script.
Note : Save your templates before make any changes.
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 :
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]
DONE!
Like this script? Recommend and share it to your friends!
source : dynamicdrive
<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]
DONE!
Like this script? Recommend and share it to your friends!
source : dynamicdrive
I am just opening this amazing site through my own Internet Tablet and Could not find the entire website to be able to download. we Merely considered you should consider!
ReplyDeletehey i cant copythe code from fanbox... how can i copy it??
ReplyDelete@Em Ji Madhu
ReplyDeleteHere it is: Put the code below, under <head> tag :
<style type='text/css'>
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: #ffcc66;
width: 500px;
visibility: hidden;
z-index: 100;
}
</style>
<script src='https://sites.google.com/site/howtohouse/hth-scripts/howtohouse-floattopbar.js' type='text/javascript'>
/***********************************************
* Shared by Alfian Jamjin at HOW-TO HOUSE www.place2how-to.com
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
_________________________
Customization :
You can edit/change this value,
#ffcc66 : Notification Bar background color
500px : Notification Bar width