Gadgets de navidad 2014 (Árbol y Nieve)

NAVIDAD 2013 

  

Como la navidad y año nuevo ya están a la vuelta de la esquina, y este blog ha estado un poco polveado, lo limpie y ahora si vamos a darle con este proyecto. Amigos les dejos gadgets de navidad un poco viejos y unos nuevos. Omití los gadgets que tienen sonido o que son muy malos. Solo les dejo los mejores. Cada gadgets es de su respectivo dueño.

Arboles muestra los días que faltan para navidad


Codigo para ponerlo en "Añadir html / Javascript"

<center> <br /> <div style="border: 0px solid rgb(0, 102, 51); color: #006633; font-size: 80%; left: 0px; padding: 7px; z-index: 888;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zGFM8FQQLTPNb692-FhiNdrTYObA1LXg9ybJfSp554XNDGM2_gucRNYuCbj-FcqMEkQh0ZFeXXHtewzOeARLrld19uvPNNF8aZwr4S63SSuUaBjSg9EqpCzUVUWIMf77NXB0kTrByuhb/s1600/navidad.gif" style="clear: both; display: block;" /><br /> <script type="text/javascript"> //<![CDATA[ var today=new Date() var theoccasion=new Date(today.getFullYear(), 12, 25) var beforeOccasionText="hasta la Navidad" var onOccasiontext="Hoy es Navidad. Felices Fiestas!" var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec") theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")" var one_day=1000*60*60*24 var calculatediff="" calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day)) if (calculatediff<0){ var nextyeartoday=new Date() nextyeartoday.setFullYear(today.getFullYear()+1) calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff) } var pluraldayornot=(calculatediff==1)? "día" : "días" if (calculatediff>0) document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+"!</b>") else if (calculatediff==0) document.write("<b>"+onOccasiontext+"!</b>") //]]> </script></div> </center>


Este otro es para añadirlo en la parte izquiera baja de tu blog.

Gadget de entradas al azar

Como pueden ver este blog tiene este gadget

Para agregar este gadget vamos a Diseño,Elementos de Pagina,Añadir Gadget,HTML Javascript y pegas el siguiente codigo:

Gadget (Sigueme en Facebook) con Bart

Hoy vengo con un pequeño gadget para Blogger y es para ganar seguidores en Facebook,la imagen viene con Bart Simpson y un pequeño letrero que dice "Sigueme en Facebook",al ser muy llamativo de seguro despertara la curiosidad de tus lectores y quizas ganes mas fans en tu pagina de Facebook.

Para agregar este gadget vas a Diseño,Elementos de pagina,Añadir gadget,HTML Javascript y pegas lo siguiente:

<br /><a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="URL DE TU FACEBOOK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoDM6pHHDtGPF09V8wgOhIjpQ5rIvIIaVcI4qml9JBVxfGEJFcoaqnbyVfFbH-pHYYveoc2avwBclg-OFMQSFsrBEfDDXY94vxGD8UBnaPTxpZ3MPIcHNrDK7_wTd6YQt7CMcp0ZqI_Z0/s1600/gadgetmiltrucosblogger.png" /></a><br />

Por ultimo pones la URL de tu pagina de Facebook donde se indica y guardas.

Pack de Iconos de Suscripción para tu blog

                                                   


Para agregar estos iconos de suscripcion vamos a Diseño,Elementos de pagina,Añadir gadget,HTML Javascript y pegas lo siguiente:

<a href="http://Nombre de tu blog.blogspot.com/feeds/posts/default?alt=rss"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipEPSViJgd_V2ALBnKolYBZZXQd_xa8koMIO6B9sWlwnYwXYvDMXZbLx7s-JGR-SD8PPadJzSxbfqL44wSp2gMN2OVlqop2xotxmK-HswINS8EgeK0Q57I3CG1Ptbdk8r6xZmcjps-qys/s0/rss.png" /></a> <a href="URL de tu Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFOGf7WtspEhrLEso6xyEIJo4DkwIesHcrGxTI5t3CIohJ_WmkSE7Z1TQY2Qd4nd1waGy_OYR7WdErCMtr6X0o2MxOT6o0IixuUuCOJ63e8wvJIuZRHBU4-P7tvWY7tS-Dh55XZjOxabA/s0/twitter.png" /></a> <a href="URL de tu Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheOMncElBZPawG8kjUEC8rCl0MxvvQPvvpubBTfgHtnAqkw_I3jqkTagZr6JxXEqa3oPX2EUk_H-QNqsp-UtBCpvlBTuYr2q920bUyfmEYZoAfP2m39pyc3lswSNbqTbEr7E3vmhu3Qgk/s0/facebook.png" /></a> <a href="URL de tu Yoytube"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUTSCMwo8inyOQgKCsNVZ_agbtFQ8KGuQAUqMj4dX4vZOEZgHH6U2JLq3zeebS23oIismgTJD9G0TDp2C4PxrQimP6lMSMfvHHppQvKk5D8qoEATKV_apY13vbBVJkyQSFaXF6Akg83R4/s0/youtube.png" /></a> <a href="URL de tu blog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggWZV4Lx1nDjy5UlLUfwegwnlK3kWxvMviRf4xRRoV2TZEPvhy9cW7GgOiKYsxKXjfYB6qiyaE-76rNdOBIgjabrXkx2WxKVgVRNGhc86jJKnRSEKsEHNVDjiQ8hB4TJXxT4GpRpKNDf4/s0/blogger.png" /></a>

Por ultimo reemplazas las partes que estan en azul por lo que se indica y guardas.

Poner una imagen en el formulario de comentarios

Poner una imagen en el formulario de comentarios de tu blog puede ser una interesante opcion,ya que tus lectores veran con mayor agrado tu blog y quizas ganes mas comentarios.

Pues bien si no sabes que imagen poner aqui te dejo una pero puedes poner las que quieras,claro ten en cuenta que su tamaño no debe ser muy exagerado sino mas bien acorde al blog.

Pulgares de votación mejorados en Blogger

Para agregar los pulgares en tus entradas,primero vamos a Diseño,Edicion HTML,Expadir plantilla de artilugios y buscas la siguiente etiqueta:

</body>

Encima de lo anteror pega lo siguiente:

Botones Me Gusta,Twittear y +1 para Blogger

Los botones son proporcionados por AddThis,los botones incluyen el boton Me Gusta,Twittear,+1 y Share (el boton Share incluye mas de 300 servicios sociales para compartir nuestras entradas).

Para añadir estos botones ve a Diseño,Plantilla,Edición de HTML,Expandir plantillas de artilugio,alli buscas lo siguiente:

<div class='post-footer-line post-footer-line-1'>

Caja de Suscripciones "Sexy Subscription" para Blogger

 La caja de suscripciones esta hecha de HTML puro y le he dado el nombre de "Sexy Subscription",trae los servicios de Facebook,Twitter y RSS Feed.

Para agregar esta caja de suscripciones ve a Diseño,Añadir gadget,HTML/Javascript y alli pegas lo siguiente:

FanBox de Facebook flotante que baja con la página

Ya he publicado otras entradas donde muestro varias opciones para agregar el fanbox de facebook pero el de hoy tiene varias opciones que pueden resultar interesante y es que es flotante y que baja con la pagina con efecto deslizante ademas de tener un boton de cerrar.

Para agregar este truco ve a Edición de HTML y pega antes de </head> lo siguiente:

 <style type='text/css'>
#anuncio {
position:absolute;
padding: 2px;
padding-top: 15px;
width: 280px; /* ancho del anuncio */
visibility: hidden;
z-index: 200;
top: 30px;
left: 30px;
}
#rss-mail {
/* color e imagen de fondo */
background: #F1F8E0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSNUD3u6og7_vdgAXVzYCt-SirXBwzWCGsKZQPPzSS73YXR8edNwmzHiF2K2Oi_hIsTmt_9HJYz8jB-OY6Lr5O4SXZxF64B1wv_WVnjz57fntQJPWRByYc9odPdDbkSr2o0mqE8YluTCee/s0/z-bg.png);
border:2px solid #FF8000; /* borde */
height:275px; /* alto de la caja */
}
#rss-mail span {
color:#FFFFFF; /* color del texto */
font-size:12px;
font-weight:bold;
line-height:30px;
}
#rss-submit {
background:#FF8000; /* color del botón */
border:0px;
}
.rss-box {
height:13px;
margin-top:10px;
color:#6E6E6E;
font-size:12px;
width:135px;
}
</style>

<script type='text/javascript'>
//<![CDATA[
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 15 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("anuncio").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("anuncio").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("anuncio");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>

Ahora antes de  </body> pega lo siguiente:

 <div id='anuncio'>
<div id='rss-mail'>
<a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX4JKkMXhUnHTk7dkzK56yyoH0k4RgzFU8MnSbQdXa2V0bvRwBG4A-ldt22tgJONro-p5w0st4cC_kcfDW4-W8LYaWZbhlp1keYFOL_MTNXA0-B4Hu4jkBunDxn7yeMz9DPKys1f6HCwo/s320/cerrar.png'/></a>

<script src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA' type='text/javascript'/><script type='text/javascript'>FB.init(&quot;1b8f0f706c312c05f42224b5b3399f80&quot;);</script><fb:fan connections='8' profile_id='XXXXXXXXX' stream='' width='275'/>
</div></div>

Donde estas las XXXXXXXXX pones la ID de tu pagina en Facebook.


¿Como averiguo la id de mi página en Facebook?

[1] Accedemos a nuestra página de Facebook.



[2] Nos fijamos entonces en url que se muestra en el navegador, y que será algo como esto:

http://www.facebook.com/home.php?#!/pages/edit/?id=174666062584624

Esos números que se muestran al final de la url, son la id de nuestra página, y son los números que hemos de colocar en el código del gadget "Like Box" sustituyendo a lasXXXXXXXXXXXX.