#navbar-iframe {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index:999
}
Guardar Plantilla.
Ver ejemplo:
#navbar-iframe {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index:999
}
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==0'>Deja tú comentario, Anímate ¡Sé el primero!<b:else/><data:post.numComments/>: Ya han dejado su comentario, otro puedes ser tú.</b:if></a>
</b:if>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js'></script>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'></script>Lista completa de Brushes:
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js'></script>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js'></script>
<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>
<pre class="brush: css">
Acá el código
Acá el código
Acá el código
Acá el código
Acá el código
Acá el código
</pre>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
.feedmarquee a{
font-size: 11px; /* tamaño del texto */
text-decoration: none;
color:#000; /* Cambiar color del texto */
}
.feedmarquee {
font-size: 12px;
color:#FEE405;
position:absolute;
background: transparent; /* Cambiar color del fondo */
padding:10px;
width: 600px; /* Cambiar ancho */
}
<script src="http://img42.xooimage.com/files/7/b/5/recentpostsscrollervku-1b6927d.js" type="text/javascript"> </script>
<div class="feedmarquee">
<script type="text/javascript"> var nMaxPosts = 15; var sBulletChar="-" ; var nWidth; var nScrollDelay = 155; var sDirection="left"; var sOpenLinkLocation="p"; </script> <script src="http://loseasi.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollervku" type="text/javascript"> </script></div>
<noscript>
<p>Detectamos que su Javascript parece estar inhabilitado.</p>
<p>Usted debe tener Javascript habilitado en su explorador para utilizar la funcionalidad de está Web.</p>
<p>Si no sabe como habilitar su Javascript, ver este tutorial: <a href="http://loseasi.blogspot.com/2010/04/activar-javascript-en-internet-explorer.html" target="_blank">[ Activar JavaScript ]</a></p>
</noscript>
/* Noscript Notice */
.noscript { border:1px solid #000; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#323232; }
.noscript .noscript-inner { width:100%; margin:0 auto; padding:12px 0 12px; background:url(http://img387.imageshack.us/img387/7575/noticia.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }
<noscript>... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
<div class="noscript">
<div class="noscript-inner">
<p>Detectamos que su Javascript parece estar inhabilitado.</p>
<p>Usted debe tener Javascript habilitado en su explorador para utilizar la funcionalidad de está Web.</p>
<p>Si no sabe como habilitar su Javascript, ver este tutorial: <a href="http://loseasi.blogspot.com/2010/04/activar-javascript-en-internet-explorer.html" target="_blank">[ Activar JavaScript ]</a></p>
</div>
</div>
</noscript>
<a href="mailto:vetokusac@gmail.com">CONTACTO</a>
<a href="mailto:vetokusac@gmail.com"><img src="URL DE LA IMAGEN" alt="contacto" border="0" /></a>
<script language="JavaScript">
var delay=1500 //pausa (en milisegundos)
var fcontent=new Array()
begintag='<font face="Arial" size=2>' //tag que abre los mensajes
fcontent[0]="<b>El conocimiento es bueno sólo si se comparte.</b>"
fcontent[1]="Nada es imposible para una mente dispuesta."
fcontent[2]="Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo."
fcontent[3]="Visite: <a href='http://loseasi.blogspot.com/'>http://loseasi.blogspot.com/</a>"
closetag='</font>'
var fwidth=540 //ancho
var fheight=30 //alto
///No editar/////////////////
var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0
if (DOM2)
faderdelay=3000
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb(255,255,0)"
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub.document.close()
}
index++
setTimeout("changecontent()",delay+faderdelay)
}
frame=20;
hex=255 // Initial color value.
function colorfade() {
// 20 frames fading process
if(frame>0) {
hex-=12; // increase color value
document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")"; // Set color value.
frame--;
setTimeout("colorfade()",150);
}
else{
document.getElementById("fscroller").style.color="rgb(255,0,0)";
frame=20;
hex=255
}
}
if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid #ddd;width:'+fwidth+';height:'+fheight+';padding:5px"></div>')
window.onload=changecontent
</script>
<ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>
<script src='http://img47.xooimage.com/files/1/2/1/clor-1b26973.js' type='text/javascript'/>
<div id="twitter_div">
<h2 class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/v_ku" id="twitter-link" style="display:block;text-align:right;padding-right:10px">Sigueme en Twitter</a>
</div>
<script type="text/javascript">
function twitterCallback2(twitters) {
var statusHTML = [];
for (var i=0; i<twitters.length; i++){
var username = twitters[i].user.screen_name;
var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
return '<a href="'+url+'">'+url+'</a>';
}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
});
statusHTML.push('<li><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>');
}
document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}
function relative_time(time_value) {
var values = time_value.split(" ");
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);
if (delta < 60) {
return 'menos de un minuto';
} else if(delta < 120) {
return 'alrededor de un minuto';
} else if(delta < (60*60)) {
return (parseInt(delta / 60)).toString() + ' minutos aprox.';
} else if(delta < (120*60)) {
return 'alrededor de una hora';
} else if(delta < (24*60*60)) {
return 'aprox. ' + (parseInt(delta / 3600)).toString() + ' horas';
} else if(delta < (48*60*60)) {
return 'hace 1 día';
} else {
return 'hace ' + (parseInt(delta / 86400)).toString() + ' días';
}
}
</script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/v_ku.json?callback=twitterCallback2&count=1"></script>
<style>
#twitter_div{ }
#twitter_update_list{padding:0;}
#twitter_div ul li{border:1px solid #a6c4e1;background:#F3F7FA;padding: 15px;list-style: none;}
</style>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript">... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
function twitterCallback2(twitters) {
var statusHTML = [];
for (var i=0; i<twitters.length; i++){
var username = twitters[i].user.screen_name;
var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
return '<a href="'+url+'">'+url+'</a>';
}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
});
statusHTML.push('<li><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>');
}
document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}
function relative_time(time_value) {
var values = time_value.split(" ");
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);
if (delta < 60) {
return 'menos de un minuto';
} else if(delta < 120) {
return 'alrededor de un minuto';
} else if(delta < (60*60)) {
return (parseInt(delta / 60)).toString() + ' minutos aprox.';
} else if(delta < (120*60)) {
return 'alrededor de una hora';
} else if(delta < (24*60*60)) {
return 'aprox. ' + (parseInt(delta / 3600)).toString() + ' horas';
} else if(delta < (48*60*60)) {
return 'hace 1 día';
} else {
return 'hace ' + (parseInt(delta / 86400)).toString() + ' días';
}
}
</script>
<span style="color: red;"><script type="text/javascript">
function sntwit(json){
var numero = parseInt(json.followers_count);
var texto = ''+numero+'';
document.write(texto);
}
var geranumero = '<s'+'cript src="http://twitter.com/users/show/v_ku.json?callback=sntwit" type="text/javascript"></s'+'cript>';
document.write(geranumero);
</script></span> Seguidores en Twitter
<a href="http://twitter.com/v_ku" style="text-decoration:none;"><span style="color: red;"><script type="text/javascript">
function sntwit(json){
var numero = parseInt(json.followers_count);
var texto = ''+numero+'';
document.write(texto);
}
var geranumero = '<s'+'cript src="http://twitter.com/users/show/v_ku.json?callback=sntwit" type="text/javascript"></s'+'cript>';
document.write(geranumero);
</script></span> Seguidores en Twitter</a>
<script language='javascript' type='text/javascript'>Sustituir lo que esta en rojo por sus propios datos. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
function snfbc(json){
document.write(parseInt(json.value.items[0].feed.entry.circulation));
}
function xfeedburner(uri){
if(uri){
document.write('<sc'+'ript src="http://pipes.yahoo.com/pipes/pipe.run?_id=e61a81bcdb1660ebf8bc1a7c130f1f7b&_render=json&uri='+uri+'&_callback=snfbc" type="text/javascript"></s'+'cript>');
} else{
return false;
}
}
function sntwitter(json){
document.write(parseInt(json.followers_count));
}
function xtwitter(user){
if(user){
document.write('<scr'+'ipt src="http://twitter.com/users/show/'+user+'.json?callback=sntwitter" type="text/javascript"></scr'+'ipt>');
} else{
return false;
}
}
</script>
<div style='float:left;padding:8px;'>
<img src="http://img72.imageshack.us/img72/5376/twittery.png" style="margin-right: 8px; float:left;" />
<a href="http://twitter.com/v_ku" target="_blank" ><span style="float: left; margin-top:2px;padding:0;font-size:18px;color:#000;font-family:Arial,Helvetica,sans-serif;">
<script type="text/javascript"> xtwitter("v_ku") </script> Seguidores</span><br /><!--[if IE]><br /><![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#000;font-family:Arial,Helvetica,sans-serif;">Sigueme en twitter</span></a>
</div><div style='clear:both;'/>
<div style='float:left;padding:8px;'>
<img src="http://img638.imageshack.us/img638/3243/rsss.png" style="margin-right:8px;float:left;" />
<a href="http://feeds.feedburner.com/blogspot/qygH" target="_blank" ><span style="float:left;margin-top:2px;padding:0;font-size: 18px; color:#000;font-family:Arial,Helvetica,sans-serif;">
<script type="text/javascript"> xfeedburner("blogspot/qygH") </script> Suscriptores</span><br /><!--[if IE]><br /><![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size:12px; color:#000;font-family:Arial,Helvetica,sans-serif;">Suscribirse también!</span></a>
</div><div style='clear:both;'/>
<div style='float:left;padding:8px;'>
<img src="http://img684.imageshack.us/img684/6793/usersh.png" style="margin-right:8px;float:left;" />
<span style="float:left;margin-top:2px;padding:0;font-size:18px;color:#000;font-family:Arial,Helvetica,sans-serif;">
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://loseasi.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comentarios</span><br /><!--[if IE]><br /><![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#000;font-family:Arial, Helvetica, sans-serif;">Comente también!</span>
</div><div style='clear:both;'/>
<div style='float:left;padding:8px;'>
<img src="http://img707.imageshack.us/img707/3875/bloggerf.png" style="margin-right:8px;float:left;" />
<a href="http://loseasi.blogspot.com/search/label/?max-results=999" target="_blank"><span style="float:left;margin-top:2px;padding:0;font-size: 18px; color:#000;font-family:Arial,Helvetica,sans-serif;">
<script src="http://loseasi.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Posts</span><br /><!--[if IE]><br /><![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size:12px; color:#000;font-family:Arial,Helvetica,sans-serif;">visualizalos!</span></a>
</div><div style='clear:both;'/>
<span style='font-size: 65%;font color: #000;float: left;padding-left:40px'>Widget by Vku. <a target='_blank' href='http://loseasi.blogspot.com/2010/04/widget-estadisticas.html'><font color="#000000"> Instale este widget</font></a></span>
http://62.212.74.140:8040
http://62.212.74.140:8372
<b:include data='comment' name='commentDeleteIcon'/> </ Span>
<span><a expr:href='"https://www.blogger.com/comment.g?blogID=LA ID DE SU BLOG&postID=" + data:post.id + "&isPopup=true&postBody=@ <a href=&quot%23" + data:comment.anchorName + "&quot>" + data:comment.author + "</a>:#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=550"); return false;'><img style='float:right;padding-right:100px' title='Responder a este comentario' alt='Responder a este comentario' src='URL DE SU IMAGEN'/></a></span>
Ya pueden añadir el botón de:
¿Cómo se Hace...?
a la barra de google!
Es un botón de acceso directo a
nuestra página.