24 julio 2013

Mostrar la fecha en el blog

Mostrar la fecha en el blog
Para que en nuestro blog se muestre la fecha solo tenemos que poner un sencillo script que hará que la fecha se actualice todos los días

Para ponerla arriba de la cabecera del blog, pega después de <div id='header-wrapper'> lo siguiente:

<div class='todaydate'>
<script type='text/javascript'>

 //<![CDATA[
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
document.write(""+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"")

 //]]>
</script>
</div>

Si lo quieres debajo de la cabecera pega el código después de </b:section> que está casi seguido del código anterior.


Aunque si lo prefieres más sencillo, pégalo en un gadget entrando en Diseño, Añadir gadget, y allí pones el código. Lo colocas en el lugar que más quieras (aunque es más conveniente arriba) y listo.

13 julio 2013

Cambiar el fondo del blog por una imagen

Se puede cambiar la imagen que viene por defecto en el blog por cualquier imagen que nosotros queramos poner. Solo debemos tener presente que la imagen que pondremos cumpla con los requisitos que exige el código de la plantilla para asimilar este cambio. Una imagen de un ancho mínimo de 1024 x 780 para que cubra toda la pantlla, y por supuesto (esto como recomendación) que no sea demasiado pesada para no alentar la carga del blog.
Entra en plantilla, editar html y busca el siguiente código en tu plantilla que por lo general está después de body (

background: url(URL de la imagen) no-repeat center center fixed;
background-size: cover;

El código que debes sustituir (o agregar si no tienes un fondo como imagen) es donde pone Url de la imagen por la tuya. En muchas plantillas solo encontrarás:

Background-color. #666

Allí deberás eliminar –color: #666 y agregar el código de arriba. Si lo que quieres es que tu blog tenga un color de fondo diferente sin una imagen, pues solo cambia el código del color #666 por el color de fondo que más te guste. Puedes ver los colores que gustes en esta entrada.
Por lo demás creo que no olvidé nada.

07 julio 2013

Seis botones sociales para tu blog

Seis botones sociales para tu blog
Nadie duda de la importancia de tener botones sociales en nuestro blog para que los lectores puedan seguir y compartir todas las novedades y las noticias más actualizadas del mismo. Y existen un montón de redes sociales que ya quisiéramos tenerlos todos dentro del blog, pero aunque aquello no es posible por obvias razones aparte del espacio, sí podemos poner aquellos que, al pasar el tiempo, se vuelven más populares.

Aquí les traigo unos cuantos botones que bien nos podrían ayudar con ese propósito. Se trata de 6 botones, en los cuales he incluido los que hasta ahora son los más populares de acuerdo a una encuesta.

Puedes ponerlo dentro de tu sidebar como un gadget o si lo prefieres arriba de las entradas, eso ya es tu decisión.
Para ponerlo en el sidebar, entra en Diseño, Añadir gadget html, y copia este código:

<div align='right'>
<div id='top-social-profiles'>
<div class='widget-container'>
<div class='social-profiles-widget'>
<a href='http://twitter.com/YOUR_USERNAME' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBsxz75eYlsP1gCU9p3i48yC7-JkHMXxxf6V1zEVTq8nLjBWTiHx5iXaYZr1fqW_TjBa6Xzo7gBuE0GjEv-sbjileyDcCUSi7C9Wyap5x7Cs71UbwHEcT1D-ZFu8x_6060N7U0JW8ek2Dw/s0/twitter.png' title='Twitter'/></a> <a href='http://facebook.com/YOUR_USERNAME' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivdfexk5Pqitqd35-eK-qL9wz6enACYg4DNMkKqH_7YGKiqTG7m4cNmRs320h_jpVjVUzygWwubkdeYHNQBpix6nZjnXfY9XEUrzb2Og1JT3qRQmV5S8TdD77YqdYhKLoZkV4hBvdGyYPI/s0/facebook.png' title='Facebook'/></a> <a href='https://plus.google.com/XXXXXXXXXXX/posts' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD4PHhkDzrEW53J2KFtjRMHLVKbR8ZLjbCz67JTPBStt86fM1o9UB0YA85HxW8RTMLX2RRayZ058uClEsPTk2A9K6nhexBe9jBfi37vn2aTPwffIgqI-6Qio3c1MD7o1x6mNSdlu_OFc2z/s0/gplus.png' title='Google Plus'/></a> <a href='http://www.linkedin.com/XXXXXXXXXXXXX/' target='_blank'><img alt='LinkedIn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggxDVpibO6SxRUvKLOcJqxQxZN1dXOVOluG84htrJqPMWqkuLxRM7Jf1VJ_jIAJk1Q98vswMwBBPBok8yF8qDdnU0APwa6LYu5GD4nY3B8XGehwuXgk_hdepwsKfFCeRRVQN6zOEg1omDb/s0/linkedin.png' title='LinkedIn'/></a> <a href='http://www.youtube.com/XXXXXXXXXXXXX' target='_blank'><img src='https://lh6.googleusercontent.com/-K3J0Rflj7mA/Udhn0ElHFqI/AAAAAAAAA_c/wBmAeOpedr4/s506-o/icono_youtube.png' title='Youtube'/></a> <a target="blank" href="http://pinterest.com/XXXXXXXXXXXX/"><img src="https://lh4.googleusercontent.com/-4_dImoLDkZU/UdhoAZbXw8I/AAAAAAAABAA/ZS308dC-Qtc/w80-h28-no/pinterest-button.png" title="Pinterest" /></a>
</div>          
</div>
</div>
<div style='clear:both;'/>
    </div>
<div style='clear:both;'/>
<div>
</div>

Si lo quieres arriba de las entradas, entra en Plantilla, Editar html, y con los artilugios expandidos, busca esta parte del código en tu plantilla:

<div class='post-header-line-1'/>
Justo debajo de él pega el código anterior. Debes reemplazar dode dice YOUR USERNAME con el de tu usuario de Facebook, Twitter, Youtube, Pinterest y linkedln.  

04 julio 2013

Poner videos en el blog sin "videos relacionados"

Poner videos en el blog sin videos relacionados

Cuando subimos un video de youtube  a nuestro blog siempre tenemos que darnos a la idea de que el video que subimos traerá consigo más videos relacionados y que muchas veces no nos son de utilidad. Y sin contar con el hecho de que tenemos que dedicar un tiempo para que el video se descarge, etc. Pues con este pequeño truco solo tendrás que reemplazar el código del video y tendrás la reproducción sin videos relacionados.
El código que tienes que copiar es el siguiente:

<iframe width="560" height="315" src="http://www.youtube.com/embed/9c6W4CCU9M4?rel=0" frameborder="0" allowfullscreen></iframe>

Reemplaza lo que está en rojo por el código del vídeo que quieras mostrar, tal como lo muestra la imagen:


El ancho y el alto del video puedes modificarlo cambiando lo que está en azul. Asegúrate de no eliminar ?rel=0” pues es lo que elimina los videos que vienen relacionados. Así cada vez que quieras poner un video de youtube en tu blog, ya no tendrás que lidiar más con aquellos dichosos videos relacionados.
BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger