7 sept 2011

Como poner imagen de "Deja un comentario" en tu blog

Es muy facil, solo tienen que ir a Diseño>Añadir Gadget>Html y pegan este script:


<br /><a style="display:scroll;position:fixed;bottom:0px;left:0px;" href="http://www.mrblack2101.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7NF1r-mpMnkakpSbcrhKpKyvKIjlSdl-cGUy9wmKJ02CIo6uHHSfOsnQ1ELhwgCPyFG8PjXZM-pK7VXuSXy-mijuImpque831HCAWbfQ7PhxI1D04pkvfifm_jyxYNuL2unrjuz7UaQ/s1600-r/Deja+un+comentario+homero.png" /></a><br />

También pueden cambiar la posición de la imagen, izquierda o derecha.
Si no les gusta esa imagen la pueden cambiar, solo tienen que cambiar la URL de donde esta la imagen que quieren.

4 sept 2011

FanBox de Facebook (Despegable)

Primero van a Diseño>Edicion de html y sobre </head> colocan este script:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>



Despues sobre  ]]></b:skin> colocan: 


.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwEru1JnGUlUP4RtQM5uBIiyPSqCJU8KNdT5apSrGZHreJ_0c2mvmSmuMe5JEOMBlIUaVI_06xJGq_YNjpRuSzIxUcKhhRh6q_ecmg9PtMxWsjakYsp_NpImKKuTQwyHuIu49IlY4iVvI/) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}



Despues solo van a Diseño/Elementos de Pagina/ Añadir gadget/HTML y pegan esto:


<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F(Aqui el nombre de su pagina EJ: terobaron.nolesprestemiscosas)&amp;width=238&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:228px; height:320px;" allowtransparency="true"></iframe></div></span></div></div>


En top pueden modificar la posicion del FanBox, si es mayor, baja, y si es menor, sube.
En nombre de pagina colocan el nombre de usuario de su pag, Ej: terobaron.nolesprestemiscosas
Para crear un nombre de usuario para su pagina primero deben tener al menos 25 fans y luego van a: Editar pagina>Informacion Basica>Nombre de usuario.

3 sept 2011

Gadgets y Widgets para tu Blog

Si quieren el pájaro azul de Twitter solo pongan el sgte código en su blog:

<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script><script type="text/javascript">var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');var twitterAccount = '(Aqui su URL de Twitter Ej: https://twitter.com/#!/Giancarlo2101)';var twitterThisText ='';tripleflapInit();</script>

Para el contador rojo que esta del lado derecho van a: http://whos.amung.us/
Para un mapa que muestra de donde vienen tus visitantes van a: http://whos.amung.us/maps/customize/
Para el contador que esta en el lado derecho y el letrero de arriba: http://www.widgeo.net/
Para Gadgets divertidos: http://abowman.com/google-modules/
Para otro contador: http://es.99counters.com/
Otros Gadgets y Widgets: http://www.widgetbox.com/widgets/