Está dividido en tres partes:
Un código javascript.
La hoja CSS o el código exactamente.
El código que mostrará la barra.
Primero nuestro blog y Plantilla y Edición HTML. Buscamos el siguiente código: <b:skin>…..</b:skin> pincha en medio de los puntos y te saldrá.
<b:skin><![CDATA[/*
Ahora debajo pega el codigo
/* CSS barra de urgente inicio */
#wcsticky-container {
height:46px;
width:100%;
position:fixed;
z-index:99999;
top: 0px;
left:0px;
background:#222222;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#ffffff;
border-bottom:solid 2px green;
-moz-box-shadow:5px 5px 5px #333333;
-web-kit-box-shadow: 5px 5px 5px #333333;
-goog-ms-box-shadow: 5px 5px 5px #333333;
box-shadow:3px 2px 4px green;
}
#wc-stickylinks
{
color:green;
font:14px verdana;
margin-top:12px;
margin-left:20px;
text-decoration:none;
}
#wc-stickylinks a
{
font:14px verdana;
color:#ffffff;
text-decoration:none;
}
#wcstickyclose
{
float:right;
margin-top:15px;
margin-right:20px;
}
#wcstickyclose a
{
color:#ffffff;
text-decoration:none;
font:14px verdana;
padding:3px;
background:red;
border-radius:10px;
}
#wcsticky-main
{float:left;
}
/* CSS de urgente FIN */
Ahora buscamos el cierre de head:
</head>
Y antes pegamos:
<script language='JavaScript'>
function closesticky() {
document.getElementById("wcsticky-container").style.visibility = "hidden";
}
</script>
Lo último vamos al cierre de body:
</body>
Y antes de esta pegamos:
<div id='wcsticky-container'>
<div id="wcsticky-main">
<p id='wc-stickylinks'> Aviso urgente:<a href='#'> </a> | <a href=''> Poner nombre de aviso</a></p>
</div>
<div id="wcstickyclose">
<a href="javascript:closesticky();" >Cerrar</a>
</div>
</div>
Se puede cambias los colores el tamaño de la letra, y los nombres que quieras poner, Aviso urgente, Poner nombre de aviso, sustituir # por la url que quieras.