AVISO
La API de Twitter cambió y ahora requiere autenticación para obtener los datos de los seguidores, por tal motivo éste y los demás fanbox para Twitter han dejado de funcionar. Si me entero de una solución u otra alternativa lo publicaré de inmediato.
La API de Twitter cambió y ahora requiere autenticación para obtener los datos de los seguidores, por tal motivo éste y los demás fanbox para Twitter han dejado de funcionar. Si me entero de una solución u otra alternativa lo publicaré de inmediato.

Hace algún tiempo vimos cómo poner el fanbox de Facebook flotante y con efecto deslizante. En esa ocasión usamos un plugin de jQuery que aunque es bueno tiene la desventaja que la versión gratuita sólo permite poner una pestaña nada más, además que quienes usan otras librerías tenían problemas de compatibilidad.
En esta ocasión lo haremos sólo con CSS, de manera que no utilizaremos ni un solo sript y podremos mostrar no sólo una sino tres pestañas, el fanbox de Facebok, el fanbox de Google+, y el fanbox de Twitter.
Puedes ver un ejemplo en esta misma entrada, lo verás del lado derecho de la ventana.
Bien, para poner estos fanbox flotantes en el blog sólo tenemos que ir a Diseño | Añadir un gadget | HTML/Javascript y ahí pegar el siguiente código:
<style>
#flotante1 {
position:fixed;
top:100px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1002;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante2 {
position:fixed;
top:240px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1003;
border-radius:10px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante3 {
position:fixed;
top:380px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1004;
border-radius:10px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante1:hover, #flotante2:hover, #flotante3:hover {
right:0px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
div.likeboxwrap {
margin-top:-5px;
margin-left:-45px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
}
</style>
<!-- Primera pestaña -->
<div id='flotante1'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTgRukQd720EChdF_38xk4QjH0GpjDWeLkjonRV23xDSpFdSFSSqlsqO0G-X_bOb9acoGRobGGsrMA1aBUXtNmXvWBq88pJQSXzh6QOh6XDuRYmTGAKoPtgmyc2GfDJY0ssWSiCISk4UM/' style='float:left;'/>
<div style='background: #3c5a98; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap'><iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnombre-de-la-página-de-facebook&width=240&colorscheme=light&connections=15&stream=false&header=false&height=350' style='border:none; overflow:hidden; width:240px; height:325px;'/></iframe>
</div></span></div></div>
<!-- Segunda pestaña -->
<div id='flotante2'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmesHO6_XXXXDNfdBXMkv-qrh6xu7_F08wKRvjdbtK66RzazgsRk5RYUdBfe6eDv-H_vBTd9aifRsBoaXy3etJdF2Wqqg0gmTCeV-9afZBvfG6XCqWwDPcraPrVB2ubGtuzCTbGWiEzwI/s159/goo_tab.png' style='float:left;'/>
<div style='background: #9A9FA8; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap' style="padding-left:20px; padding-top:15px; height:310px !important;">
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/XXXXXXXXXXXXXX" data-source="blogger:blog:followers" data-width="240">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'es'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div></span></div></div>
<!-- Tercera pestaña -->
<div id='flotante3'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAy6QLOHM6AHBvbMALikBsrwyASQkjsVRJdCgrrm1olhQO0_44Ks9o2bgHj7mQArE_Q5DyGAcL_w18FdcF8hiFrH3BDzMOvxEmIud6zgKFs_fmDu26qAxugqf6oZHCG7pcOwL5m2ncaA/' style='float:left;'/>
<div style='background: #00a0e8; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<style>
.follow_box_widget{overflow: hidden; padding-left: 5px; padding-right: 5px; padding-top: 5px; background-color: #fff transparent; position: relative; margin: auto;}
.follow_box{font-size: 11px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; color: #333; line-height: 1.28; text-align: left; direction: ltr;}
.follow_box .follow_top{padding: 5px 10px 0px 5px; margin-bottom: 8px; min-width: 230px; overflow: hidden;}
.follow_box .profileimage{float: left; width: 40px; height: 40px; padding: 0px; margin: 0 10px 4px 0;}
.follow_box img{border: 0;}
.follow_box a{cursor: pointer; color: #3B5998; text-decoration: none;}
.follow_box a:hover{text-decoration: underline;}
.follow_action{padding: 0 0 0 8px;}
.follow_box .follow_action .name{line-height: 15px; font-size: 14px; font-weight: bold;}
.follow_box .follow_button{margin: 5px 0 0;}
.follow_box .total{min-width: 230px; overflow: hidden; display: block;}
.follow_box .connections{padding: 5px 0 4px 0px; border-top: solid 1px #D8DFEA; border-bottom: 1px solid #CCC; min-height: 150px;}
.follow_box .connections .connections_grid{padding-top: 5px; overflow: hidden;}
.follow_box .clearfix{zoom: 1;}
.follow_box .connections .connections_grid .grid_item{float: left; margin:0px; margin-right: 5px; margin-bottom: 8px; overflow: hidden; width: 50px;}
.follow_box .connections .connections_grid .grid_item .name{font-size: 9px; color: gray; overflow: hidden; padding-top: 2px; text-align: center; white-space: nowrap;}
.follow_box .connections .connections_grid .grid_item img{width: 48px; height: 48px;}
.follow_box .follow_widget_footer{ cursor: default; width: 100%; min-width: 230px; overflow: hidden;}
.follow_box .footer_border{ margin-top: 5px;}
.follow_box .uiImageBlock{line-height: 14px;}
.follow_box .follow_widget_footer .footer_logo{float: left; margin-right: 5px;}
.follow_box .follow_widget_footer .footer_text{cursor: default; color: #808080; font-size: 9px; float: left;}
.follow_box .follow_widget_footer .footer_text a.footer_text_link{color: #808080;}
.follow_box .titlecase{text-transform:capitalize;}
</style>
<script>
/*
* Twitter Follow Box jQuery Plugin
* http://jobyj.in/twitter-follow-box-widget/
* Copyright 2012, Joby Joseph
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
(function(a){a.fn.followbox=function(b){function f(a,b){if(a>100)a=100;var c=new Array;for(var d=0;d<a;d++){c.push(b[d])}var e=c.join();return e}var c=a(this);var d="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigolp7j3OEz7dRoD3pbIS6q9Q7762W2LCjCPtcnjtklpUcgdepxGN0j42Rv5IC4XSSmcMrpgF2B7t-xvi6j3VD74lgBtVndE-hdqopLs5pAeIoOrWJG4HuMRwQVwnR_wSWu5Mo4XZz5do/";var e=a.extend({user:"jobysblog",width:292,height:252,theme:"light",border_color:"#AAA",bg_color:"#fff",bg_image:"",title_color:"#3B5998",total_count_color:"#333",follower_name_color:"#BBB"},b);a.ajax({url:"http://api.twitter.com/1/users/lookup.json?screen_name="+e.user+"&include_entities=true",dataType:"jsonp",success:function(b){var g=e.width-2;var h=e.height-2;var i=e.height-115;var j=parseInt(e.width/55);var k=parseInt(i/69)+1;var l=j*k;c.html('<div class="follow_box_main" style="border: 1px solid #bbb; width: '+g+"px; height: "+h+'px;"><div class="follow_box_widget"><div class="follow_box"><div><div class="follow_top clearfix"><a href="http://www.twitter.com/'+e.user+'" target="_blank"><img class="profileimage img" src="'+b[0].profile_image_url_https+'" alt="'+b[0].name+'"></a><div class="follow_action"><div class="name_block"><a href="http://www.twitter.com/'+e.user+'" target="_blank"><span class="name titlecase">'+b[0].name.toLowerCase()+"</span> @"+b[0].screen_name+'</a></div><div class="follow_button"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name='+e.user+'&show_count=false&show_screen_name=false&lang=es" style="width:100px; height:20px;"></iframe></div></div></div><div class="connections"><span class="total"><span class="follow_box_follower_count">'+b[0].followers_count+'</span> personas siguen a <b class="titlecase">'+b[0].name.toLowerCase()+'</b></span><div class="connections_grid clearfix" style="height:'+i+'px;"></div></div></div><div style="height: 23px"><div class="follow_widget_footer"><div class="footer_border"><div class="clearfix uiImageBlock"><a class="footer_logo" target="_blank" href="http://jobyj.in/twitter-follow-box-widget"><img src="'+d+'"/></a><div class="footer_text"><a class="footer_text_link" target="_blank" href="http://jobyj.in/twitter-follow-box-widget">Twitter Social Plugin</a></div></div></div></div></div></div></div></div>');if(e.theme=="dark"){c.find(".follow_box_main").addClass("dark")}c.find(".follow_box_follower_count").text(c.find(".follow_box_follower_count").text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,"));if(a.browser.msie&&!a.support.boxModel)a(".follow_box .connections").css("padding-bottom","14px");if(e.theme=="custom"){c.find(".follow_box_main").css({"border-color":e.border_color,"background-color":e.bg_color,"background-image":'url("'+e.bg_image+'")'});c.find(".follow_box a").css({color:e.title_color});c.find(".follow_box .total").css({color:e.total_count_color})}a.ajax({url:"https://api.twitter.com/1/followers/ids.json?cursor=-1&screen_name="+e.user,dataType:"jsonp",success:function(b){var d=f(l,b.ids);a.ajax({url:"https://api.twitter.com/1/users/lookup.json?user_id="+d+"&include_entities=true",dataType:"jsonp",success:function(b){for(var d=0;d<b.length;d++){var f=a.trim(b[d].name);var g=f.split(" ");var h='<div class="grid_item"><a href="http://twitter.com/'+b[d].screen_name+'" target="_blank"><img class="img" src="'+b[d].profile_image_url+'" alt=""><div class="name titlecase">'+g[0].toLowerCase()+"</div></a></div>";c.find(".connections_grid").append(h)}if(e.theme=="custom"){c.find(".connections .connections_grid .grid_item .name").css({color:e.follower_name_color})}}})}})}})}})(jQuery)
</script>
<script>
$(document).ready(function(){
$('#twitterfollowbox').followbox({
'user':'usuarioTwitter',
'height':'300',
'width':'260',
'theme':'custom',
'border_color':'#ffffff',
'bg_color':'#ffffff',
'bg_image':'',
'title_color':'#3B5998',
'total_count_color':'#333333',
'follower_name_color':'#BDBDBB'
});
});
</script>
<div id="twitterfollowbox" class="follow-box-container"> </div>
</div></span></div></div>
Agrega donde se indica el nombre de tu página de Facebook, también pon la ID de tu página de Google Plus en donde están las equis en rojo, y el nombre de tu usuario de Twitter también donde se indica en color rojo.
El ID de tu página de Google Plus lo puedes ver ingresando a tu página, y al final de la URL aparecerán una serie de letras y números, ese es tu ID.
En el caso del fanbox de Twitter hemos usado el fanbox para Twitter que vimos recientemente, pero puedes usar otro, o bien, quitar la pestaña, o sustituirla por otro contenido, pues al menos ese fanbox sí usa jQuery y puede causar incompatibilidad con otros scripts.
En caso de que quieras cambiar alguna pestaña por otro tipo de contenido tendrás que localizar la URL de la imagen de la pestaña (color azul) y sustituirla por la que diseñes, luego quitar el contenido de la pestaña (según sea el caso) y en su lugar poner el código que desees.
El ID de tu página de Google Plus lo puedes ver ingresando a tu página, y al final de la URL aparecerán una serie de letras y números, ese es tu ID.
En el caso del fanbox de Twitter hemos usado el fanbox para Twitter que vimos recientemente, pero puedes usar otro, o bien, quitar la pestaña, o sustituirla por otro contenido, pues al menos ese fanbox sí usa jQuery y puede causar incompatibilidad con otros scripts.
En caso de que quieras cambiar alguna pestaña por otro tipo de contenido tendrás que localizar la URL de la imagen de la pestaña (color azul) y sustituirla por la que diseñes, luego quitar el contenido de la pestaña (según sea el caso) y en su lugar poner el código que desees.
La ventaja de este método es que no usamos scripts para las pestañas, ni para esconderlas, ni para mostrarlas, ni para el efecto deslizante. La contra es que el efecto deslizante son transiciones con CSS por lo que los navegadores que no son modernos no podrán ver el efecto de deslizamiento. Fuera de esto último es un método que además de ser fácil de aplicar también es una buena opción para tener tus distintos fanbox agrupados y mostrándolos de una forma elegante y original.

ACTUALIZACIÓN 1:
Si el fanbox de Facebook te marca error puede ser porque aún no tienes una URL personalizada en tu página de Facebook, en esos casos deberás cambiar esta parte:
http%3A%2F%2Fwww.facebook.com%2Fnombre-de-la-página-de-facebookPor esta:
http%3A%2F%2Fwww.facebook.com%2Fpages%2Fnombre-de-la-página-de-facebook%2FXXXXXXXXXXXXXXX
Ahí además de poner el nombre de tu página donde se indica deberás poner en las equis una serie de números que aparecen al final de la URL de tu página de Facebook.
ACTUALIZACIÓN 2:
Es preciso mencionar nuevamente que el fanbox de Twitter sí usa jQuery por lo que si ya tienes alguna versión de jQuery o si usas otra librería de scripts como Scriptaculous entonces no se verá, en esos casos habrá que eliminar la versión de jQuery que incluye el gadget y/o hacer unos cambios para que sea compatible con Scriptaculous. Para más información mira la entrada sobre el fanbox de Twitter.
Excelente. Gracias Potro.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarNo fui el primero en felicitarte =(
EliminarHola potro , Excelente post , tenia el tabview que tambien lo hise gracias a tu y lo voy a cambiar por este ....
ResponderEliminarcambiando el teman xD , en tu respuesta me dijisrte que no podia poner l imagen de la peli con los botones debaje , me podrias decir que podria hacer para postear las pelis y preferiblemente que no ocupara tanto espacio , o que sea similar a lo que te demostre ......
Gracias por todo
Busca una plantilla similar a ella, hay algunas en la red que son dedicadas para blogs de películas. Google casi siempre tiene la respuesta para todo ;)
EliminarHola,lo he puesto en mi blog y queda muy bien,pero me gustaria ponerlo a la izquierda se puede?
ResponderEliminarEste comentario ha sido eliminado por el autor.
EliminarHola, para ponerlo del lado izquierdo tendrías que hacer una nueva imagen para cada pestaña pues están orientadas del otro lado, luego tendrías que cambiar todos los right del primer código (de los estilos) por left
EliminarY cambiar los style='float:right;' que están en los códigos de las imágenes de las pestañas por:
style='float:left;
Lo decia porque tengo las flechas de subir y bajar en el lado derecho y una imagen,pero las puse a la izquierda y ahora ya se ve bien,gracias por responder :)
Eliminar¿Por qué hacer una nueva imagen o editarla en photoshop?
EliminarSan CSS3 todo lo puede ;)
Muy buena idea Potro, la verdad que es un efecto muy bueno y ordena un poco el tema de seguimiento. Lamentablemente he notado que interfiere con cualquier otra aplicación de jquery que tengas funcionando. Por ejemplo la flecha de http://ciudadblogger.com/2012/03/boton-ir-arriba-con-jquery-que-aparece.html y otras que uno tiene por allí, dejan de funcionar.
ResponderEliminarUn abrazo
Es porque el gadget de Twitter usa jQuery, mira esa entrada, ahí hay algunos enlaces que te ayudarán a resolver el problema.
EliminarGracias por la info, de verdad es muy úttil...
ResponderEliminarFeliz Año Potro y Bienvenido al 2013, al nuevo mundo de los zombie ♥
ResponderEliminarpor un momento creí que te había secuestrado papa Noel ^^
Precioso Tema, ajja me encanto.
Besiñus y Moltos Saluttes!!
Wow!, está genial esto, lo probaré en seguida en mis blogs. Muchas gracias por el aporte Potro =)
ResponderEliminarExcelente Potro!, son geniales y excelentes las ventajas de usar CSS!, por cierto a ver que te parecen estos efectos CSS: http://www.ajaxshake.com/es/JS/1181/css.html
ResponderEliminarSaludos!
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHola Taen Ogma, son dos problemas en tu caso, tienes varias versiones de jQuery y además usas Scriptaculous. Aunque las pestañas como tal no usan ninguna de estas librerías, el fanbox de Twitter sí, incluso en la entrada sobre ese fanbox se menciona. Estos enlaces te podrán servir:
Eliminarhttp://ciudadblogger.com/2011/10/jquery-sus-versiones-y-el-conflito.html
http://ciudadblogger.com/2011/02/usar-jquery-y-scriptaculous-al-mismo.html
Pd. He eliminado el comentario por el aviso que está al final.
Saludos.
en internet explorer da problemas por que partadea y no deja mostrar y seguir una pagina
ResponderEliminarpotro como hago para agregar en vez de twitter, el widget de:
ResponderEliminarParticipar en este sitio
Google Friend Connect
Todos los miembros (4795)
es que no tengo cuenta de twitter y no quiero una.
El de Google Friend Connect ya no se puede añadir en gadgets HTML/Javascript, si el de Twitter no te sirve puedes quitarlo.
EliminarHermano Hermano Eres EL MEJOR Sin duda alguna hehe, busque esto durante 6 meses por cientos de blog y hoy entro a mi blog favorito y lo encuentro hehe eres el mejor de seguro que sÍ lo eres Muchas Gracias te deseo lo mejor para CIUDAD BLOGGER ;)
ResponderEliminarHola Potro. He hecho todo lo que pones pero no me redirecciona bien a mi página de Facebook. Tiene que ser un user? o puede ser una página? En tal caso...estoy copiando mal en nombre de la página? también hay que poner la ID?
ResponderEliminarUn saludo y enhorabuena por la idea, está de lujo ;)
Hola Juan José, lo que sucede es que todavía no tienes una URL personalizada para tu página de Facebook, en esos casos debes cambiar esta parte del código:
Eliminarhttp%3A%2F%2Fwww.facebook.com%2Fnombre-de-la-página-de-facebook
Por esta:
http%3A%2F%2Fwww.facebook.com%2Fpages%2Fnombre-de-la-página-de-facebook%2FXXXXXXXXXXXXXXX
Ahí además de poner el nombre de tu página donde se indica deberás poner (donde están las equis) una serie de números que aparecen al final de la URL de tu página de Facebook.
Gracias Potro! solucionado! =)
EliminarPor mucho que intento no consigo que salga el del facebook. saludos.
ResponderEliminarHola Xosé, si estás poniendo la URL de renato.nunez entonces no funcionará, el fanbox de Facebook es sólo para páginas y no para perfiles.
EliminarSaludos.
Estimado Ciudad blogger, Este post me ha sido muy útil ya que mi plantilla no funcionan los que se deslizan al bajar la pagina.
ResponderEliminar¿Porque hay beces que la pestaña de twitter se queda en blanco cuando uno la habre? Bueno, no se si es solo en mi ordenador...
Y gracias por tus famosas entradas, para mi es el sitio mas facil de aprender.
Puede ser porque ese fanbox usa jQuery, o porque algunas veces no está disponible el servidor de Twitter desde donde se leen los datos. Mira la entrada sobre el fanbox de Twitter, ahí se mencionan esos puntos.
Eliminar¡Saludos y muchas gracias por tu comentario!
Me gustó!!! Lo pondré al tiro en mi blog. ¡Gracias Potro! :D
ResponderEliminar¡Gracias Potro! Es genial. Lo voy a poner en mi blog. Es elegante y muy práctico. ¡Gracias de nuevo!
ResponderEliminarFeliz año y gran aportación para la comunidad. Ya que estamos de pestañas, e podria incluir los seguidores de blogger?
ResponderEliminarNoup, el de los Seguidores ya no se puede meter dentro de gadgets HTML :(
EliminarYa estoy yo aquí jeje Lo del Face no me sale ¿No tomo bien la dirección? ¿Que es en concreto lo que tengo que poner? Que zoquete soy jajaja
ResponderEliminarFeliz años Potro
Saludos
Jajaja, zoquete no lo creo ni tantito ;)
Eliminar¿Cuál es la URL que quieres poner de Facebook?
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHola, no veo que esa página tenga al lado nada :(
EliminarEsta excelente, pero no visualiso en tu blog el de twiter! estoy por cambiar la plantilla asi q en unos dias lo pongo en mi blog para ahorrar espacio. Gracias!
ResponderEliminarA veces no se ve, todos los fanbox para Twitter que conozco tienen ese pequeño defecto, que por ratos no se ven :(
EliminarAhora con Mozilla si lo veo, y no me aguante a esperar plantilla ya lo coloque en mi blog ;) grande potro!
Eliminarse ven excelentes tengo pusto solo de facebook pero voy a probar estos gracias
ResponderEliminarUna pregunta?
ResponderEliminarcoloque el usuario de twitter y este no medio
el de facebook todo bien el de google + lo omití
Tendría que verlo puesto, entré al blog de tu perfil pero sólo veo el de Facebook.
Eliminar¡Feliz Año a todos!
ResponderEliminarPotro ¿respondes a problemas surgidos en blogs por e-mail?
De ser asi... me gustaría saber tu e-mail para contactar.
Gracias de antemano
Ya no Eruanne :( todas las consultas son por aquí en el blog, en la entrada reacionada con el problema que tengas o con la que más se le asemeje.
EliminarMuy completito ;)
ResponderEliminarCasi. casi. Faltaría el de Seguidores pero ese cada vez se queda más en el olvido, hasta yo apenas lo recuerdo :P
EliminarY si tengo Scriptaculous? Funcionará...? O como sería el Código?
ResponderEliminar(No se si se publico mi otro comentario)
ResponderEliminarSi tengo Scriptacolous instalado funcionara? o ... Cual seria el Codigo?
Las pestañas sí, pero el fanbox de Twitter posiblemente no, a menos que apliques un cambio que se explica en la entrada del fanbox de Twitter.
EliminarPotro de corazón esta super super. Me interesa colocarlo pero solo el de facebook y el de twitter. Además los coloque y el de twitter sale en blanco, hay algún problema...
ResponderEliminarHola Jose, mira la entrada sobre el fanbox de Twitter, eso resolverá tus dudas.
EliminarSaludos!
Potro este truco puede demorar la carga del blog?
ResponderEliminarLas pestañas por sí solas no, el contenido de ellas podría ser, depende de qué tanto tengas en tu blog.
Eliminarbien implementado, ya lo habia visto en un sitio en ingles de trucos para blogger.
ResponderEliminarsaludos,
Luego me pasas el link, a ver si les copio algo XD
EliminarJejeje estuvo bueno ese... que mal agradecidos...
Eliminarezcelente idea me encanta la pondre a prueba. Buena manera para empezar el año. Saludos :D
ResponderEliminarHola Potro! Feliz año! ¿Se puede poner en el margen de abajo en vez de en el margen derecho?
ResponderEliminarGracias de antemano!!
Posiblemente sí aunque no lo he probado de esa forma, sería cuestión que jugaras con los valores de right: y los cambies por bottom:
EliminarTambién tendrías que crear nuevas imágenes para las pestañas y hacerlas de forma horizontal en vez de vertical. Será cuestión de experimentar.
Feliz año para ti también :)
Hola!
ResponderEliminarTengo un problema que no tiene nada que ver con el contenido de esta entrada pero necesito información y ayuda sobre el tema de los dominios. El caso es que ayer he comprado un dominio, he recibido los dos correos, el segundo de Google Apps con un enlace para crear una cuenta de administrador, pero al poner el nombre de usuario, la contraseña y darle a "proceder con la configuración" me da error del servidor...
No sé si es que aún tengo que esperar más tiempo pero por favor me podéis ayudar con este asunto.
Gracias de antemano!
Hola Mariem, como nunca he comprado un dominio desde Blogger no sé qué problemáticas pueda dar, yo te sugiero que revises los correos que te dieron por si tienen un correo de asistencia o quizá en el Foro de Ayuda de Blogger sepan decirte qué está pasando.
EliminarSaludos.
Hola Potro!
ResponderEliminarNuevamente consultandote este año :)
Hoy tenia un mensaje de google:
Publicar recursos de una misma URL
Hemos analizado algunas de las páginas de sus sitios que publican la mayoría de los anuncios y hemos detectado problemas de velocidad de página que crean una experiencia muy negativa para algunos usuarios. Las páginas que se visitan con frecuencia en sus sitios muestran el mismo recurso desde varias URL, con lo que malgastan ancho de banda y recursos del cliente. Obtener información sobre cómo corregir este problema.
Lo revise y vi la información para corregir el problema pero era como si me estuvieran hablando en chino :( no se que hacer, espero puedas ayudarme!
Mil Gracias!
Saludos
Monica
Potro se mee olvido colocarte el link que me dan sobre la "información para corregir el problema", es este https://support.google.com/adsense/bin/answer.py?hl=es&utm_medium=link&utm_campaign=ww-ww-et-asfe_&utm_source=aso&answer=1663759
ResponderEliminargracias ;)
Hola Mónica, casi todo lo que podría decirte se menciona en ese artículo, supongo que tendrás que trabajar en la velocidad de carga del blog, en caso de que tengas imágenes súbelas desde Blogger o directo desde Picasa. Si tienes varios scripts alójalos en la plantilla preferentemente, y de ser posible elimina todo lo que no te sea verdaderamente útil.
EliminarSaludos.
Listo... ya los puse en mi pagina y quite los viejos, ahorran espacio y son mas rapidos.
ResponderEliminarMira el resultado final.
http://starbluecomics.blogspot.mx/
Hola potro, interesante estas pestañas. Me han gustado.
ResponderEliminarPor arriba lei que daba problemas con jquery, yo lo he probado en wordpress, no lo he implementado en blogger y la verdad que no me ha creado ningun problema con otros elementos jquery.
No se da ese problema en todos los casos, por suerte el tuyo es uno de esos casos en los que no hay ningún conflicto :)
EliminarHola muy buena tu pagina, soy medio nuevo en esto del blog, el tema es que copio eso y me sale la pestaña pero en blanco, donde tengo que poner la direccion de mi pagina de Face (solo me interesa el face).
ResponderEliminarGracias
Ya esta! era refacil GRACIAS :D
ResponderEliminarMe gusta, pero puede haber problemas con el de twitter, yo tuve hace tiempo con uno de esos widgets, de todas maneras lo he colocado en el blog de pruebas a ver que tal.
ResponderEliminarTODO ME SALE MENOS LO DEL TWITTER ALGUIEN QUE ME AYUDE??????
ResponderEliminarMira la entrada del de Twitter.
EliminarHola potro esta buenismi y nada sin problemas gracias.
ResponderEliminarA proposito, queria consultarte 2 cosas, como son codigos te dejo la consulta en este txt.
Un saludo y feliz año.
Hola Martin, el iframe para que no marque error conviértelo a texto plano. El anuncio que dices supongo que lo ideal es que solicites uno que no tenga efectos, o bien, eliminando el archivo jquery-1.7.2.min.js deberá quitarse también cualquier efecto con él.
EliminarGracias potro, probe lo de pasarlo a texto plano pero me sigue tirando ese error que te comente, hay alguna otra solucion o algun caracter a sustituir en el iframe para que lo tome?
EliminarSaludos potro!
El problema es la URL, como contiene caracteres especiales no reconoce esos caracteres como códigos válidos y por eso marca error. Yo siempre lo resuelvo convirtiéndolo a texto plano, no sé si igual sirva cambiando esa URL por una acortada.
EliminarProbe con tu conversor potro pero igual me da problema en el _size no se si habra otra forma. muchas gracias igual potro un saludo.
EliminarPrueba con otro:
Eliminarhttp://www.blogcrowds.com/resources/parse_html.php
MMMM no se que estoy haciendo mal, la pestaña de face me sala en blanco al igual q la de twitter
ResponderEliminarhttp://enredandomelosdedos.blogspot.mx/
No los veo puestos en tu blog :/
EliminarNo me sale. ¿Por qué? e_e La puse, pero no se ve nada en las pestañas.
ResponderEliminarSin saber en cuál blog lo has puesto me es imposible poder ayudarte.
EliminarVaya, yo debo ser muy torpe (y también soy nueva en los post claro) pero cuando voy a diseño/añadir gadget/ no me sale la opción de HTML sólo me sale "lo básico", "Más gadgets", y "Añade tu propio" y este último sólo es para meter una URL. buaaahhhhh, puedes ayudarme?
ResponderEliminarHola Ana, dentro de "Lo básico" hay una lista de gadgets, ahí encontrarás la de HTML/Javascript.
EliminarNo se que pasa que hago todo lo que dices y me sale la pestaña de facebook y todo, pero en vez de mi pagina aparece "Could not retrieve the specified page. Please verify correct href was passed in." Traducido: No se pudo recuperar la página especificada. Por favor, verifique href correcto se pasa pulg.
ResponderEliminarLa verdad me quedo igual, no se que he hecho mal, me podrias ayudar?
Habría que ver cuál es la URL que has puesto y el blog donde lo hiciste, pero no está de más que antes mires el comentario #14.1
EliminarBuenísimo potro!
ResponderEliminarBuen post y gracias Potro, lo estaba esperando desde al año pasado, ya lo tengo en mí blog.
ResponderEliminarsolo una pregunta ¿Qué parte del código tengo que cambiar para que en las casillas GOOGLE + Y TWITTER de mi blog digan "seguir" y no "follow". Quiero que sea como el tuyo en tu blog. Este es mi blog: ojoderojas.blogspot.com
Gracias efrain, copia de nuevo el código, ya lo he modificado para que aparezca todo en español.
EliminarSaludos.
Funciona todo perfectamente menos el de twitter :/ no se por que coloco mi usuario donde me lo indica pero no no pasa nada isai_delosreyes no sale mi twitter y intente con otro el de twitter y tampoco salia nada o se que pasa lo estoy probando fuera de blogger en una aplicacion para crear paginas web sin escribir codigo Adobe Muse deberia funcionar perfectamente pero no es asi. Vista en vivo goo.gl/SZaNq
ResponderEliminarSólo lo he probado en Blogger, desconozco cómo se comporte en otras plataformas. Tal vez quieras tomarlo desde la página del autor o ponerte en contacto con él por si continua el problema:
Eliminarhttp://jobyj.in/twitter-follow-box-widget/
Se ve a simple vista, pero no muestra los seguidores,de facebook y google, porque?
ResponderEliminarNo sé en cuál blog lo has puesto, pero mira las actualizaciones que he publicado.
EliminarOtra pregunta ya solucione lo anterior, ahora quiero ponerlo poco mas arriba, el de twitter me queda muy debajo, casi esconde la mitad cuando se abre. Gracias por antemano por tu respuesta, El Potro, eres lo máximo
EliminarCambia los valores de top que están en la primera parte del código, ahí controlarás que tan arriba se muestra cada uno de ellos.
EliminarSaludos.
Maestreo ¡¡¡¡¡ Grande otra vez ¡¡¡ Me ha gustado mucho ya tengo el código implantado en mi blog, pero me pasa una cosa, ya tenía de antes tu fanbox de twitter, ya ahora me ha desparecido, creo por el color de fondo que es como si el del sidebar se hubiera convertido en flotante...en fin, misterios que sólo tu me puedes resolver. Te pegas un vistazo ?
ResponderEliminarGracias maestro y un saludo.
http://www.barruntos.net/
Es porque aun conservas el código del otro fanbox y ese tiene la indicación de que tenga ese color de fondo. Debes quitar el otro código que tenías y dejar sólo este.
EliminarTambien me paso lo mismo, tratare de corregirlo de esa forma..
EliminarBueno te explico mejor.... elimine el fan box de twitter que tenia antes.... abri el nuevo para ver si hay algun error en el nombre de mi twitter, cuando le doy guardar me voy a mi blog y sale correctamente los seguidores, sin embargo; cuando recargo de nuevo la pagina vuelve a quedar el blanco.... no se que hice mal....
EliminarTal vez sea lo que te mencioné antes. También puedes probar con las otras opciones de Fanbox para Twitter que hay.
EliminarPor fin Potro, la respuesta a Juan José me ha servido, ahora si
ResponderEliminarGracias
Pero muchas gracias. ¡Me encantó! y ya lo uso.
ResponderEliminarMe gustaría mucho implementarlo en LinkedIn. Es posible?
O, usarlo para lograr seguidores en FB, twits en Twitter. Algún tip?
Ni idea, sólo lo he probado en Blogger :(
EliminarHola Potro.... en el caso de GOOGLE se debe abrir la pagina, no se puede hacer con el perfil de Google...???
ResponderEliminarHola Luis Angel, no lo he probado con el de perfil, pero supongo que sí, es cuestión de que pruebes poniendo la ID de tu perfil en lugar del de tu página y ver el resultado.
EliminarPOTRO SE QUE ERES MUY BUENO EN ESTE PERO CON ESTE CODIGO ME IMPRESIONASTE, LO MALO QUE NO PUDE PORQUE ME SALEN EN BLANCO LAS CAJAS SIN NADA :( ME PODRIAS GENERAR MI CODIGO? SI TU RESPUESTA ESTA ES MI PAGINA DE FACEBOOK https://www.facebook.com/pages/GTA-Mexican-Mod/425660684149113
ResponderEliminarLA ID DE GOOGLE ES 102922677108834222162
Y POR ULTIMO MI TWITTER ES https://twitter.com/Th3J3thro ESPERO QUE ME GENERES MI CODIGO POTRO TE LO AGRADECERIA DEMASIADO :)
Mira las dos actualizaciones que he publicado en la entrada.
EliminarSaludos!
Hola Potro!! acabo de descubir tu blog y lo amo intensamente!!
ResponderEliminarpero necesito ayudita, no he logrado que el fanbox de facebook me cargue correctamente!
AYUDA PORFIS!!
Lo logré!! :*
ResponderEliminarHola Potro,interesante tu bloges bastante útil,aunque la verdad me pierdo un poco con el lenguaje,pues no sé lo que sob muchas cosas,yo de ordenadores navegar por internet y poco más.Me dijo mi hermana que hay sitios o maneras de que tenga más visitas un blog,y no solo porque guste.El mío lo tengo asociado a google mail,y quisiera saber que manera hay para aumentar mis circuloa para compartirlo con más gente,pues no me aparece como cuando di la cuenta de alta blogs para tenerlo en mis círculos,no me aparece una lista,ni una opción directa tampoco para seguor blpgs.También tal vez influya que normalmente entro desde el móvil y en ese formato no tenga tantas opciones.Espero que me puedas aclarar mis dudas,aunque sean un poco tontas. Este es mi blog por cierto:http://virgueriasilustradas.blogspot.com
ResponderEliminarHola María. Sí puede ser que desde la versión móvil no veas todo el blog como normalmente se ve en la versión web, pero no es el caso de tu blog, sólo hay dos gadgets.
EliminarQuizá lo que necesitas sería un gadget de suscripción por feed para que tus futuros lectores se suscriban y estén al tanto de tus actualizaciones:
http://ciudadblogger.com/2011/05/crear-un-feed-en-feedburner-y.html
Aquí unos tips para aumentar el número de suscriptores:
http://ciudadblogger.com/2010/07/como-aumentar-el-numero-de-suscriptores.html
Si tienes página de Facebook, página en Google+ (o perfil), y cuenta de Twitter, convendría que pongas algo como lo de esta entrada para que tus lectores te sigan, y desde esas redes sociales les hagas saber cuando publicas algo nuevo.
Saludos.
Paso a agradecerte en este post por cierto buen aporte y muchas gracias por lo del fondo del menu me sirbio fantástico sos un genio y de nuevo muchas gracias potro sos el mejor (y)
ResponderEliminarPOTRO NECESITO AYUDA, NO PUEDO PONERLE EL DE TWITTER NI EL DE FACEBOOK AVER SI ME AYUDA PONGO EL USUARIO DE FACEBOOK Y EL DE TWITTER Y NO ME SALE NADA, EN EL DE FACEBOOK ME SALE ESTO:
ResponderEliminarNo se pudo recuperar la página especificada. Por favor, verifique href correcto se pasa pulg
Mira las actualizaciones de la entrada.
EliminarHola potro te llego mi comentario? repente lo deje mal.
ResponderEliminarun saludo!
Me rindo! No se lo que debo estar haciendo mal pero la fanbox de Facebook,la única que quiero, me sale en blanco. Ante la desesperación he llegado a poner el de CiudaDBlogger y para mi sorpresa si que sale :°P Creo que lo he probado todo. Necesito tu sabiduría. El blog es: kalikafilmstv.blogspot.com y el Facebook es el del botón en el mismo blog. Gracias Potro.
ResponderEliminarParece que ya lo has resuelto. Saludos.
EliminarBuenísimo lo que lograste! vi otros que intentaron hacerlo pero siempre tenia algo que fallaba en las animaciones y el cambio de pestañas...
ResponderEliminarMuchas gracias!! :D
muy bueno gracias por la ayuda
ResponderEliminarHola Potro.
ResponderEliminarEnhorabuena por tus post, los sigo siempre de cerca y me son de mucha utilidad. Es más la apariencia de mi blog en su mayor medida se lo debo a esta página que me ha ayudado mucho.
Sin embargo tengo una consulta, me gustaría conseguir el efecto de este blog http://blog.justlove.ly/ Que la franja superior se quede siempre estática. Este es mi blog http://whereorwhat.blogspot.com.es/ y me gustaría aplicarle el mismo efecto. Gracias te antemano!
Hola whereORwhat, puedes poner una imagen flotante, así conseguirás un resultado similar:
Eliminarhttp://ciudadblogger.com/2009/03/poner-imagen-estatica-en-el-blog.html
Simplemente genial, eres un crack, pasar por mi blog para ver como quedó, saludos.
ResponderEliminarhttp://trucosoutlook.com
Hola potro..He instalado esto en mi Blog www.acerequebola.blogspot.com/ y se ve muy bien pero lo de facebook si te das cuenta no sale bien..no se que puede ser mi facebook tiene casi 8000 seguidores y no me sale ni uno en mi blog..este es mi página https://www.facebook.com/ConexionCubanos..Por favor si puedes ayudarme lo agradecería..saludos amigo
ResponderEliminarHola Lizardo, yo veo otra página puesta en ese fanbox, una con 395 seguidores.
EliminarHola potro, tengo un problema y es que al intentar añadir el gadget no me da la opción de html/javascript, solo me aparece por URL
ResponderEliminarCuando se abra la ventana para añadir gadgets asegúrate que estés en "Lo básico", ahí hay una lista de gadgets donde encontrarás el de HTML/Javascript.
EliminarHola Potro. Mi desesperación de ayer se ha convertido en alegría hoy. Como dije, soy muy cabezota y esperando tu ayuda al final he encontrado, eso creo, lo que estaba mal, si es que se puede decir así. Lo que intentaba poner es el nombre de un "perfil" de Facebook y no el de una "pagina" de Facebook. Abierta pagina, copiado el "nombre-de-la-página-de-facebook" y en mi caso mas el "XXXXXXXXXXX" y a funcionar. Con lo fácil que lo pones y el empeño que ponemos algunos en liarnos. Gracias.
ResponderEliminarAh, aprovecho, me aparece en la barra lateral derecha, donde he puesto el html del fanbox un recuadro vacío que se corresponde a este ultimo pues al darle al enlace de edición rápida se abre el susodicho html. Juraria que en un primer momento no aparecia el recuerdito, pero...aqui tienes de nuevo el enlace del blog: kalikafilmstv.blogspot.com.es
Nunca me cansaré de repetirlo, ¡GRACIAS!
Es normal que aparezca, pero puedes arrastrarlo hasta abajo donde casi nadie lo vea ;)
Eliminar!!Hola,Potro!!
ResponderEliminarQuiero felicitarte por el estupendo blog que tienes,me ha ayudado en muchas ocasiones.Gracias por compartir tanta y tan buena información y por tu esfuerzo.Enhorabuena.Muchos besos,Potro.Buen finde.
Muchas gracias a ti por tu comentario y visita. Besos para ti también!
EliminarHola.. Queria consultarte algo, descargue una plantilla y al final tiene lo siguiente:
ResponderEliminar/*
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
* Uses the built in easing capabilities added In jQuery 1.1
* to offer multiple easing options
* TERMS OF USE - jQuery Easing
*
*/
Es mas largo, pero la cuestión es que quería saber si puedo eliminar todo eso ya que creo que son solo comentarios, y si afecta en algo o no al tiempo de carga del blog, gracias
Hola, eso parece ser un plugin de jQuery, quizá es de algún efecto que usa la plantilla, así que si lo eliminas algo podría dejar de funcinoar.
Eliminarhola feliz año.. me ayudarias a saber que pasa con el blog tuneandoelblog? me sale que es una página de peligro hice una captura, en dónde se la mando a ti o al usuario de ese blog para que esté enterado? ya que si me pasa lo mismo me gustaria que me lo hicieran saber no crees?
ResponderEliminarp.d. no es necesario que publiques esta duda con me que me contestes me doy por satisfecho :) saludos
Gracias por tomarte la molestia. Yo no tengo su correo, pero sé que desde hace varias semanas (por la última entrada que publicó) que ya dejó el blog :s
EliminarOla potro varias cosas:
ResponderEliminarPrimero como puedo poner esto pero quitando la de Google+ que mi blog no tengo esa red social
Segundo como hago que en mi seccion de contacto poner un formulario para que la gente me mande al correo que yo quiere sus dudas sin tener que entrar en su correo
Tercero me podrias decir algun sitio donde pudiera crear el logo para mi blog?
Un saludo y gracias
Hola Tutto, en el código indica el inicio de cada pestaña, sólo localiza ese contenido y elimínalo si no lo deseas. Seguro necesitarás subir más la de Twitter así que bastará con que cambies el top que está dentro de #flotante3 {
EliminarPara lo segundo, busca aquí en el blog "formulario de contacto", encontrarás unas tres opciones.
Lo tercero te lo debo, pero seguro en Google lo encuentras.
Saludos.
Hola aqui otra vez, te cuento que lo coloque... me di cuenta que al principio se vieron mis seguidores de Twitter, pero luego el cuadro quedo en blanco... como lo resuelvo??
ResponderEliminarPodría ser por algún script que usas como el del chat, tal vez alguno de ellos también use jQuery. Prueba quitando la línea de jQuery y mira si eso lo resuelve.
EliminarBuenos días,
ResponderEliminarMe gustaría que me ayudárais con la siguiente pregunta, he intentado dar de alta mi blog en Google Plus y, como no es una página personal, me dicen que no puedo darlo de alta. ¿Cómo lo habéis hecho vosotros?
Gracias y saludos,
Hola Jose, sólo seguí los pasos de esta entrada, no hice nada más:
Eliminarhttp://ciudadblogger.com/2011/11/crear-una-pagina-en-google.html
Hola Potro! Quería hacerte una preguntita que no tiene que ver con la entrada... ¿Qué parte en el HTML de mi plantila tengo q cambiar para q en mis entradas el borde a izq y derecha d las imágenes sea igual a cero siempre? Debe ser una pavada pero no encuentro donde cambiarllo y me molesta hacerlo manualmente en cada entrada. Tengo una plantilla personalizada.
ResponderEliminarOjalá me puedas ayudar ;)
Gracias y besos!
Hola Annie, habría que ver en cuál blog lo quieres hacer, pero usualmente sería algo así:
Eliminar.post img {
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
}
a mi se me superpone el de facebook con otro escrip ¿se puede solucionar?
ResponderEliminar¿Con cuál se suporpone? ¿en cuál blog?
Eliminarel escrip Page Peel en este blog: http://vmglarevista.blogspot.com.ar/ (plantilla Fantástico, S.A)
EliminarNo veo el Page Peel ahí, pero puedes bajar más las pestañas si lo deseas. En la primera parte del código verás tres valores dentro de top
EliminarEsos valores son la distancia de cada pestaña desde arriba, si haces más grandes esos valores se moverán hacia abajo.
¿Como se podría poner la pestaña para Tuenti?
ResponderEliminarNunca he usado esa red Meri, desconozco si tengan fanbox y/o cómo implementarlo :/
EliminarHola Potro buen día. hace tiempo quería preguntarte como puedo hacer en mi blog para que la imágen superior que tengo de portada en http://cinenewscine.blogspot.com/ unicamente se vea en la página principal y en las demás nooo.
ResponderEliminarSaludos!
Hola "El potro" quisiera hacerte una consulta este, vi en una pagina web que tenia anuncios a los costados de su web estáticos como para no romper las reglas de adsense.
ResponderEliminarMe gustaría saber que hacer.
Lo logre pero lo hice con div. flotantes estáticos pero cuando veía que solo en mi pc estaba bien puesto en otras se estaba tapando contenido y no era fijo en todas las web.
Ayuda!
Mi sitio es http://www.unadisco.com
Ejemplo de la imagen de dejo el enlace
http://s2.subirimagenes.com/otros/previo/thump_8233996adsen.jpg
Hola Milagros, cuando se usa la posición fija siempre es así porque la posición la toma de izquierda o de derecha en pixeles, así que si alguien entra con un monitor de resolución pequeña entonces este contenido puede sobreponerse. Ese es uno de los inconvenientes de la posición fija.
EliminarHola ELOYDJ, no sé si ya has visto las actualizaciones que le hice a la entrada, eso resuelve (o ayuda a resolver) casi todos los problemas.
ResponderEliminarPotro, lo he puesto como para Facebook pero me sale la cajita en blanco Me figuro que habrá que ponerlo de otra manera me estoy refiriendo a TUENTI
ResponderEliminarEl de Tuenti no lo conozco Meri, con ese no sé cómo ayudarte.
EliminarHola, soy un poco desastre para estas cosas, menos mal que hay gente que ayuda como tú.. gracias.. He puesto la pestaña de facebook pero sale en blanco..
ResponderEliminarGracias Sildan, mira la actualización de la entrada, tal vez eso pueda ayudarte. Si continuas con el problema dime dónde lo has puesto y cuál es la página de Facebook que estás añadiendo.
EliminarGracias otra vez, sigo con el problema y ya he intentado un montón de cosas.. copio todo y pongo el nombre de facebook que cree el otro día y no sé si está bien ya.. sildan.sildan/5 aunque ya lo he puesto de mil maneras: sildan.sildan@facebook.com, sildan.sildan5\facebook.com, www.facebook.com/sildan.sildan/5 etc
EliminarGraciass
Al final lo conseguí poner pero.. me salen fans repetidos..
EliminarPues no es ninguno de esos, todos me dicen que no existe. Has esto, entra a tu página, copia la URL que aparece en la barra de direcciones y pegala aquí tal cual como está.
EliminarSi tienes pocos fans es normal que te aparezcan repetidos, cuando tengas más se normalizará el gadget.
EliminarSimplemente vengo a darte las gracias y a felicitarte. Tu página es lo mejor del blog Latino.
ResponderEliminarUn saludo Potro.
Muchas gracias :)
EliminarHola Rodrigo, si crees que el problema ha sido por la plantilla yo diría que la pongas de nuevo (la que tenías) y que a partir de esa hagas los cambios que quieras para que se vea más o menos como la nueva. No siempre es problema de la plantilla, pero sí es una realidad que hay plantillas poco favorables para SEO que pueden afectar la cantidad de visitas que se reciben.
ResponderEliminarHe eliminado el comentario tal como me lo has pedido.
Saludos.
Hola, llevo poco tiempo con mi blog y ya soy una fan del tuyo. Es muy fácil implementar las mejoras que propones. Enhorabuena por tu trabajo! Lo último que he puesto son las pestañeas de la izda... Estoy encantada de mis progresos. Gracias!
ResponderEliminarMuchas gracias Nekane Bask, y bienvenida a Ciudad Blogger!
EliminarNo funciona lo de twitter
ResponderEliminareste es mi blog
http://reflexionesylecturasparameditar.blogspot.com/
Lee la entrada completa.
EliminarPotro he echo todos lo apsos y nada
EliminarVisita mi blog a ver si puedes hacer algo por mi
¿Y cuál blog debo mirar Ja Ar?
EliminarSí Rodrigo, recibido y respondido :)
ResponderEliminarExcelente!!! Lo acabo de añadir en mi blog sin problemas!! Muchas gracias :)
ResponderEliminarHola, está increíble este widget, pero lo pongo en mi blog y no funciona. Ayuda, por favor!!! http://pianosheetsforfree.blogspot.com/
ResponderEliminarYo sí lo veo funcionando Mauricio o.O
Eliminarperdona, de eso no me había dado cuenta, en ese caso, ¿cómo puedo hacer para que se vea en la página principal? yo no lo veo, solo en los posts.
ResponderEliminarPS: gracias por responder tan rápido, realmente es bueno entrar a una página así :)
Es porque tienes una condicinoal que inidica que en la portada ese gadget y otros no se deben mostrar. Para resolverlo busca esta línea:
Eliminar.post-footer-line-1,.post-footer-line-2,post-footer-line-3,.post-footer, #sidebar-wrapper, #HTML1, #FollowByEmail1, #Label1, #Followers1{
display:none;
}
Y cámbiala por esta:
.post-footer-line-1,.post-footer-line-2,post-footer-line-3,.post-footer, #sidebar-wrapper, #FollowByEmail1, #Label1, #Followers1{
display:none;
}
Hola El Potro, exelente idea para promocionar nuestro blog en las redes sociales, yo la utilizare mas adelante cuando tenga mas seguidores, por lo menos que llenen la cuadricula jaja.
ResponderEliminarUna pregunta: en mi blog (smsfan.blogspot.com) paso algo raro. Resulta que agrande la imagen del background de la fecha para que abarque toda la fecha porque no se mostraba y quedo bien pero ahora, al comenzar el mes de enero, el final de esa imagen no se muestra, pero en los demas meses si lo hace. Yo creo que sucede porque el nombre del mes es corto pero como lo soluciono?
Gracias.
Hola JosecK, es porque las entradas son de la misma fecha, mira esta entrada:
Eliminarhttp://ciudadblogger.com/2010/11/mostrar-la-fecha-en-todas-las-entradas.html
Mmm, no me entendiste la duda. Presta atencion al background en la primera pagina del blog y luego miralo en las entradas antiguas. En las antiguas se muestra normal pero en las de enero no aparece el final del background. Me refiero a la entradas en las que se muestra la fecha.
EliminarLee la entrada que te di, ese es el problema que tienes.
EliminarPotro, hoy como qué he estado haciéndote varias consultas.
ResponderEliminarAunque sé que esta no es la nota adecuada para hacerte la pregunta, también sé que por el formulario se tardaría mucho más, así que al grano.
¿Qué código puedo añadir a la plantilla HTML para que TODAS las imágenes de mi blog tengan el dobles, osea, el border-radious. Así no tendría que estar usando un editor todo el tiempo. Gracias de antemano.
La forma simple es así:
Eliminar.post img {
border-radius:20px;
}
O algo más elaborado como esta entrada:
http://ciudadblogger.com/2012/02/efectos-de-bordes-redondeados-en-las.html
Para comentar donde debo te escribo en la entrada a la que haces referencia. :)
EliminarHola Potro!, quería darte las gracias por el gran apoyo que brindas a la comunidad, e invitarte a pasar por el blog: http://www.quesomos.com/ ya que sin vos esto no hubiera sido posible! Felicitaciones.
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHola, procura usar minúsculas, en Internet escribir en mayúsculas significa estar gritando ;)
EliminarAun así creo que ya lo has resuelto pues veo funcionando el slider y las redes sociales.
Elimino el comentario por el aviso que está al final.
Saludos!
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarEn data-height="300" puedes cambiar el alto y en data-width="240" el ancho.
EliminarElimino el comentario por el aviso que está al final.
¡Saludos!
potro tengo una duda como ago para ponerle sombras a una imagen dentro de la plantilla osea editando la plantilla necesito un codigo como el de de las letras
ResponderEliminartext-shadow: #6374AB 10px -10px 3px;
pero que sea para una imagen espero me puedas ayudar y saludos :)
Con box-shadow, por ejemplo:
Eliminar.post img {
box-shadow: 10px 10px 5px #888;
}
gracias potro me re sirbio una duda mas que me surgio cuando terminaba de diceñar las cajas de la entrada mira el limite del titulo es de 200px cuando los supera el resto del titulo de aparece abajo y eso como que queda mal quisiera saber si es posible hacer esto
Eliminarejemplodeltitulolargo
ejemplodelti...
que quede puntos suspensivos al llegar al tope de escritura espero me puedas ayuda con este problemita y muchas gracias de nuevo saludos
No sé si haya algún script que haga eso, al menos yo no lo conozco. Una opción sería que al título le pongas un ancho determinado y que si se excede se oculta el excedente, algo así:
Eliminar.post h3 {
width:200px;
height:30px;
overflow:hidden;
}
Hola Potro, se que no viene al caso pero quería pedirte un favorcito, podrías echarle un ojo a mi blog y decirme como podría poner la foto de la cabecera mas pequeña o estrecha, para que al abrirlo ya se viera la parte de la entrada actualizada y no solo la foto?
ResponderEliminargracias de antemano
Ana.
http://www.triatlonenfamilia.com/
Hola ANA, tendrías que subir una foto con dimensiones más pequeñas, aunque eso haría que no cubra el ancho del blog.
EliminarGracias Potro se ve muy elegante, como siempre sos el mejor.
ResponderEliminarHay problemas con el Internet Explorer, parpadea, en el firefox funciona bien, solo que el de twitter se queda en blanco en uno de mis blogs, en el otro si funciona bien.
Bendiciones abundantes para este 2013
En IE no me extraña, lo extraño sería que todo se viera bien ahí :P
EliminarEn Firefox debe verse bien, sólo recuerda que a veces el gadget no está disponible (se menciona en la entrada del fanbox) así que puede ser que a veces se vea y por ratos no.
Bendiciones para ti también.
Gracias Potro eres un genio, gracias me quedó bien bonito en mi blog, exelente.............
ResponderEliminarPotro una consulta algo preocupante, mi Cuenta de Twitter fue Suspendida 1 semana despues de usar esto, ¿Crees que tubo algo que ver? no hice nada no hice Spam, ni nada la uso en mi blog http://www.fanaticosdelcaraudio.com
ResponderEliminar¿Tu que opinas? Gracias!
Nop, no tiene nada que ver, no sé si después de que te la hayan suspendido hayas recibido algún correo notificándote la causa de ello.
Eliminar¡¡Hola, Potro!!
ResponderEliminar¡Tanto tiempo! Un placer saludarte desde aquí de la Argentina.
Te cuento. Estoy confeccionando (o tratando) un blog. Quiero poner un gadget de Windows Media Player, por que me gusta como reproductor. Además tiene una emisoria formidable para que transmita cada vez que uno abre el blog. Hasta ahí todo bien...
Conseguí un código (no me acuerdo donde) lo pegué en el Bloc de Notas. Le modifiqué los parámetros necesarios, lo copié y luego fui a Diseño, Gadgets, elegí el HTML, pegué y guardé. Todo sigue bien. Hasta que fui a ver cómo había quedado. ¡Encontré solo un marco con los controles, pero no funcionaba nada! Probé con un video (modificando, por supuesto los parámetros para video) y, tampoco: ¡Nada! Probé con otros códigos que me parecieron distintos. ¡Igual, nada! Probé, incluso con otros gadgets distintos (de otros temas) y...¡NADA!
Trabajo con Firefox y tengo una plantilla Awesome Inc de Blogger. Mi link del blog es: http://gospeldelalma.blogspot.com.ar/
No sabés cuanto te agradecería me des una mano por que hace ya una semana que estoy con ésto...
¡Te mando un gran abrazo, Potro querido! Y que sigas bien...!
PD: Perdonáme si éste no es el lugar para hacer éste planteo pero hace tanto que no hacía nada de blogs que me olvidé hasta de cómo se pide ayuda...¡Saludos!