0

traductor con banderas

jueves, 6 de octubre de 2011.

Mundo unido Traductor con banderas en el blog

El día de hoy les explicaré algo muy útil para permitir que todo tipo de visitantes puedan comprender el contenido de nuestro blog. Se trata de un traductor con banderas que permitirá traducir el blog a los idiomas más populares. De esta manera, los visitantes de las lenguas más comunes podrán leer el contenido de nuestro blog fácilmente. Este traductor utiliza el sistema de Google Translate, no es perfecto, pero podremos permitir la comprensión de las palabras a todo tipo de visitantes. Un ejemplo:

english Traductor con banderas en el blogaleman Traductor con banderas en el blogfrancesbn Traductor con banderas en el blogportugal Traductor con banderas en el blogitaliano Traductor con banderas en el blog

Es muy fácil agregar este traductor con banderas en el blog, sólo hay que pegar el siguientecódigo en un elemento HTML/Javascript del blog:

<style>
#banderas img {
padding:2px;
filter:alpha(opacity=50);
opacity:.50;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
}
#banderas a img:hover {
filter:alpha(opacity=100);
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE 8 Transparency--*/
}
</style>

<div id="banderas"><center>
<a href="http://translate.google.es/translate?u=URL-BLOG&amp;sl=es&amp;tl=en&amp;hl=es&amp;ie=UTF-8"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xiK-LKEWXbB0PPWt0xk6pQjZoc0QT-MA7Ixzejd8dnK_2OAHIFyTJm7Dt-TXpHtwJlapJ4EDuyOu5AbQpnIAcjFwwa8Nw2l7halSNvpkMhLI9ulpmOXXphWn62u0M82lQXwefiGhyphenhyphenZM/s1600-r/english.png" title="Inglés" /></a><a href="http://translate.google.es/translate?hl=es&amp;sl=es&amp;tl=de&amp;u=URL-BLOG"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-rdhatrOI5bdScWIP_cf0MlxWZIp6idDLAf-RAG6iHn66ASpGWDazB6l2RaYawxVQ-kQqnvFLpmrMfr_EOdzA88cN851x2gL3NtOgfcYGo9medw8f_D6MpGLPTp4obdr3z24kOjdZRdo/s1600-r/aleman.png" title="Alemán" /></a><a href="http://translate.google.es/translate?hl=es&amp;sl=es&amp;tl=fr&amp;u=URL-BLOG"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wmn4jOu7oFMNXdW_hFJcnxuZ_tniv-EEAKA-_C4fJcJctElvGRFtIy6FgjdbDfsWnTX1RAEssMBJOj4Iud2mnkynu1G-mAVagG_a5EkMAkJPqrOrIICSpcrBnln_WpwKxuaxEJmyMVQ/s1600-r/francesbn.png" title="Francés" /></a><a href="http://translate.google.es/translate?hl=es&amp;sl=es&amp;tl=pt&amp;u=URL-BLOG"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUnTABUmvh1mZEx7jVa_ZCmvmqXJoVmHwHzWTVmpIGI1OdvAtcDD-XWKIygubnr8kJy6rKpw04kYWSMK8Q4iilIrSW7mgLheXEJFk0BTPDJ1HCImGBIirhaFfCKQF6fu78eD7HWTwWkWM/s1600-r/portugal.png" title="Portugués" /></a><a href="http://translate.google.es/translate?hl=es&amp;sl=es&amp;tl=it&amp;u=URL-BLOG"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheDL5x-ge903GDw1iuh-7tTXPq6NsAS54tUYLhY1ZDR7LmvsG8e3A5ciMQVWbyoBXv3KRW2qYHUVS_K8rSGECXzowxznV9ve-A6aFKkDHCPKLWDXcZwOB1U1_yqaepM3pesw-ZRSOvWb4/s1600-r/italiano.png" title="Italiano" /></a>
</center></div>

Luego deberán modificar cada parte que vean en rojo por la url de sus blogs.

Leer Más...
Comente
0

Banner de publicidad en vuestro blog

Me han preguntado por correo electrónico cómo colocar banners de 125x125 en el blog, tal y como yo lo hice en la barra lateral de este blog. Es muy fácil de hacer y hoy se los explicaré, pero primero veremos las funciones que tienen estosbanners. Generalmente se utilizan para promocionar otros blogs o sitios web, ya sea a cambio de dinero o no, es una forma fácil de colocar publicidad de otros sitios y no molestar a los visitantes del blog.

Bien, vamos a empezar. Primero que nada debes pegar en un nuevo elementoHTML/Javascript el siguiente código:

<style>
.anuncios img {margin: 10px;}
</style>

<div align="center">

<a href="URL" target="_blank"><img alt="anuncios" src="http://dl.dropbox.com/u/3301800/banner-125x125.png"/></a><a href="URL" target="_blank"><img alt="anuncios" src="http://dl.dropbox.com/u/3301800/banner-125x125.png"/></a>
<br/>
<a href="URL" target="_blank"><img alt="anuncios" src="http://dl.dropbox.com/u/3301800/banner-125x125.png"/></a><a href="URL" target="_blank"><img alt="anuncios" src="http://dl.dropbox.com/u/3301800/banner-125x125.png"/></a>

</div>

Por defecto los banners se verían así:

banners 125 Colocar banners de 125x125 en el blog

Siempre que queramos modificar una imagen bastará con cambiar la respectiva casilla URL y el espacio en donde está la dirección de la imagen (ambos en negrita).

Si quieres cambiar el espacio entre cada banner, simplemente modificá el valor anotado enrojo por un número menor o mayor, dependiendo de lo que quieras hacer.

Nunca está de más aclarar que necesitaremos una barra lateral de un mínimo de 260 pixeles aproximadamente, ya que los banners están en ileras de a dos y cada uno mide aproximadamente 125 pixeles de ancho.

Leer Más...
Comente
0

Fondos de ensueño

miércoles, 5 de octubre de 2011.

<style type="text/css">body {background-image: url(http://i308.photobucket.com/albums/kk341/cheniphotos/FONDOS%20ENSUENOS/FONDO292F.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <br /><div id="tag" style="Z-INDEX: 50; LEFT: 0px; WIDTH: 150px; POSITION: absolute; TOP: 30px; HEIGHT: 20px"> <br /><a href="http://fondosdeensuenos.blogspot.com/" target="_blank"> <br /><img src="http://i308.photobucket.com/albums/kk341/cheniphotos/FONDOS%20ENSUENOS/ultimo.png" border="0" /> <br /></a></div> <br />....


Fuente: http://fondosdeensuenos.blogspot.com/
Leer Más...
Comente
0

Fondos de ensueño


<style type="text/css">body {background-image: url(http://i308.photobucket.com/albums/kk341/cheniphotos/FONDOS%20ENSUENOS/FONDO292F.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <br /><div id="tag" style="Z-INDEX: 50; LEFT: 0px; WIDTH: 150px; POSITION: absolute; TOP: 30px; HEIGHT: 20px"> <br /><a href="http://fondosdeensuenos.blogspot.com/" target="_blank"> <br /><img src="http://i308.photobucket.com/albums/kk341/cheniphotos/FONDOS%20ENSUENOS/ultimo.png" border="0" /> <br /></a></div> <br />....


Fuente: http://fondosdeensuenos.blogspot.com/
Leer Más...
Comente
0

Fondos para tu blog

martes, 4 de octubre de 2011.


Suitable for 2 and 3 columns bloggs.

Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sjOzQdq8vY1QJcCM5BX7EYRXBI2NST4v01SLCJtY1eoT5eku6974m4w4PA_wZAgOsK9B1qRB4RdiW-QktAD7FXTY2zD_7X6mFxygIa3I3qzwPwcL_QCsdkJ6SGU-6EGuYfMtn5X39R0/s1600/_FlowerG.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>

This is for both 2 and 3 columns.

Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRnhdftBsbO4iFrMqeqZ8Dm_0914xYhx_loEMF7O07xDO6iw7D1XgMt4ou1xNSf0pyH2ao8gfCKEaaZZAKxOKHEjgq_HXTbGsvEDcC8tMJ3Qwdgqwi853ZWW5dAcGMR0ZfLH-qhXq66hI/s1600/_00123+copy.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>

This is suitable for both 2 and 3 columns bloggs.

Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGgSZglqbzWFd3gbwMRe9Ipdqy4sx3cw62CYvebrrE2kzFmthm7NfR_nhsEmaBTFlVF1e9ESzdc0kyeQcMTsyESzynlrxHQdScLuFRhsoSyeGBcd7MQOh1DJKvFLRY1s_PQsyCfh1A3_g/s1600/_huone+copy+copy.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>

This is suitable for 2 and 3 columns.

Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj7kta9tV5W7uXJCAwSgehR6YX93rrRTS1uYDEtFZQBJVOoUBf76RDy1l4Sx3lNJs2vOTkHKjNJfyhf2ga1rc8L8DTmuBvfqLaYQmExnZ5AOnfPyaAgs6bNOZW4YQcyJEBTJCo2UICyCU/s1600/_0AMustaCby.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>




Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizzl96vn7QCgWUxKLfJ-VEyBQa56HJCV8taWarob_AV8Mua0V7o_D4WZTT3Tdju6IqTga0w2dcolo_geB2o2ZZN5WPzwWXtInOFUdau7MAf2lGGMA5R5kOcPgLy_oPAARk2-ylgwTdTNA/s1600/_3Colmhope.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>


Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVNvXkinY-4QFWSRppNf566anWJUSs6j26ex8hyphenhyphenu9704ul0EMsYtghz-q9pefNfvnd4_fWObasbqScLbxXEkBMRhpuccd0JuSyNNmv85wGJ-A2PO2iEZ-n1kZEtbTmmTF3BbbBW6AgThdy/"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>
Want this background in 2 column? Go here.

The Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVCQx_yvH7uUS3DSrL7Qgh-VOtqXsaKBIq2C8keBJ3Ms6SGOfsikPeOFZMKwhD6tcEBMcd6gblBIzAUdJurHdK9v_Ir2G_mZPNi_HSDoSay_fHAcTCbhVTzn7W44YzXleFdou6P9jSaNE/"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>
These headers are to 3 column Minima. What's your color!




Here's two header options, light and dark.





The Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRRyWQQiVpYSSvD8kACCco4z1oO-X8iDEX-Md1SVw7OAaO8EO7r2y1FQqm_jhAoptYSkpCblQcP2Fxvqx0IaokHh5zybh5KZRzj6Kn0uryw7BKeylgjXoZa55-ozJ5DDYsONjAwNjv3ZC/"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>
Leer Más...
Comente
0

Fondos para tu blog



Suitable for 2 and 3 columns bloggs.

Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sjOzQdq8vY1QJcCM5BX7EYRXBI2NST4v01SLCJtY1eoT5eku6974m4w4PA_wZAgOsK9B1qRB4RdiW-QktAD7FXTY2zD_7X6mFxygIa3I3qzwPwcL_QCsdkJ6SGU-6EGuYfMtn5X39R0/s1600/_FlowerG.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>

This is for both 2 and 3 columns.

Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRnhdftBsbO4iFrMqeqZ8Dm_0914xYhx_loEMF7O07xDO6iw7D1XgMt4ou1xNSf0pyH2ao8gfCKEaaZZAKxOKHEjgq_HXTbGsvEDcC8tMJ3Qwdgqwi853ZWW5dAcGMR0ZfLH-qhXq66hI/s1600/_00123+copy.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>

This is suitable for both 2 and 3 columns bloggs.

Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGgSZglqbzWFd3gbwMRe9Ipdqy4sx3cw62CYvebrrE2kzFmthm7NfR_nhsEmaBTFlVF1e9ESzdc0kyeQcMTsyESzynlrxHQdScLuFRhsoSyeGBcd7MQOh1DJKvFLRY1s_PQsyCfh1A3_g/s1600/_huone+copy+copy.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>

This is suitable for 2 and 3 columns.

Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj7kta9tV5W7uXJCAwSgehR6YX93rrRTS1uYDEtFZQBJVOoUBf76RDy1l4Sx3lNJs2vOTkHKjNJfyhf2ga1rc8L8DTmuBvfqLaYQmExnZ5AOnfPyaAgs6bNOZW4YQcyJEBTJCo2UICyCU/s1600/_0AMustaCby.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>




Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizzl96vn7QCgWUxKLfJ-VEyBQa56HJCV8taWarob_AV8Mua0V7o_D4WZTT3Tdju6IqTga0w2dcolo_geB2o2ZZN5WPzwWXtInOFUdau7MAf2lGGMA5R5kOcPgLy_oPAARk2-ylgwTdTNA/s1600/_3Colmhope.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>


Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVNvXkinY-4QFWSRppNf566anWJUSs6j26ex8hyphenhyphenu9704ul0EMsYtghz-q9pefNfvnd4_fWObasbqScLbxXEkBMRhpuccd0JuSyNNmv85wGJ-A2PO2iEZ-n1kZEtbTmmTF3BbbBW6AgThdy/"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>
Want this background in 2 column? Go here.

The Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVCQx_yvH7uUS3DSrL7Qgh-VOtqXsaKBIq2C8keBJ3Ms6SGOfsikPeOFZMKwhD6tcEBMcd6gblBIzAUdJurHdK9v_Ir2G_mZPNi_HSDoSay_fHAcTCbhVTzn7W44YzXleFdou6P9jSaNE/"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>
These headers are to 3 column Minima. What's your color!




Here's two header options, light and dark.





The Code:

<style type="text/css">
body {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRRyWQQiVpYSSvD8kACCco4z1oO-X8iDEX-Md1SVw7OAaO8EO7r2y1FQqm_jhAoptYSkpCblQcP2Fxvqx0IaokHh5zybh5KZRzj6Kn0uryw7BKeylgjXoZa55-ozJ5DDYsONjAwNjv3ZC/"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://eleques2.blogspot.com/" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeGoE-UIY8xR3wukqq2jq4Ic81phmH60IGOYuR8ekW5uSs3FSCA4IJ8d3wI4YqiRb28ZJIspEgEBoL0LKBqqvBOBpJVclTPVfqRKgOmdl-0Fk2RI6YpXY-8nZWk0M5ndhcmBQuZZPH8lJ/"/>
</a></div>
Leer Más...
Comente
0

Crea plantillas Online y utilízalas para tus blogs



doTemplate es un generador de plantillas web. Ofrece una amplia gama de temas página web se puede personalizar en línea antes de descargar.

Tu puedes cambiar su título, su lema o eslogan, elegir las fuentes a utilizar... También puedes cargar la imagen de tu propio banner o selecciónelo desde la biblioteca de imágenes.  puedes aplicar efectos de atenuación , cambiar la opacidad ...Y el resultado es una plantilla personalizada.

No tienes que registrarte, solamente escoge la plantilla gratuita que mas te guste y comenzar a personalizarla.

Al terminar de personalizar descarga tu plantilla terminada, tienes tres opciones, descargarla en XHTML, o descargarla para utilizarla en Blogger, o para Wordpress.


Luego aparecerá una ventana donde tienes la opción de descargar de forma gratuita tu plantilla o puedes donar para mantener la herramienta de forma gratis.



Dentro del .rar descargado están todos los archivos necesarios para que tu plantilla funcione.




Para instalar tu plantilla personalizada en Blogger sigue el siguiente tutorial ( utiliza el traductor de Google ya que el tutorial se encuentra en idioma ingles):

http://www.dotemplate.com/dt/bloggerHelp.do
Leer Más...
Comente
0

Crea plantillas Online y utilízalas para tus blogs



doTemplate es un generador de plantillas web. Ofrece una amplia gama de temas página web se puede personalizar en línea antes de descargar.

Tu puedes cambiar su título, su lema o eslogan, elegir las fuentes a utilizar... También puedes cargar la imagen de tu propio banner o selecciónelo desde la biblioteca de imágenes.  puedes aplicar efectos de atenuación , cambiar la opacidad ...Y el resultado es una plantilla personalizada.

No tienes que registrarte, solamente escoge la plantilla gratuita que mas te guste y comenzar a personalizarla.

Al terminar de personalizar descarga tu plantilla terminada, tienes tres opciones, descargarla en XHTML, o descargarla para utilizarla en Blogger, o para Wordpress.


Luego aparecerá una ventana donde tienes la opción de descargar de forma gratuita tu plantilla o puedes donar para mantener la herramienta de forma gratis.



Dentro del .rar descargado están todos los archivos necesarios para que tu plantilla funcione.




Para instalar tu plantilla personalizada en Blogger sigue el siguiente tutorial ( utiliza el traductor de Google ya que el tutorial se encuentra en idioma ingles):

http://www.dotemplate.com/dt/bloggerHelp.do
Leer Más...
Comente
Suscribirse a: Entradas (Atom)
 
El Desvan de Ninfa © Copyright 2010 | Design By El Desvan de Ninfa |