Sunday 9 September 2012

Sticky Bar Widget For Blogger

Important: All scripts hosted on widcraft.googlecode.com don't work anymore because Google has blocked that SVN repository.

Sticky bar is used my almost all top blogs even we're using other version of this widget. It helps you to announce new posts or any thing you want your visitors to notice and it comes with a close button so your visitors can easily get rid of it.

Installation :


  • Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste following code :

<!-- This Is A Copyrighted "Widget Craft Top Fixed Bar" Widget, Don't Try To Theft It Otherwise... -->
<style>
#wcbar{
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Webkit Browsers */
background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */
width:100%;
text-align:center;
top:0px;
left:0px;
border-bottom: 1px solid #888888;
z-index: 999;
height: 28px;
position:fixed;
line-height: 2.2em;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
}
#wcbar a{color:#eeff00;text-decoration:none;}
#wcbar a:hover{text-decoration:underline;}
</style>
<script type='text/javascript'>
//<![CDATA[
function closeTopAds() {document.getElementById("wcbar").style.display = "none";}
//]]>
</script>
<div id='wcbar'>
---Your Text Or Links---
<center style='padding:0px; float:right; cursor:pointer;' onclick='closeTopAds();return false;'>X&nbsp;&nbsp;</center>
</div>
<!-- This Is A Copyrighted "Widget Craft Top Fixed Bar" Widget, Don't Try To Theft It Otherwise... -->

  • Now change  ---Your Text Or Links---  with your desire text or links and then save the widget. 

Hope this will help you to gain more attention of your visitors.....
Important: Check our new website TricksPanda.com for WordPress tutorials, plugins and more.
 
Powered by Blogger.