tag:blogger.com,1999:blog-49861375346928912382024-02-19T07:14:59.472-08:00MundoBloggerUnknownnoreply@blogger.comBlogger87125tag:blogger.com,1999:blog-4986137534692891238.post-5257599545694013522012-06-04T08:23:00.003-07:002012-06-04T08:23:23.171-07:00Un sonido al pasar el mouse sobre una imagen<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Este sistema hecho con JavaScript está desarrollado -a petición de un lector del blog- para añadir un efecto de sonido a una imagen, pero también se puede utilizar para reproducir música a demanda con un reproductor "invisible".</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Lo primero de todo es conseguir un alojamiento para audio que admita el hotlink, o lo que es lo mismo, que nos permita tirar directamente del alojamiento para reproducir online y no sólo en modo descarga.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><a href="" name="more" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"></a><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Servidor ha hecho las pruebas con </span><a href="http://kiwi6.com/file/5b6r3mpa5k" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Kiwi6</a><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> y parece que funciona bastante bien, con la ventaja de que ni siquiera es necesario registrarse. El que haya leído nuestro </span><a href="http://oloblogger.blogspot.com/2011/10/crea-un-timeline-de-tu-blog-con.html" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-decoration: none;">anterior post</a><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">, podrá comprobar que últimamente nos ha dado por la </span><a href="http://es.wikipedia.org/wiki/Actinidia_deliciosa" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Actinidia Deliciosa</a><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">, pero es que somos así de dulces :)</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">El bloque principal lo he redactado de forma que se pueda poner como simple gadget (tipo HTML/JavaScript) en la barra lateral, ya que como os he anticipado, no habrá nada visible para el usuario. Veréis que no tiene mucha ciencia y que, secuencialmente, sólo se trata de lo siguiente:</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br />
<ul style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 0px;">
<li style="background-image: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMWnuUctVqI/AAAAAAAABm8/cjStcWsc_UU/ico-list.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; border: 0px; line-height: 18px; list-style: none; margin: 0px 0px 0.4em; outline: none; padding: 0px 0px 0px 10px;">un estilo para que el reproductor tenga tamaño cero y no se vea</li>
<li style="background-image: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMWnuUctVqI/AAAAAAAABm8/cjStcWsc_UU/ico-list.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; border: 0px; line-height: 18px; list-style: none; margin: 0px 0px 0.4em; outline: none; padding: 0px 0px 0px 10px;">una variable (<span class="Apple-style-span" style="border: 0px; color: #990000; margin: 0px; outline: none; padding: 0px;">sonido</span>) para incluir en ella la dirección del sonido a reproducir</li>
<li style="background-image: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMWnuUctVqI/AAAAAAAABm8/cjStcWsc_UU/ico-list.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; border: 0px; line-height: 18px; list-style: none; margin: 0px 0px 0.4em; outline: none; padding: 0px 0px 0px 10px;">otra variable (<span class="Apple-style-span" style="border: 0px; color: #990000; margin: 0px; outline: none; padding: 0px;">audio</span>) que contiene las instrucciones necesarias para embeber un reproductor estándar y unos parámetros para que no se reproduzca si no pulsamos antes en algún sitio (<span class="Apple-style-span" style="border: 0px; color: #990000; margin: 0px; outline: none; padding: 0px;">autoplay</span>) y para que sea controlable desde JavaScript (<span class="Apple-style-span" style="border: 0px; color: #990000; margin: 0px; outline: none; padding: 0px;">enablejavascript</span>)</li>
<li style="background-image: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMWnuUctVqI/AAAAAAAABm8/cjStcWsc_UU/ico-list.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; border: 0px; line-height: 18px; list-style: none; margin: 0px 0px 0.4em; outline: none; padding: 0px 0px 0px 10px;">la "impresión" en la página del reproductor para que quede cargado desde el principio</li>
<li style="background-image: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMWnuUctVqI/AAAAAAAABm8/cjStcWsc_UU/ico-list.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; border: 0px; line-height: 18px; list-style: none; margin: 0px 0px 0.4em; outline: none; padding: 0px 0px 0px 10px;">una función para comenzar a reproducir el sonido (<span class="Apple-style-span" style="border: 0px; color: #990000; margin: 0px; outline: none; padding: 0px;">reproducirmusica</span>)</li>
</ul>
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><div class="vercodigo" style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">
<style type="text/css"><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />#musica {height:0;width:0;}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></style><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><script type="text/javascript"><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />var sonido = 'http://k003.kiwi6.com/hotlink/5b6r3mpa5k/coche.mp3';<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />var audio ='<embed id="musica" src="'+sonido+'" autoplay="false" type="audio/mpeg" enablejavascript="true"></embed>';<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />document.write(audio);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />function reproducirmusica() {<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />var tocando = document.getElementById('musica');<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />tocando.Play();<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></script></div>
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Con esto instalado ya podemos activar ese sonido dónde queramos, siendo opción de vuestras necesidades si se hace al pasar el puntero por encima del elemento o si preferís que sea necesario hacer click.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">En el primer caso, este sería el tipo de enlace que habría que montar englobando la imagen o lo que sea. Aquí hemos puesto sólo la palabra </span><span class="Apple-style-span" style="background-color: white; border: 0px; color: #990000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">PLAY</span><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">, pero justo después podréis ver el ejemplo que hemos hecho con una imagen cambiando esa palabra por el correspondiente </span><span class="Apple-style-span" style="background-color: white; border: 0px; color: #990000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"><img src="...</span><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">: </span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><div class="vercodigo" style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">
<a href='javascript:void(0);' onmouseover="javascript:reproducirmusica();"><span class="Apple-style-span" style="border: 0px; color: #38761d; margin: 0px; outline: none; padding: 0px;">PLAY</span></a></div>
<div class="vercodigo" style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">
<br /></div>
<div class="vercodigo" style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX9Ma_iy6vo1EVp9tXc6wGE10srhljjnTROiAGWu1zXW9o2iS9bcwwj_L-Zn0VgcAASW0mGZKqTaulCjlfJ-hQGQnOf56AS7FDXZb2fyfbo6xIxtp_WSaOuN1zsgSl79EzMb9Oixlrp6Q4/s500/f1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX9Ma_iy6vo1EVp9tXc6wGE10srhljjnTROiAGWu1zXW9o2iS9bcwwj_L-Zn0VgcAASW0mGZKqTaulCjlfJ-hQGQnOf56AS7FDXZb2fyfbo6xIxtp_WSaOuN1zsgSl79EzMb9Oixlrp6Q4/s320/f1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: -webkit-auto;">Para que sea necesario hacer click para la reproducción, el código iría de esta otra manera:</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;" /></div>
<div class="vercodigo" style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;">
<a href='javascript:reproducirmusica();'><span class="Apple-style-span" style="border: 0px; color: #38761d; margin: 0px; outline: none; padding: 0px;">PLAY</span></a></div>
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;" /><div class="separator" style="background-color: white; border: 0px; clear: both; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">
<a href="http://oloblogger.blogspot.com/2011/10/sonido-al-pasar-el-puntero-por-encima.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Oloblogger+%28Oloblogger%29" imageanchor="1" style="border: 0px; color: #c32404; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="En esta imagen tienes que hacer click para oir el efecto" border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX9Ma_iy6vo1EVp9tXc6wGE10srhljjnTROiAGWu1zXW9o2iS9bcwwj_L-Zn0VgcAASW0mGZKqTaulCjlfJ-hQGQnOf56AS7FDXZb2fyfbo6xIxtp_WSaOuN1zsgSl79EzMb9Oixlrp6Q4/s500/f1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); margin: 0px; outline: none; padding: 5px;" title="En esta imagen tienes que hacer click para oir el efecto" width="500" /></a></div>
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: -webkit-auto;">Al cargar la página con este script, puede que os salga un aviso de que se está intentando ejecutar un plugin y que tenéis que dar vuestro permiso, pero sólo se trata del reproductor por defecto del navegador, así que podéis aceptar su uso sin problemas.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: -webkit-auto;">Y no he sido muy afortunado con la elección del sonido del ejemplo, porque cuando parece que ha terminado, todavía queda un poco de pista a muy bajo volumen. Así que si le dais muy seguido y os parece que no funciona, no es por eso, es porque todavía está reproduciendo el final del anterior fichero. Vamos, que el coche no ha terminado de pasar...</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;" /><br />
<div class="vercodigo" style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">
<br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-18675217075543716262012-06-04T08:22:00.003-07:002012-06-04T08:22:15.283-07:00Boton de ir Arriba con efecto deslizante<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEdepGNy_MbvQOvhdce0SjbsyPWh-gvkjCzAWHxMqtVp-2yKqtyJD4l4NMoxBnUpsjiI-rzDJXSwSBa6CC9BKoFC6AJ_d3lj4wEjJgrsunRhVt8cZsusZCu5oy4T3dQKubUVPXOfpSG8/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEdepGNy_MbvQOvhdce0SjbsyPWh-gvkjCzAWHxMqtVp-2yKqtyJD4l4NMoxBnUpsjiI-rzDJXSwSBa6CC9BKoFC6AJ_d3lj4wEjJgrsunRhVt8cZsusZCu5oy4T3dQKubUVPXOfpSG8/" /></a></div>
<br />
<br />
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Para agregar este trucos vas a </span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">Diseño,Edición HTML</b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">, </span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">Expandir plantillas de artilugios</b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">, y antes de</span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"></head></b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> pega lo siguiente:</span><a href="" name="more" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"></a><br />
<blockquote style="background-color: white; border-left-color: rgb(207, 207, 207); border-left-style: solid; border-width: 0px 0px 0px 3px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 5px 0px 0px 10px;">
<script src='https://dl-web.dropbox.com/get/MilTrucosBloggerjQuery1.3.2.min.js?w=622b5b60' type='text/javascript'/> <br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><script src='https://dl-web.dropbox.com/get/MilTrucosBloggerbacktotop.js?w=ad67a951' type='text/javascript'/></blockquote>
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Ahora antes de </span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"></body></b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> pega lo siguiente:</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><blockquote style="background-color: white; border-left-color: rgb(207, 207, 207); border-left-style: solid; border-width: 0px 0px 0px 3px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 5px 0px 0px 10px;">
<a href='#' onclick='MGJS.goTop();return false;'><img src='<span class="Apple-style-span" style="border: 0px; color: #0b5394; margin: 0px; outline: none; padding: 0px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibN-CMsWOhKFdCosRp-xIvv6qPG-dfwOmn6knsFEey60u4DoMKbtHJFNBqXIQ-LRJtGskva_W10-0YJ5tmtafuqrN8f4j0BZF0UbHYzacoOKgNpRIBiuAxbzVAnhC8ealTnwbMKmoOoGs/s320/arriba.png</span>' <span class="IL_AD" id="IL_AD6" style="border: 0px; margin: 0px; outline: none; padding: 0px;">style</span>='<span class="IL_AD" id="IL_AD7" style="border: 0px; margin: 0px; outline: none; padding: 0px;">position</span>: <span class="IL_AD" id="IL_AD4" style="border: 0px; margin: 0px; outline: none; padding: 0px;">fixed</span>; bottom: 5px; right: 5px;' title='Ir arriba'/></a></blockquote>
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Lo que esta en azul corresponde a la URL de la imagen que se muestra que es la siguiente,si quieres poner otra solo pon la URL de tu imagen y listo.</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibN-CMsWOhKFdCosRp-xIvv6qPG-dfwOmn6knsFEey60u4DoMKbtHJFNBqXIQ-LRJtGskva_W10-0YJ5tmtafuqrN8f4j0BZF0UbHYzacoOKgNpRIBiuAxbzVAnhC8ealTnwbMKmoOoGs/s320/arrib" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibN-CMsWOhKFdCosRp-xIvv6qPG-dfwOmn6knsFEey60u4DoMKbtHJFNBqXIQ-LRJtGskva_W10-0YJ5tmtafuqrN8f4j0BZF0UbHYzacoOKgNpRIBiuAxbzVAnhC8ealTnwbMKmoOoGs/s320/arrib" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://totalatraccion.com/wp-content/uploads/2011/03/FLECHA-HACIA-ARRIBA-gif.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://totalatraccion.com/wp-content/uploads/2011/03/FLECHA-HACIA-ARRIBA-gif.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://icdn.pro/images/es/f/l/flecha-hacia-arriba-icono-8873-128.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://icdn.pro/images/es/f/l/flecha-hacia-arriba-icono-8873-128.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-70630570010396194092012-06-04T08:20:00.003-07:002012-06-04T08:20:44.158-07:00Mensaje estilo Pop Up en las entradas<span class="by" style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">Un</span><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> Pop Up es una ventaja emergente que se abre mostrando algun mensaje. Jugando un poco con los codigos es posible hacer esto en las entradas.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Al ejecutar esta entrada verás que se abre un pequeño cuadro con un mensaje de bienvenida. Ese es el tutorial de esta oportunidad. Puedes observar la siguiente imagen para ver como funciona el popup</span>
<br />
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><br /></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><br /></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibv35RqsBMyWRBzhtf6HnOQ7wavKiodI-9bz1P6ruoOr1wnGjvnYY7Q9n07ZMRUfj2Lmenm8ecrVRNut4Z_6TXFJygF5qs1-nd4yThJpvNAxBl3j72KmIxD7yh6233kRYmHcNto2K_8Nln/s1600/topblog042.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibv35RqsBMyWRBzhtf6HnOQ7wavKiodI-9bz1P6ruoOr1wnGjvnYY7Q9n07ZMRUfj2Lmenm8ecrVRNut4Z_6TXFJygF5qs1-nd4yThJpvNAxBl3j72KmIxD7yh6233kRYmHcNto2K_8Nln/s1600/topblog042.png" /></a></div>
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><br /></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><br /></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Para agregarlo escribe tu entrada normal y luego en </span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">Edicion HTML</b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> pegas lo siguiente:</span><br />
<blockquote style="background-color: white; border-left-color: rgb(207, 207, 207); border-left-style: solid; border-width: 0px 0px 0px 3px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 5px 0px 0px 10px;">
<div style="border: 0px; margin: 0px; outline: none; padding: 0px;">
<script language=JavaScript><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />alert("Tu mensaje aquí")<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></script></div>
</blockquote>
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Reemplazas</span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"> </b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">"</span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;">Tu mensaje aquí</span></b><span style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"></span><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">" por el tuyo y listo.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Via / </span><a href="http://www.miltrucosblogger.info/2011/10/mensaje-estilo-pop-up-en-las-entradas.html" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Mil trucos Blogger</a><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-23375584609863443672012-06-04T08:19:00.004-07:002012-06-04T08:19:43.325-07:00Alojar scripts en mi plantilla<br />
<div style="background-color: white; border: 0px; margin: 0px; outline: none; padding: 0px;">
<span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Estes es un tema interesante debido a que cualquier Bloggero que quiera alojar scripts no lo puede hacer directamente en Blogger sino que les toca recurrir a servicios externos como </span><a href="http://www.miltrucosblogger.info/2011/07/como-alojar-script-en-google-sites.html" style="border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Google Sites</a><span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> o Dropbox,pero hay una forma de alojar los scripts directamente en la plantilla.</span></div>
<div style="background-color: white; border: 0px; margin: 0px; outline: none; padding: 0px;">
<span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><br /></span></div>
<div style="background-color: white; border: 0px; margin: 0px; outline: none; padding: 0px;">
<span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.mundotech.net/wp-content/uploads/2007/11/msn-plus-script.jpg%20" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.mundotech.net/wp-content/uploads/2007/11/msn-plus-script.jpg%20" /></a></div>
<div style="background-color: white; border: 0px; margin: 0px; outline: none; padding: 0px;">
<span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><br /></span></div>
<div style="background-color: white; border: 0px; margin: 0px; outline: none; padding: 0px;">
<span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><br /></span></div>
<div style="background-color: white; border: 0px; margin: 0px; outline: none; padding: 0px;">
<br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Para agregar el script en la plantilla hay dos formas:</span><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">La primera es agregarlo directamente en la plantilla para eso vamos a </span><b style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"><i style="border: 0px; margin: 0px; outline: none; padding: 0px;">Diseño > Edición de HTML</i></b><span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> y antes de </span><b style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"></head></b><span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> pegamos lo siguiente:</span><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><blockquote style="border-left-color: rgb(207, 207, 207); border-left-style: solid; border-width: 0px 0px 0px 3px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 5px 0px 0px 10px;">
<script type='text/javascript'><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />//<![CDATA[<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><span class="Apple-style-span" style="border: 0px; color: #0b5394; margin: 0px; outline: none; padding: 0px;">...contenido del script...</span><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />//]]><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></script></blockquote>
<span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Para saber cual es el contenido del script pega la URL del script en la barra de direcciones de tu navegador,das enter y te saldra una pagina llena de codigos y esos codigos son los que debes pegar en la plantilla donde dice </span><i style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">contenido del script.</i><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Pero tambien puede que el archivo se descargue,entonces lo guardas y lo abres con bloc de notas y el contenido que se muestra lo pegas en tu plantilla.</span><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Tambien puedes alojar scripts en forma de gadget para esto vas a</span><i style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"> </i><span id="result_box" lang="es" style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"><span class="hps" style="border: 0px; margin: 0px; outline: none; padding: 0px;" title="Haz clic para obtener traducciones alternativas"><i style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; font-weight: bold; margin: 0px; outline: none; padding: 0px;">Diseño</span>->Elementos de página-><span style="border: 0px; font-weight: bold; margin: 0px; outline: none; padding: 0px;">Añadir un gadget</span>->HTML/Javascript</i> y pegas lo siguiente:</span></span><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><blockquote style="border-left-color: rgb(207, 207, 207); border-left-style: solid; border-width: 0px 0px 0px 3px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 5px 0px 0px 10px;">
<script type='text/javascript'><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><span class="Apple-style-span" style="border: 0px; color: #0b5394; margin: 0px; outline: none; padding: 0px;">...contenido del script...</span><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></script></blockquote>
<span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Para pegar el contenido del script sigue los pasos anteriores ya explicados.</span><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Con esto tendremos alojados los scripts alojados en nuestra plantilla y nuestro blog cargara un poco mas rapido,pero ten en cuenta que esto servira solo para algunos casos ya que habran algunos scripts que si los tendras que alojar en servicios externos.</span><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Via / </span><a href="http://www.miltrucosblogger.info/2011/10/como-alojar-scripts-en-la-plantilla.html" style="border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Mil trucos Blogger</a>
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-32774089089911691052012-06-04T08:17:00.004-07:002012-06-04T08:17:45.272-07:00Columnas con CSS: Mosaico de entradas<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;">Partiendo de la idea de usar CSS para generar columnas auto-ajustables, podemos recrear cosas existentes aunque no funcionen en Internet Explorer y deberemos esperar que ese navegador incorpore estas propiedades que son unas de las más interesantes porque permiten pensar el diseño de un sitio</span><span style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">web</span><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;"> desde un ángulo totalmente diferente.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;" /><a href="" name="more" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;"></a><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;">Vamos a jugar y usar un ejemplo previo, crear una </span><a href="http://vagabundia.blogspot.com/2011/04/resumen-de-entradas-con-paginacion.html" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">página con un resumen de entradas que incluya paginación</a><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;"> y simplemente, vamos a dejar todo como está pero cambiaremos algunas de las reglas de estilo. El modelo original es el que podía verse </span><a href="http://vagabundia.blogspot.com/p/resumen-de-entradas.html" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">acá</a><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;">.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;">En ese ejemplo, el DIV cuyo ID es </span><span style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">resultados</span><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;"> es el rectángulo donde se muestran las entradas y, cada una de ellas es otro DIV cuya clase es </span><span style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">paginaposts</span><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;">. El </span><span style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">script</span><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;">, simplemente lee una cantidad determinada de entradas, extrae una imagen y la muestra junto al título que es una etiqueta H6. Nada de eso cambiará, sólo lo mostraremos de manera distinta, simulando el estilo mosaico de las </span><a href="http://gemablog-.blogspot.com/2011/09/vistas-dinamicas-aqui-y-ahora.html" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify; text-decoration: none;" target="_blank">Vistas Dinámicas de Blogger</a><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;">.</span>
<br />
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;"><br /></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSx7TrkbbfYRrHjeaI0XzAvMVyV-Sqg0isbI1c1OaQdMMzwkftMxT8q7HLggpbshuyglfNQAihvR-JsmbeKC8or0S3GWb2zXqeD2zSz4ctIcs1r_qogK7FZjMhiBnsZLl1p1aRZBy_cLz/s0/mosaico.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSx7TrkbbfYRrHjeaI0XzAvMVyV-Sqg0isbI1c1OaQdMMzwkftMxT8q7HLggpbshuyglfNQAihvR-JsmbeKC8or0S3GWb2zXqeD2zSz4ctIcs1r_qogK7FZjMhiBnsZLl1p1aRZBy_cLz/s400/mosaico.png" width="400" /></a></div>
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; text-align: justify;"><br /></span><br />
<div style="text-align: justify;">
<span style="color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 19px;"><br /></span></span></div>
<div style="text-align: justify;">
</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">
Y estas serán las reglas de estilo diferentes:</div>
<pre style="background-color: white; border: 0px; color: #444444; font-size: 13px; line-height: 19px; outline: none; padding: 0px; text-align: -webkit-auto;"><style>
#resultados { /* se mostrará todo en cuatro columnas */
-moz-column-count: 4;
-moz-column-gap: 0;
-webkit-column-count: 4;
-webkit-column-gap: 0;
column-count: 4;
column-gap: 0;
margin-left: 0;
}
.paginaposts { /* cada entrada */
background-color: #EEE;
border-bottom: 4px solid #101921;
display: inline-block;
margin: 0;
opacity: 0.8;
padding: 10px;
position: relative;
text-align: center;
width: 205px;
}
.paginaposts:hover { opacity: 0.8; }
.paginaposts a { vertical-align:top; }
.paginaposts img { width: 205px; }
.paginaposts h6 { /* el título permanece invisible hasta que ponemos el cursor encima */
background-color: #AAA;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
padding: 10px;
position: absolute;
top: 0;
width: 204px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;transition: all 1s;
}
.paginaposts h6 a {
color: #000;
font-size: 18px;
text-shadow: 1px 1px 1px #FFF;
}
.paginaposts:hover h6 { opacity: .8; }
</style></pre>
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;" /><div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px 0px 50px; outline: none; padding: 0px; text-align: center;">
<a href="http://vagabundia.blogspot.com/p/mosaico.html" style="border: 0px; color: #c32404; font-family: 'Century Gothic', 'Trebuchet MS', sans-serif; font-size: 40px; letter-spacing: -0.05em; margin: 0px; outline: none; padding: 0px; text-decoration: none; text-shadow: rgb(32, 41, 49) 5px 20px 1px, rgb(48, 57, 65) 15px -15px 1px;" target="_blank">Mosaico</a></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px 0px 50px; outline: none; padding: 0px; text-align: center;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px 0px 50px; outline: none; padding: 0px; text-align: left;">
Via - <a href="http://vagabundia.blogspot.com/2011/10/columnas-con-css-mosaico-de-entradas.html" style="border: 0px; color: #c32404; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Vagabundia</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-50165755373119844932012-06-04T08:16:00.001-07:002012-06-04T08:16:21.179-07:00Marca de agua en las imagenes con Css<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px;">Una marca de agua es un logo dentro de una imagen la cual permite mostrar algún tipo de atribución en cada imagen. En esta oportunidad veremos cómo hacerlas sin necesidad de recurrir a modificar las imágenes.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><a href="http://www.mundoblogger.com.ar/2011/10/marca-de-agua-en-las-imagenes-con-css.html" name="more" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-decoration: none;"></a><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px;">El resultado será similar a este:</span>
<br />
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiWvMAcbu9VqN1ZhtCvz9-lNd16vECWMsKR1IW4DUdWjZf2muvovCpiD7uTOENRh-fCH-frcfHZQtBD8jdeBf_oiEbh24HGh1WnkGQ6NHE66m9_adF8t4ZagaLcw9MAoKf5E_pQU3QWXU/s1600/1213627061_470x353_vector-heart-wallpaper.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiWvMAcbu9VqN1ZhtCvz9-lNd16vECWMsKR1IW4DUdWjZf2muvovCpiD7uTOENRh-fCH-frcfHZQtBD8jdeBf_oiEbh24HGh1WnkGQ6NHE66m9_adF8t4ZagaLcw9MAoKf5E_pQU3QWXU/s320/1213627061_470x353_vector-heart-wallpaper.jpg" width="320" /></a></div>
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNytWl6ygWN1TxG8LjJMhrE6sk1HWOCAw8tBYQjkivnS9Rsb-N08J8wMzCWIqc36qK3Bd-fgX2dlQcVriVd8OdBWtjGp2A-UeXYC1WzmuTkt61HlBT-Zg9B_6vE6xVvPelImMuK2hFh_M/s1600/bloom-vector-wallpaper.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNytWl6ygWN1TxG8LjJMhrE6sk1HWOCAw8tBYQjkivnS9Rsb-N08J8wMzCWIqc36qK3Bd-fgX2dlQcVriVd8OdBWtjGp2A-UeXYC1WzmuTkt61HlBT-Zg9B_6vE6xVvPelImMuK2hFh_M/s320/bloom-vector-wallpaper.jpg" width="320" /></a></div>
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px;"><br /></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px;"><br /></span><br />
<br />
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<span style="border: 0px; font-size: small; margin: 0px; outline: none; padding: 0px;"><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">El tutorial:</b></span></div>
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px; margin: 0px; outline: none; padding: 0px;"><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">¿Cómo Funciona?</b></span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Para insertar una marca de agua automática es necesario entender su forma de funcionar. Se inserta un contenedor con un color #000 (Negro) que contenga además la imagen con un texto blanco. Las imágenes no tendrán todas la opacidad (Por defecto un 90%) y por lo tanto se podrá apreciar la marca de agua. El color negro permite que la imagen se previsualice sin perder la opacidad inicial de ésta.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 19px; margin: 0px; outline: none; padding: 0px;"><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Paso 1: Añadiendo los estilos:</b></span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">En "</span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">Diseño | Edición de HTML</b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">" deberás buscar el siguiente código:</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><blockquote class="tr_bq" style="background-color: white; border-left-color: rgb(207, 207, 207); border-left-style: solid; border-width: 0px 0px 0px 3px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 5px 0px 0px 10px;">
]]></b:skin></blockquote>
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Arriba de este deberás pegar el siguiente: </span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><blockquote class="tr_bq" style="background-color: white; border-left-color: rgb(207, 207, 207); border-left-style: solid; border-width: 0px 0px 0px 3px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 5px 0px 0px 10px;">
.marca-de-agua {<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> background: #000 url(URL-MARCA-DE-AGUA);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> width: 500px;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> height: 341px;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> margin: 0 auto;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> display: block;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> position: relative;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />.marca-de-agua img{<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> padding:0;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> width:100%;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> height:100%; <br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> margin:0;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> filter:alpha(opacity=90);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> opacity:.90;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}</blockquote>
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Guarda los cambios y listo. </span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">
<span style="border: 0px; font-size: small; margin: 0px; outline: none; padding: 0px;"><b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Paso 2: Usando la marca de agua:</b></span></div>
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">En "</span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px;">Edición de HTML</span></b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">" de la entrada, deberás pegar el siguiente código:</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><blockquote class="tr_bq" style="background-color: white; border-left-color: rgb(207, 207, 207); border-left-style: solid; border-width: 0px 0px 0px 3px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 5px 0px 0px 10px;">
<div class="marca-de-agua" style="<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: #bf9000; margin: 0px; outline: none; padding: 0px;">width:370px</span></b> !important; <b style="border: 0px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: #351c75; margin: 0px; outline: none; padding: 0px;">height:278px</span></b> !important;"><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><img alt="" src="URL-IMAGEN" /></div></blockquote>
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Eso es todo.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">Importante:</b><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><ul style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 0px;">
<li style="background-image: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMWnuUctVqI/AAAAAAAABm8/cjStcWsc_UU/ico-list.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; border: 0px; line-height: 18px; list-style: none; margin: 0px 0px 0.4em; outline: none; padding: 0px 0px 0px 10px;">Para cambiar el tamaño de la imagen es necesario modificar la del contenedor reemplazando los valores width y height destacados en el código anterior (La imagen toma el alto y ancho del contenedor, así evitamos que queden espacios en negro).</li>
<li style="background-image: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMWnuUctVqI/AAAAAAAABm8/cjStcWsc_UU/ico-list.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; border: 0px; line-height: 18px; list-style: none; margin: 0px 0px 0.4em; outline: none; padding: 0px 0px 0px 10px;">Puedes tomar la imagen que utilicé como marca de agua como ejemplo para ajustar la distancia correctamente y no se vea la marca de agua muy repetida (<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5NcOGhvDZcJZPor2gkHekhfPYo339BMnGIJT-6hsEK7ycgPpdkppd1rzwbnJnUttz7Zdb-x1hhkkNxpBDEjC5mAoHD5EYN0Il1hXDFT8TyW-TmEL9L69w-hPP_XqTF6h3qwFOsLdFn_g/s1600/marca+de+agua.png" style="border: 0px; color: #c32404; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Clic aquí</a>).</li>
<li style="background-image: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMWnuUctVqI/AAAAAAAABm8/cjStcWsc_UU/ico-list.gif); background-position: 0px 6px; background-repeat: no-repeat no-repeat; border: 0px; line-height: 18px; list-style: none; margin: 0px 0px 0.4em; outline: none; padding: 0px 0px 0px 10px;">Si no deseas que la marca de agua se repita deberás editar el valor .marca-de-agua del primer paso de la siguiente forma:</li>
</ul>
<br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><blockquote class="tr_bq" style="background-color: white; border-left-color: rgb(207, 207, 207); border-left-style: solid; border-width: 0px 0px 0px 3px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 19px; margin: 0px 0px 1.5em; outline: none; padding: 5px 0px 0px 10px;">
.marca-de-agua {<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /> background: #000 url(URL-MARCA-DE-AGUA) <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">no-repeat <span style="border: 0px; color: #990000; margin: 0px; outline: none; padding: 0px;">bottom</span> <span style="border: 0px; color: #38761d; margin: 0px; outline: none; padding: 0px;">right</span>;</b></blockquote>
<span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Con este código la marca de agua se mostrará en la esquina inferior derecha, puedes reemplazar</span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: #990000; margin: 0px; outline: none; padding: 0px;">bottom</span></b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> por </span><b style="background-color: white; border: 0px; color: #990000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">top</b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> para que la imagen se muestre arriba; y </span><b style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;"><span style="border: 0px; color: #38761d; margin: 0px; outline: none; padding: 0px;">right</span></b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> por </span><b style="background-color: white; border: 0px; color: #38761d; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;">left</b><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"> para que la imagen cambie de derecha a izquierda.</span><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><br style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Gracias a </span><a href="http://www.ayuda-bloggers.info/2011/10/marc-de-agua-en-las-imagenes-con-css.html?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+blogspot%2FvkhLT+%28Ayuda+Bloggers%29" style="background-color: white; border: 0px; color: #c32404; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Ayuda Blogger</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-63580482485715535032012-06-04T08:15:00.000-07:002012-06-04T08:15:16.067-07:00liteAccordion: Un acordeón para jQuery<br />
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<a href="http://nicolahibbert.com/horizontal-accordion-jquery-plugin/" style="border: 0px; color: #c32404; margin: 0px; outline: none; padding: 0px; text-decoration: none;">liteAccordion</a> es un pequeño plugin para JQuery que nos permite agregar acordeones donde se mostrarán imágenes, animándolas con distintos efecto que funcionarán en cualquier navegador, incluyendo Internet Explorer 8.<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><a href="" name="more" style="border: 0px; color: #c32404; margin: 0px; outline: none; padding: 0px;"></a><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />El demo completo podemos descargarlo desde <a href="https://github.com/nikki/liteAccordion" rel="nofollow" style="border: 0px; color: #c32404; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">github</a> pero para agregarlo a un sitio, sólo necesitamos dos archivos: liteaccordion.jquery.js y liteaccordion.css. Entonces, primero agregamos jQuery antes de </head> si es que no la tenemos:</div>
<pre style="background-color: white; border: 0px; color: #444444; font-size: 13px; line-height: 19px; outline: none; padding: 0px;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script></pre>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
Luego, el script con el plugin:</div>
<pre style="background-color: white; border: 0px; color: #444444; font-size: 13px; line-height: 19px; outline: none; padding: 0px;"><script src="URL_liteaccordion.jquery.js"></script></pre>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
o lo agregamos directamente en al plantilla, copiando y pegando el contenido de ese archivo:</div>
<pre style="background-color: white; border: 0px; color: #444444; font-size: 13px; line-height: 19px; outline: none; padding: 0px;"><script type='text/javascript'>
//<![CDATA[
....... aquí pegamos el contenido del archivo liteaccordion.jquery.js .......
//]]>
</script></pre>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
Por último, el estilo, del mismo modo:</div>
<pre style="background-color: white; border: 0px; color: #444444; font-size: 13px; line-height: 19px; outline: none; padding: 0px;"><style>
....... aquí pegamos el contenido del archivo liteaccordion.css .......
</style></pre>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
Eso es todo; ahora, hay que crear el HTML allí donde quisiéramos utilizarlo:</div>
<pre style="background-color: white; border: 0px; color: #444444; font-size: 13px; line-height: 19px; outline: none; padding: 0px;"><div id="<span style="border: 0px; color: #ffff66; margin: 0px; outline: none; padding: 0px;">miejemplo</span>" class="accordion">
<ol>
<!-- cada una de las pestaña -->
<li>
<h2><span>Pestaña UNO</span></h2>
<div>
<!-- el demo original usa etiquetas de HTML5 pero, el contenido puede ser cualquier otra -->
<span class="figure">
<img src="URL_imagen1" />
<span class="figcaption">un texto optativo</span>
</span>
</div>
</li>
</ol>
</div></pre>
<pre style="background-color: white; border: 0px; color: #444444; font-size: 13px; line-height: 19px; outline: none; padding: 0px;">
</pre>
<pre style="background-color: white; border: 0px; color: #444444; font-size: 13px; line-height: 19px; outline: none; padding: 0px;"><div style="border: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0px; outline: none; padding: 0px; text-align: justify; white-space: normal;">
Podemos activarlo colocando el llamado a la función debajo de eso o bien, con el resto de los scripts siempre y cuando nos aseguremos que se ejecute cuando la pagina se haya cargado, estableciendo en ese llamdo, las opciones :</div>
<pre style="border: 0px; outline: none; padding: 0px;"><script>
$(document).ready(function(){
$('<span style="border: 0px; color: #ffff66; margin: 0px; outline: none; padding: 0px;">#miejemplo</span>').liteAccordion({
onActivate : function() { this.find('span').fadeOut(); },
slideCallback : function() { this.find('span').fadeIn(); },
autoPlay : true, pauseOnHover : true, theme : 'dark', rounded : true, enumerateSlides : true
}).find('span:first').show();
});
</script></pre>
<div style="border: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0px; outline: none; padding: 0px; text-align: justify; white-space: normal;">
Algunas de las opciones se agregan ahí y otras en el plugin mismo donde, por ejemplo, se define el ancho y alto:
containerWidth : 600 // ancho total
containerHeight : 350 // alto total
headerWidth : 48 // ancho delas pestañas cerradas
firstSlide : 1 // el número de la primer pestaña activa
slideSpeed : 800 y cycleSpeed : 6000 // velocidad de la animación
rounded : false // si no se quieren bordes redondeados
enumerateSlides : false // muestra u oculta un número en cada pestaña
theme : 'basic' // el tema CSS que puede ser 'basic', 'light', 'dark', o 'stitch'
Esto ultimo, también puede ser modificado ... con paciencia y si se usan textos, habría que agregarle propiedades extras como:</div>
<pre style="border: 0px; outline: none; padding: 0px;">span.figure {
display: block;
height: 100%;
margin: 0;
width: 100%;
}
span.figcaption {
background: #000;
background: rgba(0,0,0,0.7);
border-radius: 4px;
bottom: 20px;
color: #FFF;
padding: 10px 15px;
position: absolute;
right: 30px;
z-index: 3;
}</pre>
</pre>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-48842797309079494292012-06-04T08:12:00.004-07:002012-06-04T08:12:47.080-07:00Murcielagos en tu blog<br />
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
Cuidado por ahí!!! Son murcielagos!! en el día de hoy les traigo un gadget de murcielagos flotando por el blog. Pueden verlo en este <a href="http://murcielagosenelblogdemo.blogspot.com/" rel="nofollow" style="border: 0px; color: #1288c4; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="blank">blog de pruebas</a>.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<a href="" name="more" style="border: 0px; color: #c32404; margin: 0px; outline: none; padding: 0px;"></a></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
Para poner estos <strong style="border: 0px; margin: 0px; outline: none; padding: 0px;">simpaticos murcielagos</strong>, entramos en la <b style="border: 0px; margin: 0px; outline: none; padding: 0px;">Edición de HTML</b> y antes de<b style="border: 0px; margin: 0px; outline: none; padding: 0px;"></head></b> pegamos este script:</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<br /></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<br /></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="text-align: -webkit-auto;"> <script type='text/javascript'></span><br style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;" /><div style="border: 0px; line-height: normal; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;">
<span style="border: 0px; line-height: 20px; margin: 0px; outline: none; padding: 0px;"> //<![CDATA[</span><span style="border: 0px; line-height: 20px; margin: 0px; outline: none; padding: 0px;"> </span> </div>
<blockquote style="border: 1px solid rgb(204, 204, 204); font-style: italic; line-height: 1.3em; margin: 10px 25px 15px; outline: none; padding: 10px 20px 10px 15px; text-align: -webkit-auto;">
<span style="border: 0px; line-height: 1.3em; margin: 0px; outline: none; padding: 0px;">var vmin=2;</span><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />var vmax=5;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />var vr=2;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />var timer1;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />function iecompattest(){<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />function Chip(chipname,width,height){<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />this.named=chipname;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />this.vx=vmin+vmax*Math.random();<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />this.vy=vmin+vmax*Math.random();<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />this.w=width+20;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />this.h=height;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />this.xx=0;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />this.yy=0;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />this.timer1=null;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />function movechip(chipname){<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if (document.getElementById){<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />eval("chip="+chipname);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if (window.innerWidth || window.opera){<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />pageX=window.pageXOffset;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />pageW=window.innerWidth-40;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />pageY=window.pageYOffset;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />pageH=window.innerHeight-20;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />else if (document.body){<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />pageX=iecompattest().scrollLeft;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />pageW=iecompattest().offsetWidth-40;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />pageY=iecompattest().scrollTop;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />pageH=iecompattest().offsetHeight-20;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.xx=chip.xx+chip.vx;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.yy=chip.yy+chip.vy;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.vx+=vr*(Math.random()-0.5);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.vy+=vr*(Math.random()-0.5);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if(chip.xx<=pageX){<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.xx=pageX;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.vx=vmin+vmax*Math.random();<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if(chip.xx>=pageX+pageW-chip.w){<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.xx=pageX+pageW-chip.w;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.vx=-vmin-vmax*Math.random();<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if(chip.yy<=pageY)<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />{chip.yy=pageY;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.vy=vmin+vmax*Math.random();<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if(chip.yy>=pageY+pageH-chip.h)<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />{chip.yy=pageY+pageH-chip.h;<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.vy=-vmin-vmax*Math.random();<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />document.getElementById(chip.named).style.left=chip.xx+"px";<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />document.getElementById(chip.named).style.top=chip.yy+"px";<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />chip.timer1=setTimeout("movechip('"+chip.named+"')",100);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />function pagestart(){<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />murcielago1=new Chip("murcielago1",147,168);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />murcielago2=new Chip("murcielago2",47,68);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />murcielago3=new Chip("murcielago3",47,68);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />murcielago4=new Chip("murcielago4",47,68);<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />movechip("murcielago1");<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />movechip("murcielago2");<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />movechip("murcielago3");<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />movechip("murcielago4");<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />}<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />if (window.addEventListener)<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />window.addEventListener("load", pagestart, false)<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />else if (window.attachEvent)<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />window.attachEvent("onload", pagestart)<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />else if (document.getElementById)<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />window.onload=pagestart<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" />//]]><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></script></blockquote>
<br style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;" /><div style="background-color: #f7f8f9; border: 0px; line-height: 20px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;">
<br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /></div>
<span style="text-align: -webkit-auto;">Ahora antes de </span><b style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;"></body></b><span style="text-align: -webkit-auto;"> pega este código:</span><br style="border: 0px; margin: 0px; outline: none; padding: 0px; text-align: -webkit-auto;" /><blockquote style="background-color: #f7f8f9; border: 1px solid rgb(204, 204, 204); font-style: italic; line-height: 1.3em; margin: 10px 25px 15px; outline: none; padding: 10px 20px 10px 15px; text-align: -webkit-auto;">
<!-- Murciélagos volando --><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><div id='murcielago1' style='position:absolute; z-index:80; left: -500px; width:125px; height:108px;'><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJu76tCD-ScSwELp9HGXwngfLyLggngdl8dd6lMb3y1NEwn4bt819m8pGAPO7oZczY1ozKSEwoQWcTNd1c-aeNd84e6R_NAfpuk3rMUZuHGltB2SiWTH1umgKmNhEkmvGOz0UThIEY_EQ/s125/murcielago1.gif'/></div><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><div id='murcielago2' style='position:absolute; z-index:81; left: -600px; width:120px; height:99px;'><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglVrmiQXQulJtrYIt3PV5G3YdPme7DDEGULtJrFKywOY9XJVsNVz868834ql_TLiyNJ3Z5x21yo-1RJwctpqb8spqlVMe7qIFRUtZI_Cb6SkSFGwrGoK_Wcs5u5Nhz8QTB6k3H1yprn5U/s120/murcielago2.gif'/></div><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><div id='murcielago3' style='position:absolute; z-index:82; left: -700px; width:160px; height:120px;'><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgroVuK2ILmqxQWgFNMFpEwXc4cimtPK2i-WCBOJYLMWY3sLcQlTxx0SlCf_eLdkxUY0CIt1ODPLUW5NtOEVrc0e0lrb3tdbIk5DiQvZU30no1XFHOTaqRZu__h8PwWFlnwi0NULSMmdTM/s160/murcielago3.gif'/></div><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><div id='murcielago4' style='position:absolute; z-index:83; left: -800px; width:106px; height:85px;'><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzTvwIfl6xdC77SxFC4Cne_-tXDGpGflhDTJfmQaCJeJOIP25G1516vn49OridEGMLCLCTF20NKPY687G7g9NJQAQZ4_QgiF-vmFVzVVqYYIfbSPXD2vCUr1kGpLjIOQYt9REsMVrFjWI/s106/murcielago4.gif'/></div><br style="border: 0px; margin: 0px; outline: none; padding: 0px;" /><!-- Fin de los murciélagos --></blockquote>
<span style="text-align: -webkit-auto;">Espero que les guste.</span>
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-26081952458849885212011-12-07T12:53:00.000-08:002011-12-07T12:53:34.699-08:00Hacer una página en Facebook para tu blog<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Nos guste o no, <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Facebook</strong> aumenta rápidamente su cuota de mercado y con ello se vuelve una herramienta cada vez más importante para la promoción de un sitio web. Para un sitio web existen esencialmente dos espacios de promoción:<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"> Los grupos y las páginas</strong>.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Las páginas de <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Facebook</strong> se muestran como la opción más completa, pues además de herramientas de discusión, cuenta con otras herramientas de interacción; El botón de “<em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.facebook.com/pages/MundoBlogger/285853384785572?sk=wall" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Me gusta</a></em>” el más característico.</div><h4 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 17px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Ventajas de tener una página en Facebook para tu blog</h4><ul style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-position: inside; list-style-type: square; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;">Ofreces un método de suscripción alternativo a personas que de otro modo, no seguirían tu blog.</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-position: inside; list-style-type: square; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;">Abre un nuevo espacio de discusión e incorpora otras formas de interacción a tu contenido.</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-position: inside; list-style-type: square; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;">La estadísticas de los perfiles de los miembros son muy detallas y de gran utilidad para conocer a tus lectores.</li>
</ul><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Aunque tiene también desventajas como descentralizar los comentarios. En lugar de comentar tus artículos, algunos usuarios comentaran directamente en Facebook.</div><h4 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 17px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Cómo crear una página en Facebook</h4><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">1. Todo inicia con un sencillo formulario desde:</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.facebook.com/pages/create.php" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="http://www.facebook.com/pages/create.php">http://www.facebook.com/pages/create.php</a></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-3071" height="288" src="http://bw.imagenes.info/wp-content/uploads/2009/12/facebook-sitio-web-blog.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;" title="facebook-sitio-web-blog" width="577" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Donde hay que escoger el tipo de página y su nombre.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">2. Edita la información de la página.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Comienzas agregando una imagen de perfil para la página:</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-3072" height="385" src="http://bw.imagenes.info/wp-content/uploads/2009/12/facebook-pagina-imagen-perfil.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;" title="facebook-pagina-imagen-perfil" width="589" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">El siguiente paso es sugerir la página a tus amigos, aunque esto no es del todo recomendable, pues aun esta vacía, además que puedes hacerlo en el futuro. Si piensas igual, da clic en “Omitir”.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">El siguiente paso es agregar la URL de tu blog o sitio web y una pequeña descripción. En la descripción te recomiendo poner también tu URL, pues es más visible ahí que en la sección que Facebook destina para la URL.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-3073" height="323" src="http://bw.imagenes.info/wp-content/uploads/2009/12/facebook-pagina-informacion-url.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;" title="facebook-pagina-informacion-url" width="589" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br />
</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">3. Importar tu contenido</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="alignright size-full wp-image-3077" height="66" src="http://bw.imagenes.info/wp-content/uploads/2009/12/facebook-pagina-rss-graffiti.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; float: right; margin-bottom: 20px; margin-left: 20px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="facebook-pagina-rss-graffiti" width="272" />Una forma de importar tus contenidos en mediante la aplicación por defecto llamada “Notas”, sin embargo, esta tiene varios inconvenientes, como importar completos los contenido, generando contenido duplicado que compite con tu propio blog, así que mejor usaremos una aplicación llamada <a href="https://apps.facebook.com/rssgraffiti/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">RSS Graffiti</a>.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">3.1</strong> Lo primero que debe hacerse es autorizar a RSS Graffiti desde el botón “<em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Click HERE to authorize RSS Graffiti</em>“.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">3.2</strong> Lo siguiente es escoger la página que acabamos de crear (esta debe aparecer del lado izquierdo) y autorizar la publicación en el muro de la página, también se puede configurar para que se publique en el muro personal, aquí dependerá de tus necesidades</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-3076" height="183" src="http://bw.imagenes.info/wp-content/uploads/2009/12/facebook-rss-graffiti.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;" title="facebook-rss-graffiti" width="527" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">3.3</strong> Agregar la URL del feed dando clic en el botón “<em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">+ Add feed</em>”</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-3075" height="407" src="http://bw.imagenes.info/wp-content/uploads/2009/12/facebook-importar-feed-rssgraffiti.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;" title="facebook-importar-feed-rssgraffiti" width="546" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">4. Configurar permisos.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">En Facebook abundan las opciones para dar o restringir permisos. Al regresar a “Editar página” encontraras la configuración general por país o edad, el muro, enlaces, foro y video.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">5. Invita a tus amigos y a tus “amigos”.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Como último paso ahora sí puedes enviarle una invitación a todos los amigos que creen que puedan estar interesados en el contenido de tu blog. La opción esta igualmente en la barra lateral de tu página.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Dependiendo de la importancia que quieras darle a la suscripción por Facebook, puedes agregar un widget a tu blog, con un enlace directo a hacerse fan, el número de fans y algunos de los suscritos.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Para crear el panel entra en la barra lateral a “Editar página” y posteriormente del lado derecho “Promocionar con un panel para fans”.</div><h4 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 17px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Después de publicada una página</h4><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Estadísticas</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br />
</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-3074" height="227" src="http://bw.imagenes.info/wp-content/uploads/2009/12/facebook-pagina-estadisticas.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;" title="facebook-pagina-estadisticas" width="600" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Una vez que la página ya ha sido publicada y se tiene una cierta cantidad de fans, puedes ver el perfil de los suscritos, desde la barra lateral, en el recuadro de “Estadísticas” esta el enlace a “Ver todas”, donde tendrás un perfil <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">bastante completo</strong> de tus lectores: Genero, edad, país, idioma, etc.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">URL amigable</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Las páginas por defecto tienen un URL muy larga y difícil de recordar, algo como:</div><pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://bw.imagenes.info/wp-content/themes/bw2jahren/images/codigo.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Georgia, monospace; font-size: 12px; margin-bottom: 13px; margin-top: 13px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; vertical-align: baseline; width: 598px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f8f8f8; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 3px; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(238, 238, 238); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-top-width: 3px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; vertical-align: baseline;">http://www.facebook.com/pages/Blog-and-Web/206438048391</code></pre><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Actualmente Facebook impone un mínimo de 25 fans para cambiar la URL; si tu página ya los tiene puedes cambiarla accediendo a:</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.facebook.com/username" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="http://www.facebook.com/username">http://www.facebook.com/username</a></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Donde tienes la opción “Escoge un nombre de usuario para tus páginas” y cambiarlo rápidamente. Ya con esto queda completa una página para tu blog.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Poco a poco puedes ir agregando contenido a tu página e ir dando el enfoque que te convenga, en mi caso, por ahora solo lo uso como una forma alternativa de suscripción, pero pensaré en algún <em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">extra</em>. Dicho sea de paso, ¿ya estas suscrito a la página en <a href="http://www.facebook.com/blogandweb" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Facebook de Blog and Web</a>?</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-82162606964597126992011-12-07T12:14:00.001-08:002011-12-07T12:26:00.311-08:00Suscripción por email nativo en Blogger<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://tecnologonuevo.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" title="Blogger">Blogger</a> empieza con las <a href="http://blogandweb.com/blogger/blogger-nuevo-diseno/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">novedades de este año</a>, esta vez, presentando un nuevo gadget de<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">suscripción por email</strong> o <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Seguir por correo electrónico</strong> como lo han llamado.</div><h4 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 17px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Funcionamiento</h4><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="seguir-por-correo-electronico" border="0" class="aligncenter" height="77" src="http://bw.imagenes.info/wp-content/uploads/2011/03/seguir-por-correo-electronico.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;" title="seguir-por-correo-electronico" width="575" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Al agregarlo, automáticamente agrega el blog a <a href="http://feeds.feedburner.com/blogspot/uQvd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Feedburner</a>, crea la URL del feed y la usa para la suscripción de correo.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://bw.imagenes.info/wp-content/uploads/2011/03/follow-by-email-settings.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-2998" height="238" src="http://bw.imagenes.info/wp-content/uploads/2011/03/follow-by-email-settings.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; display: block; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;" title="follow-by-email-settings" width="500" /></a></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="blogger-suscription-email" border="0" class="alignright" height="94" src="http://bw.imagenes.info/wp-content/uploads/2011/03/blogger-suscription-email.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; float: right; margin-bottom: 20px; margin-left: 20px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="blogger-suscription-email" width="210" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">El gadget se muestra con un sencillo formulario donde el lector puede escribir su dicción de email y confirmar su suscripción. Al parecer, el botón se adapta automáticamente a la paleta de colores del blog.</div><h4 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 17px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Configuración</h4><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Para configurar las opciones de la suscripción por email les recomiendo revisar nuestra <a href="http://blogandweb.com/wordpress/guia-para-ofrecer-suscripcion-por-email-paso-a-paso/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Guía para ofrecer suscripción por email paso a paso</a>.</div><h4 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 17px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Código</h4><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span id="more-2997" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Como todos los widget de Blogger, se puede modificar el código del formulario buscando por el título o, en este caso, FollowByEmail. El código generado por el gadget es como el siguiente:</div><pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://bw.imagenes.info/wp-content/themes/bw2jahren/images/codigo.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Georgia, monospace; font-size: 12px; margin-bottom: 13px; margin-top: 13px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; vertical-align: baseline; width: 598px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f8f8f8; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 3px; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(238, 238, 238); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-top-width: 3px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; vertical-align: baseline;"><b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
<div class='widget-content'>
<div class='follow-by-email-inner'>
<form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true&quot;' method='post' target='popupwindow'>
<span>
<input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
</span>
<input class='follow-by-email-submit' type='submit' value='Submit'/>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>
</div>
<span class='item-control blog-admin'>
<b:include name='quickedit'/>
</span>
</b:includable>
</b:widget></code></pre><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">En él, yo recomiendo cambiar:</div><pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://bw.imagenes.info/wp-content/themes/bw2jahren/images/codigo.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Georgia, monospace; font-size: 12px; margin-bottom: 13px; margin-top: 13px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; vertical-align: baseline; width: 598px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f8f8f8; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 3px; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(238, 238, 238); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-top-width: 3px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; vertical-align: baseline;"><input name='loc' type='hidden' value='en_US'/></code></pre><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Por:</div><pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://bw.imagenes.info/wp-content/themes/bw2jahren/images/codigo.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Georgia, monospace; font-size: 12px; margin-bottom: 13px; margin-top: 13px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; vertical-align: baseline; width: 598px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f8f8f8; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 3px; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(238, 238, 238); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-top-width: 3px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; vertical-align: baseline;"><input name='loc' type='hidden' value='es_ES'/></code></pre><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Para que el mensaje de confirmación se muestre en español.</div><h4 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 17px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Estilos</h4><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Blogger agrega por defecto los siguientes estilos:</div><pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://bw.imagenes.info/wp-content/themes/bw2jahren/images/codigo.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Georgia, monospace; font-size: 12px; margin-bottom: 13px; margin-top: 13px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; vertical-align: baseline; width: 598px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f8f8f8; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 3px; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(238, 238, 238); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-top-width: 3px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; vertical-align: baseline;">/*Contenedor general*/
.FollowByEmail .follow-by-email-inner {
position: relative;
}
/*Campo de email*/
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
border: 1px inset;
font-size: 13px;
height: 22px;
line-height: 22px;
margin: 0;
padding: 0 2px;
width: 100%;
}
/* Botón de submit */
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
-moz-border-radius: 2px 2px 2px 2px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
border: 0 none;
color: #FFFFFF;
font-size: 13px;
height: 24px;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 60px;
z-index: 0;
}
.FollowByEmail .follow-by-email-inner input {
font-family: arial,sans-serif;
}
</code></pre><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Sobra decir que estos se pueden sobre escribir desde el código de la plantilla si se desea personalizar.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Un nuevo gadget que facilita la vida, pero que no hace algo realmente haga falta para el usuario Blogger, como más condicionales en la plantilla o un alojamiento de archivos.</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-90097302516671322162011-12-07T12:11:00.000-08:002011-12-07T12:11:20.549-08:00Plantillas Blogger gratis<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">lantillas, Templates</strong> o <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Layouts Blogger</strong>, como les quieres llamar. Hemos adaptado más de 100 diseños para usar en tu blog de <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Blogger (blogspot)</strong>.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Hay diseños con 1, 2 o 3 columnas, estilo revista, adaptadas de WordPress y de varias temáticas, todas han sido actualizadas para que soporten las últimas características de Blogger, como soporte de páginas, iconos sociales, leer más, etc. Pero si aun así no encuentras tu plantilla ideal, puedes consultar <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">BTemplates.com</strong> una galería con más de <a href="http://btemplates.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">3000 Blogger Templates</a>. ¡Suerte con tu template! <img alt=":)" class="wp-smiley" src="http://bw.imagenes.info/wp-includes/images/smilies/icon_smile.gif" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /></div><div class="clearfix" id="navegacion" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><ul style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;"><li class="alignleft" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; float: left; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;"></li>
</ul></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Brand New Day </h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-brand-new-day/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="Brand New Day demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/09/brand-new-day-plantilla-google-blogs.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; vertical-align: baseline;"><span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blog.btemplates.com/brand-new-day/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Template Settings (english)</a></span> <span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-brand-new-day/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-brand-new-day/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Warm Home</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-warm-home/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="Warm Home demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/08/warm-home-plantilla-blogger.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; vertical-align: baseline;"><span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blog.btemplates.com/warm-home-blogger-template/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Template Settings (english)</a></span> <span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-warm-home/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-warm-home/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">San Fran</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-san-fran/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="San Fran demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/08/san-fran-google-blogs-template.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; vertical-align: baseline;"><span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-san-fran/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-san-fran/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">FreeDream</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-freedream/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="FreeDream demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/03/freedream-theme-blogger.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; vertical-align: baseline;"><span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blogandweb.com/blogger/freedream-plantilla-blogger/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="leer antes de instalar">Leer instrucciones</a></span> <span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blog.btemplates.com/freedream-blogger-theme/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Template Settings (english)</a></span> <span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-freedream/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-freedream/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Matala</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-matala/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="Matala demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/03/matala-theme-blogger.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; vertical-align: baseline;"><span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blogandweb.com/wordpress/matala-en-plantilla-para-blogger/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="leer antes de instalar">Leer instrucciones</a></span> <span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blog.btemplates.com/matala-layout-for-blogger/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Template Settings (english)</a></span> <span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-matala/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-matala/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Zombie Apocalypse</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-zombie-apocalypse/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="Zombie Apocalypse demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/03/zombie-apocalypse-plantillas-blogger.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; vertical-align: baseline;"><span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-zombie-apocalypse/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-zombie-apocalypse/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Redbel</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center !important; vertical-align: baseline;"><a href="http://btemplates.com/2010/blogger-template-redbel/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="Redbel demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/03/redbel-fondo-web.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; vertical-align: baseline;"><span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2010/blogger-template-redbel/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2010/blogger-template-redbel/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; vertical-align: baseline;"><br />
</div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 11px; line-height: 17px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; vertical-align: baseline;"></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;">Liquorice</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-liquorice/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="Liquorice demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/03/liquorice-blogger-background.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blogandweb.com/blogger/liquorice-plantilla-para-blogger/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="leer antes de instalar">Leer instrucciones</a></span> <span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blog.btemplates.com/liquorice-blogger-template/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Template Settings (english)</a></span> <span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-liquorice/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-liquorice/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;">iStudio</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-istudio/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="iStudio demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/03/plantilla-para-blogger-istudio.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blogandweb.com/blogger/istudio-plantilla-blogger-html5/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="leer antes de instalar">Leer instrucciones</a></span> <span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blog.btemplates.com/istudio-blogger-template/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Template Settings (english)</a></span> <span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-istudio/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-istudio/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;">OneNote</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-onenote/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="OneNote demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/03/onenote-blogger-theme.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blogandweb.com/blogger/plantilla-blogger-onenote/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="leer antes de instalar">Leer instrucciones</a></span> <span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blog.btemplates.com/blogger-template-onenote/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Template Settings (english)</a></span> <span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-onenote/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2011/blogger-template-onenote/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;">Pink Stars</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2008/blogger-template-pink-stars/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="Pink Stars demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/02/pink-stars-blogger-templates.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2008/blogger-template-pink-stars/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2008/blogger-template-pink-stars/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;">Magazeen</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2009/blogger-template-magazeen/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="Magazeen demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/02/magazeen.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2009/blogger-template-magazeen/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2009/blogger-template-magazeen/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;">Compositio</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2009/blogger-template-compositio/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="Compositio demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2011/02/compositio-blogger-template.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2009/blogger-template-compositio/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2009/blogger-template-compositio/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div><h3 class="titplantilla" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 21px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline;">Design Disease</h3><div class="centrado" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2010/blogger-template-design-disease/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><img alt="Design Disease demo" height="225px" src="http://bw.imagenes.info/wp-content/uploads/2010/07/design-disease-plantilla-blogger.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="450px" /></a></div><div class="desplantillas" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blogandweb.com/blogger/plantilla-blogger-design-disease/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="leer antes de instalar">Leer instrucciones</a></span> <span class="p-instruction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://blog.btemplates.com/blogger-template-design-disease" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Template Settings (english)</a></span> <span class="p-download" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2010/blogger-template-design-disease/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="descargar esta plantilla">Descargar</a></span> <span class="p-demo" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://btemplates.com/2010/blogger-template-design-disease/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="plantilla en funcionamiento">Demo</a></span></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4986137534692891238.post-70285217362131233102011-12-07T12:07:00.001-08:002011-12-07T12:07:22.839-08:00Agregar valoración de estrellas en el blog<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #666666; font-family: 'Lucida Grande', Arial, sans-serif; font-size: 13px; line-height: 22px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Para asegurar el éxito de un <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">blog</strong> es necesario que siempre estemos aplicando mejoras y aquí te presentaremos una de ellas que quizás te guste.<br />
En diversos blogs podemos encontrar al pie de cada artículo una <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">hilera de estrellas</strong>, cuya función es obtener una <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">valoración</strong> del post publicado, y varios títulos relacionados pertenecientes a otras entradas.<br />
Esto es un punto muy beneficioso que puede afectar directamente en el <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">tiempo de permanencia</strong> de cada usuario en tu sitio, ya que se aumenta la posibilidad de que los lectores puedan mantenerse navegando por un prolongado lapso de tiempo.</div><div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #666666; font-family: 'Lucida Grande', Arial, sans-serif; font-size: 13px; line-height: 22px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="Valoraci%C3%B3n de estrellas blog Agregar valoración de estrellas en el blog" class="aligncenter size-full wp-image-6179" height="592" original="http://www.todoblogger.com/wp-content/uploads/2011/08/Valoraci%C3%B3n-de-estrellas-blog.jpg" src="http://www.todoblogger.com/wp-content/uploads/2011/08/Valoraci%C3%B3n-de-estrellas-blog.jpg" style="background-attachment: initial; background-clip: initial; background-color: #f2f2f2; background-image: initial; background-origin: initial; border-bottom-width: 1px; border-color: initial; border-left-width: 1px; border-right-width: 1px; border-style: initial; border-top-width: 1px; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 10px; max-width: 100%; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; vertical-align: baseline;" title="Valoración de estrellas blog" width="526" /></div><div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #666666; font-family: 'Lucida Grande', Arial, sans-serif; font-size: 13px; line-height: 22px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Podremos incorporar este llamativo <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">widget</strong> en nuestro blog si ingresamos a <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Outbrain.com</strong>, en donde se ofrece el agregado automático de su aplicación, pudiendo escoger entre varias opciones, las que más nos gusten, como por ejemplo si queremos que se enseñe una pequeña imagen de muestra. Además, ofrece la combinación con distintas y variadas plataformas disponibles, por lo cual es muy amplio el marco de aceptación, entre las plataformas aceptadas está WordPress, Blogger, Drupal, entre otras. Aunque también podremos optar por utilizar el código directamente en el tema de nuestro blog o sitio web.</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-28058094827395035702011-12-07T12:05:00.000-08:002011-12-07T12:05:54.625-08:00los 10 trucos mas utilizado en blogger<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">1. Eliminar la navbar o barra Blogger.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="navbar-blogger" class="alignnone size-full wp-image-1888" height="43" src="http://bw.imagenes.info/wp-content/uploads/2008/12/navbar-blogger.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="navbar-blogger" width="400" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Aunque esta barra puede tener algunos atajos para manejar nuestro blog, su valor es poco o nulo para el lector, ocupa espacio extra y es poco estética. Eliminarla es sumamente sencillo, solo hay dirigirse a Diseño/Edición HTML y buscar el siguiente código:</div><pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://bw.imagenes.info/wp-content/themes/bw2jahren/images/codigo.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Georgia, monospace; font-size: 12px; margin-bottom: 13px; margin-top: 13px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; vertical-align: baseline; width: 598px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f8f8f8; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 3px; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(238, 238, 238); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-top-width: 3px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; vertical-align: baseline;">]]></b:skin></code></pre><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Y justo antes pegar lo siguiente:</div><pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://bw.imagenes.info/wp-content/themes/bw2jahren/images/codigo.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Georgia, monospace; font-size: 12px; margin-bottom: 13px; margin-top: 13px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; vertical-align: baseline; width: 598px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f8f8f8; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 3px; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(238, 238, 238); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-top-width: 3px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; vertical-align: baseline;">#navbar-iframe { height:0px; display:none; visibility:hidden; }</code></pre><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">2. Mostrar los últimos comentarios y los últimos artículos en la sidebar.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Este “truco” se basa en usar la dirección sindicación de comentarios y los artículos que todos los blogs de Blogger tienen. Estas direcciones son:</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Para comentarios: http://tublog.blogspot.com/feeds/comments/default<br />
Para artículos: http://tublog.blogspot.com/feeds/posts/default</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Donde tublog.blogspot.com es la dirección de tu blog.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="feed-blogger" class="alignnone size-full wp-image-1889" height="107" src="http://bw.imagenes.info/wp-content/uploads/2008/12/feed-blogger.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="feed-blogger" width="417" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Ahora solo hay que ir a Diseño/Elementos de página y dar clic en Añadir un gadget, en la ventana que se abre se selecciona un gadget de Feed y se escribe la dirección de comentarios para mostrar los últimos comentarios, se repite el proceso para crear un nuevo gadget de feed pero esta vez usando la dirección de los artículos.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">3. Agregar una barra lateral o sidebar adicional a la plantilla.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Parece que cada vez es más insuficiente una sola barra lateral, la complejidad de agregar una extra a un diseño ya hecho variará de acuerdo al tipo de diseño y de los conocimientos que se tengan de HTML y CSS. El proceso se detalla en nuestro artículo: <a href="http://blogandweb.com/blogger/como-agregar-una-sidebar-en-una-plantilla-blogger/" rel="bookmark" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Permanent Link: Como agregar una sidebar en una plantilla Blogger">Como agregar una sidebar en una plantilla Blogger</a>donde hay referencias también a otros tutoriales similares.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">4. “Leer más” o “Continuar leyendo” en los artículos de Blogger.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Para hacer la navegación más ligera a nuestros lectores muchas veces conviene mostrar solo un resumen de los artículos. Como Blogger no tiene esta característica por defecto, habrá que usar CSS o Javascript para conseguir este propósito.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: black;"><a href="http://www.blogmundi.com/2007/05/24/leer-mas-en-blogger/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="“Leer más” en Blogger">Blogmundi</a> explica como hacerlo y en <a href="http://girlyblogger.com/distintas-maneras-de-poner-excerpts-leer-mas-en-blogger/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Dos formas distintas de poner excerpts (leer más) en Blogger">Girlyblogger</a> muestra una forma “elegante” para llegar a lo mismo.</span></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">5. Mostrar los artículos más populares o más comentados.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Cuando un artículo tiene muchos comentarios, esto habla de su posible valor para los visitantes. Esta tampoco es una característica de Blogger por lo que hay que recurrir a un nuevo script. En BloggerBuster se muestra como crear un <a href="http://www.bloggerbuster.com/2008/04/popular-posts-most-commented-widget-for.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">gadget para mostrar las entradas más populares</a> y <a href="http://elescaparatederosa.blogspot.com/2008/10/entradas-mas-populares-widget.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Entradas más populares (Widget actualizado)">Rosa en su escaparate</a> <span class="wrc_icon wrc01" rating="{"icon":"grey0-16.png","rating":0,"weight":1,"flags":{}}" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; height: 16px !important; line-height: 16px !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px !important; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 16px !important;"></span> hace una buena adecuación de este truco al español.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">6. Paginación o páginas numeradas en Blogger.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="paginacion-blogger" class="alignnone size-full wp-image-1890" height="61" src="http://bw.imagenes.info/wp-content/uploads/2008/12/paginacion-blogger.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="paginacion-blogger" width="295" /></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Blogger solo muestra un enlace a la página siguiente y anterior, con la página es posible mostrar un cantidad más grande de páginas para navegar indicadas con números. Nuevamente el funcionamiento se basa en un script que es necesario instalar en el blog para que funcione. Armanda de <a href="http://www.bloggerbuster.com/2008/08/numbered-page-navigation-for-blogger.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Numbered Page Navigation for Blogger">Blogger Buster</a> fue una de las primeras en mostrarlo y en Vagabundia encontraran una <a href="http://vagabundia.blogspot.com/2008/08/paginacin-en-blogger.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Paginación en Blogger">explicación en castellano</a> <span class="wrc_icon wrc01" rating="{"icon":"grey0-16.png","rating":0,"weight":1,"flags":{}}" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; height: 16px !important; line-height: 16px !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px !important; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 16px !important;"></span>.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">7. Agregar un favicon en Blogger.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Para agregar ese pequeño icono visible en favoritos, pestañas y barra de direcciones, solo hay que <a href="http://blogandweb.com/recursos-en-linea/crea-tu-favicon-en-linea/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Crea tu favicon en linea">crear un icono</a> y vincularlo desde la plantilla. Para esto desde Diseño/Edición HTML se busca el siguiente código:</div><pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://bw.imagenes.info/wp-content/themes/bw2jahren/images/codigo.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Georgia, monospace; font-size: 12px; margin-bottom: 13px; margin-top: 13px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; vertical-align: baseline; width: 598px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f8f8f8; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 3px; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(238, 238, 238); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-top-width: 3px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; vertical-align: baseline;"><title><data:blog.pageTitle/></title></code></pre><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Y justo antes se coloca lo siguiente:</div><pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://bw.imagenes.info/wp-content/themes/bw2jahren/images/codigo.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Georgia, monospace; font-size: 12px; margin-bottom: 13px; margin-top: 13px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 12px; vertical-align: baseline; width: 598px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f8f8f8; background-image: initial; background-origin: initial; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 3px; border-color: initial; border-left-color: rgb(238, 238, 238); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(238, 238, 238); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-top-width: 3px; display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; vertical-align: baseline;"><link href="http://sitio.com/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="http://sitio.com/favicon.ico" rel="icon" type="image/x-icon"/></code></pre><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Donde http://sitio.com/favicon.ico es la URL de tu favicon.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Para obtener la URL de tu favicon puedes alojarlo en un servicio gratuito como <a href="http://www.fileden.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="FileDen">fileden</a> .</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">8. Utilizar un dominio propio en Blogger.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Tener un <a href="http://blogandweb.com/wordpress/primera-inversion-de-un-blogger/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="La primera inversión de un Blogger">dominio propio</a> es de las primeras cosas que se deben contemplar cuando deseamos tomar nuestro blog más en serio. Las ventajas son muchas y el precio bastante modico. Blogger permite el uso de dominios propios en su plataforma y proceso puede verse en nuestro artículo: <a href="http://blogandweb.com/blogger/como-usar-un-dominio-propio-en-blogger/" rel="bookmark" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Permanent Link: Como usar un dominio propio en Blogger">Como usar un dominio propio en Blogger</a> o en otros sitio como <a href="http://spamloco.net/2007/06/how-to-dominio-propio-en-blogger.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="How To: dominio propio en Blogger">Spamloco</a> <span class="wrc_icon wrc01" rating="{"icon":"grey0-16.png","rating":0,"weight":1,"flags":{}}" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; height: 16px !important; line-height: 16px !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px !important; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 16px !important;"></span>.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">9. Formulario de comentarios en la misma entrada.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">En este en realidad a dejado de ser un truco, pues ya forma porte de las características comunes de Blogger, aun así <a href="http://blogandweb.com/2008/06/27/formulario-de-comentarios-en-la-misma-pagina-en-blogger/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Formulario de comentarios en la misma página en Blogger">hay que activarlo</a> desde Configuración/Comentarios , ahí en la opción de “Ubicación del formulario de comentarios” se selecciona “Entrada incrustada a continuación”.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">En algunos casos podría ser necesario implementar esta característica de <a href="httphttp://blogandweb.com/blogger/insertar-el-formulario-de-comentarios-en-plantillas-modificadas/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Insertar el formulario de comentarios en plantillas modificadas">forma manual</a>.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">10. Poner publicidad de Adsense en Blogger.</strong></div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Existen varias opciones para poner Google Adsense, así que puedes escoger entre estos <a href="http://blogandweb.com/adsense/blogger-adsense/" rel="bookmark" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Permanent Link: 10 Lugares para poner Adsense en Blogger">10 Lugares para poner Adsense en Blogger</a>.</div><div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Como siempre, la recomendación es usar únicamente los trucos que son imprescindibles para nuestro blog para evitar sobrecargar de contenido el sitio y/o hacerlo muy pesado.</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-39631854810723900212011-12-05T16:52:00.000-08:002011-12-05T16:52:34.499-08:00AYUDA Este mensaje va dirigido a quien le pueda interesar.<br />
<br />
le pido a la gente que visitan mi blog que si pueden y esta en su mano que me den una ayudita económica ya que no tengo suficiente recurso para mejorar mi pagina por eso le pido su colaboración para dar una mejor apariencia a mi blog a los interesados en ayudarme en la parte derecha de mi blog a un boto de donar y puede hacer su colaboración y gracias de ante manos por estar dedicando 5 minutos a leer este mensaje se que dios te lo recompensara lo que hoy me estas dando que dios te bendiga.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-85988838609046075412011-11-30T12:12:00.000-08:002011-11-30T12:15:22.235-08:00Para aquellos que quieren una web profesional<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><a href="http://gestion.webempresa.eu/gestion/aff.php?aff=352" target="_blank"><img border="0" src="http://cocoate.com/sites/cocoate.com/files/imagecache/preview/webempresa.png" /></a></div><br />
<br />
<br />
si quieres crear un pagina web profesional o un blog o una tienda virtual o una periódico digital le recomiendo que visite WebEmpresa es una pagina que le ayudara a resolver sus inquietudes para complacer sus ideas de crear la pagina de su sueño con un estilo único y profesional..<br />
<br />
<br />
trabajan bajo licencia de joomla un sistema para hacer pagina muy colorida y buena y llamativas por supuesto tiene los mejores precios que se adaptan a su bolsillo y a sus necesidades tiene un equipo alta mente calificado y especializado aqui le dejo unas muestra de sus trabajos espero que le guste..XD<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Pack Empresa</b></span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br />
</b></span><br />
<a href="http://demopackempresa.webempresa.eu/corporate2/">http://demopackempresa.webempresa.eu/corporate2/</a><br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Pack Tienda</b></span><br />
<br />
<a href="http://demopacktienda.webempresa.eu/mystore/">http://demopacktienda.webempresa.eu/mystore/</a><br />
<br />
<b><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Pack </span></b><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>periódico</b></span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br />
</b></span><br />
<a href="http://demopackperiodico.webempresa.eu/twn2/">http://demopackperiodico.webempresa.eu/twn2/</a><br />
<br />
<b>si quieren entrar ase ser su contrato pulse el enlace de abajo...XD</b><br />
<b><br />
</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://gestion.webempresa.eu/gestion/aff.php?aff=352" style="margin-left: 1em; margin-right: 1em;"><img alt="hosting joomla" border="0" height="200" src="http://afiliados.webempresa.eu/banner180x180.jpg" title="hosting joomla" width="200" /></a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-4218459190309923072011-08-16T17:54:00.001-07:002011-08-16T17:54:48.231-07:00Ver posicionamiento de un blog en palabras claves<span class="Apple-style-span" style="background-color: white; color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"></span><br />
<div style="padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="font-weight: bold;">Free Monitor for Google</strong> es un práctico <strong style="font-weight: bold;">programa</strong>, cuya descarga es sumamente veloz y gratuita, que nos permitirá estar atentos a los cambios que nuestro blog presente en el<strong style="font-weight: bold;">posicionamientos</strong> de sus <strong style="font-weight: bold;">palabras claves</strong>, con precisión y rapidez.<br />
La utilización del mismo es muy simple, pudiendo designar un listado único de <strong style="font-weight: bold;">keywords</strong> para no tipearlo cada vez que necesitemos llevar a cabo este chequeo. Automáticamente buscará el lugar en el que se encuentra esa frase con respecto a nuestro sitio en relación con el gigante de las búsquedas.</div><div style="padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="Free monitor for google Ver posicionamiento de un blog en palabras claves" class="aligncenter size-full wp-image-6189" height="146" original="http://www.todoblogger.com/wp-content/uploads/2011/08/Free-monitor-for-google.png" src="http://www.todoblogger.com/wp-content/uploads/2011/08/Free-monitor-for-google.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px;" title="Free monitor for google" width="320" /></div><div style="padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;">De este modo, será una tarea mucho más sencilla poder llevar el control de los efectos positivos o negativos de nuestro trabajo <strong style="font-weight: bold;">SEO</strong>, sin tener la necesidad de realizar búsquedas manuales cada día.<br />
Además, dicho programa no presenta mayor dificultad, pues aunque se encuentra en inglés, su vocabulario es de fácil interpretación para aquellos que ya tienen algo de experiencia en este mundo virtual.</div><div style="padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="font-weight: bold;">Descargar:</strong> <a href="http://www.cleverstat.com/googlemon.exe" style="color: #f98322; cursor: pointer; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;" title="">Free Monitor for Google</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-74776960145118755392011-08-10T14:30:00.000-07:002011-08-10T14:30:16.645-07:00[Tip] De /wp-login a /login<br />
<div class="post-body entry-content" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div dir="ltr" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;" trbidi="on"><div class="separator" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjklVOD2a43DuEfrKW-JKxmbKNi5NJtGbjU1hpRfnTEicLNruHidlD4PfT4Obu6N2l-dLV_Xi0GkqAjEHNhqwVy0ULB7dov7iGam2ZWzRSeYI5k114E-VIRl2S8igqlS0ZUQtIXFFO8LisK/s1600/wordpress-logo-comunidadbloggers.jpg" imageanchor="1" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #104e8b; margin-bottom: 0px; margin-left: 1em; margin-right: 1em; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"><img border="0" height="301" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjklVOD2a43DuEfrKW-JKxmbKNi5NJtGbjU1hpRfnTEicLNruHidlD4PfT4Obu6N2l-dLV_Xi0GkqAjEHNhqwVy0ULB7dov7iGam2ZWzRSeYI5k114E-VIRl2S8igqlS0ZUQtIXFFO8LisK/s320/wordpress-logo-comunidadbloggers.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjklVOD2a43DuEfrKW-JKxmbKNi5NJtGbjU1hpRfnTEicLNruHidlD4PfT4Obu6N2l-dLV_Xi0GkqAjEHNhqwVy0ULB7dov7iGam2ZWzRSeYI5k114E-VIRl2S8igqlS0ZUQtIXFFO8LisK/s320/wordpress-logo-comunidadbloggers.jpg" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;" width="320" /></a></div><div class="separator" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: Arial, Helvetica, sans-serif; font-size: x-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">¿Te gustaría ser capaz de utilizar una URL simple como <code style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://misitio.com/login</code> para acceder al panel de WordPress? </span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: x-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Si es así, puedes utilizar este útil tip y ponerlo en práctica en tu propio blog.</span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: x-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Abre el archivo <code style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">.htaccess</code> (que se encuentra en la raíz de instalación de WordPress) y agregue el siguiente código. <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Recuerda que una copia de seguridad de .htaccess antes de editarlo!</strong></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"></div><pre style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: Arial, Helvetica, sans-serif; font-size: x-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span></pre><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><pre style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><i style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: Arial, Helvetica, sans-serif; font-size: x-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">RewriteRule ^ $ login http://yoursite.com/wp-login.php [NC, L]</span></i>
</pre><div><i style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: Arial, Helvetica, sans-serif; font-size: x-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span></i></div></div></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-63466543646775911832011-08-10T14:22:00.000-07:002011-08-10T14:22:05.122-07:00'Acerca del autor' debajo de cada post<br />
<br />
<div class="post-body entry-content" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div dir="ltr" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;" trbidi="on"><div dir="ltr" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;" trbidi="on"><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">Una de las "ventajas" que tiene <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Wordpress</strong> es que se puede agregar debajo de cada post una pequeña biografía sobre el autor para que los lectores puedan tener más información acerca de quién escribe el post, y muchos usuarios de <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Blogger</strong> desearían poder tenerlo también en el blog, así que vamos a ver cómo poner un '<strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">acerca del autor</strong>' debajo de cada entrada.</div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">En él puedes poner tu avatar, una breve información sobre ti e incluso puedes agregar enlaces sobre otros sitios webs que tengas o de tus redes sociales.</div><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><div class="separator" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4g1csN-asqhAmHDzc8GJSnyVtk-xIMM6vXY_gypoAMlxPkBo9Lb3qXBqDDIBShV8MR4g6Whle_n88rSStlY3aSUbjmmkNOil_LCn0pLRiymslfojvfxpa0OqsjJaSi-595s1iEJBqlQE/s1600/autor1-comunidadbloggers.PNG" imageanchor="1" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #104e8b; margin-bottom: 0px; margin-left: 1em; margin-right: 1em; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><img border="0" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4g1csN-asqhAmHDzc8GJSnyVtk-xIMM6vXY_gypoAMlxPkBo9Lb3qXBqDDIBShV8MR4g6Whle_n88rSStlY3aSUbjmmkNOil_LCn0pLRiymslfojvfxpa0OqsjJaSi-595s1iEJBqlQE/s1600/autor1-comunidadbloggers.PNG" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4g1csN-asqhAmHDzc8GJSnyVtk-xIMM6vXY_gypoAMlxPkBo9Lb3qXBqDDIBShV8MR4g6Whle_n88rSStlY3aSUbjmmkNOil_LCn0pLRiymslfojvfxpa0OqsjJaSi-595s1iEJBqlQE/s1600/autor1-comunidadbloggers.PNG" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;" width="18" /></a></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: xx-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></span></div><ol style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><span class="Apple-style-span" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Primero vamos a <b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Diseño | Edición de HTML</b> y marcamos la casilla <b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Expandir plantillas de artilugios</b> ahí buscamos este código y lo eliminamos:<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><blockquote style="background-attachment: initial; background-clip: initial; background-color: #f7f8f9; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: black; font-style: italic; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 20px; padding-top: 10px; width: 505px;"><span class='post-author vcard'><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><b:if cond='data:top.showAuthor'><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><data:top.authorLabel/><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class='fn'><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><data:post.author/><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></b:if><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></blockquote>Esa parte que hemos eliminado es la que muestra <i style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Publicado por (nombre del autor)</i>, lo </span>porque ya no será necesario con lo que vamos a agregar, pero bien puedes dejarlo si quieres y no pasa nada.</li>
<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;">Ahora busca esta línea:<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><blockquote style="background-attachment: initial; background-clip: initial; background-color: #f7f8f9; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: black; font-style: italic; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 20px; padding-top: 10px; width: 505px;"><div class='post-footer'></blockquote>Y debajo de ella agrega esto:<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><blockquote style="background-attachment: initial; background-clip: initial; background-color: #f7f8f9; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: black; font-style: italic; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 20px; padding-top: 10px; width: 505px;"><div class='acercadelautor'><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><img border='0' src='<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">URL del avatar</span>' style='float:left; margin:0 10px 10px 0;<b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">width:80px; height:80px</b>;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><p><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: orange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</span></p><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div></blockquote><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div></li>
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;">Ahí cambia lo que está en <span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">color rojo</span> por la URL de tu avatar. Y agrega en donde está el color naranja el texto que quieres mostrar como parte de la información de tu biografía, puedes poner enlaces incluso.</li>
<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Por último antes de <b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">]]&gt;</b> pega lo siguiente:</div><blockquote style="background-attachment: initial; background-clip: initial; background-color: #f7f8f9; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: black; font-style: italic; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 20px; padding-top: 10px; width: 505px;">.acercadelautor {<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />background:#EFFBFB; <span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #009900; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">/* Color de fondo */</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />border:1px solid #ccc; <span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #009900; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">/* Borde */</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />letter-spacing:normal;<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />color:#424242; <span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #009900; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">/* Color del texto */</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />text-transform:none;<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />font-size:12px; <span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #009900; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">/* Tamaño del texto */</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />padding:5px;<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />margin:10px 0 10px 0;<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />}<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />.acercadelautor strong {<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />color:#1C1C1C; <span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #009900; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">/* Color del nombre del autor */</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />font-weight:bold;<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />font-size:13px; <span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #009900; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">/* Tamaño de letra del nombre del autor */</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />padding-left:5px;<br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />}</blockquote></li>
</ol><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">Esos son los estilos que tendrá el recuadro, puedes hacer los cambios que quieras en las anotaciones que he puesto en <span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #009900; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">color verde</span>.</div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">A partir de este momento ya podrás verlo en la Vista Previa y probar si tiene los colores que deseas.</div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;">En el primer código que hemos agregado está marcado en negrita el tamaño de la imagen del avatar, esa puedes modificarla a tu gusto; si agregas poco texto en tu biografía se recomienda que hagas el avatar más pequeño para que no quede en desproporción.</div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><i style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">¿Y si el blog tiene más de un autor?</i></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><i style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></i></div><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: xx-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Si el blog tiene más de un autor también podemos hacer que cada autor tenga el suyo, cada uno con su avatar y su descripción correspondiente.</span></span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><div class="separator" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4g1csN-asqhAmHDzc8GJSnyVtk-xIMM6vXY_gypoAMlxPkBo9Lb3qXBqDDIBShV8MR4g6Whle_n88rSStlY3aSUbjmmkNOil_LCn0pLRiymslfojvfxpa0OqsjJaSi-595s1iEJBqlQE/s1600/autor1-comunidadbloggers.PNG" imageanchor="1" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #104e8b; margin-bottom: 0px; margin-left: 1em; margin-right: 1em; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><img border="0" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4g1csN-asqhAmHDzc8GJSnyVtk-xIMM6vXY_gypoAMlxPkBo9Lb3qXBqDDIBShV8MR4g6Whle_n88rSStlY3aSUbjmmkNOil_LCn0pLRiymslfojvfxpa0OqsjJaSi-595s1iEJBqlQE/s1600/autor1-comunidadbloggers.PNG" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4g1csN-asqhAmHDzc8GJSnyVtk-xIMM6vXY_gypoAMlxPkBo9Lb3qXBqDDIBShV8MR4g6Whle_n88rSStlY3aSUbjmmkNOil_LCn0pLRiymslfojvfxpa0OqsjJaSi-595s1iEJBqlQE/s1600/autor1-comunidadbloggers.PNG" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;" width="550" /></a></div><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><div class="separator" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihl59vCFoxkzM6oE8CBtBelDPe4ljhUdgRjCBA9NC-ZpK713qLhkrEoALkMygmCt0HZcaDUiFKDcT-0BezQY2mQZ7gebt6FeyxZVg7RCNq7dN5kI7A355pIJBnoRpM4dbx50ABjl9am1qd/s1600/autor2-comunidadbloggers.PNG" imageanchor="1" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #104e8b; margin-bottom: 0px; margin-left: 1em; margin-right: 1em; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><img border="0" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihl59vCFoxkzM6oE8CBtBelDPe4ljhUdgRjCBA9NC-ZpK713qLhkrEoALkMygmCt0HZcaDUiFKDcT-0BezQY2mQZ7gebt6FeyxZVg7RCNq7dN5kI7A355pIJBnoRpM4dbx50ABjl9am1qd/s1600/autor2-comunidadbloggers.PNG" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihl59vCFoxkzM6oE8CBtBelDPe4ljhUdgRjCBA9NC-ZpK713qLhkrEoALkMygmCt0HZcaDUiFKDcT-0BezQY2mQZ7gebt6FeyxZVg7RCNq7dN5kI7A355pIJBnoRpM4dbx50ABjl9am1qd/s1600/autor2-comunidadbloggers.PNG" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;" width="550" /></a></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: xx-small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></span></div></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Tahoma, Verdana, Georgia, serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">En ese caso en lugar de pegar el código del paso 2 pegaremos este otro:</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><blockquote style="background-attachment: initial; background-clip: initial; background-color: #f7f8f9; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: black; font-style: italic; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 20px; padding-top: 10px; width: 505px;"><div class='acercadelautor'><b:if cond='data:post.author == &quot;<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Autor 1</b></span>&quot;'><img border='0' src='<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">URL del avatar 1</span>' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><p><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: orange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</span></p><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></b:if></blockquote><blockquote style="background-attachment: initial; background-clip: initial; background-color: #f7f8f9; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: black; font-style: italic; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 20px; padding-top: 10px; width: 505px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><b:if cond='data:post.author == &quot;<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Autor 2</b></span>&quot;'><img border='0' src='<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">URL del avatar 2</span>' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong><p><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: orange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</span></p><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></b:if><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #3333ff; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div></span></blockquote>El primer fragmento corresponde al primer autor y el segundo al otro autor. De igual modo cambia la URL del avatar y el contenido de la biografía.<div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">En donde dice <b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Autor</span></b><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> 1</span></b> y <b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Autor 2</span></b> debes poner el nick de los autores tal como aparece en el blog respetando las mayúsculas, minúsculas y espacios, eso es muy importante.</div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Si quisieras agregar más autores sólo agrega antes de <span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #3333ff; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div></span> otro fragmento como este:</div><blockquote style="background-attachment: initial; background-clip: initial; background-color: #f7f8f9; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: black; font-style: italic; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 20px; padding-top: 10px; width: 505px;"><b:if cond='data:post.author == &quot;<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Autor 3</b></span>&quot;'><img alt='' border='0' src='<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">URL del avatar 3</span>' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong><p><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: orange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</span></p><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></b:if></blockquote>Como ven el procedimiento es de lo más sencillo, no requiere scripts ni nada del otro mundo y el resultado quedará tan lindo como ustedes quieran.</div><div><br />
</div></div></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-23541703079742932592011-08-10T14:16:00.000-07:002011-08-10T14:16:10.543-07:00Agregar valoración de estrellas en el blog<br />
<div style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Para asegurar el éxito de un <strong style="font-weight: bold;">blog</strong> es necesario que siempre estemos aplicando mejoras y aquí te presentaremos una de ellas que quizás te guste.<br />
En diversos blogs podemos encontrar al pie de cada artículo una <strong style="font-weight: bold;">hilera de estrellas</strong>, cuya función es obtener una <strong style="font-weight: bold;">valoración</strong> del post publicado, y varios títulos relacionados pertenecientes a otras entradas.<br />
Esto es un punto muy beneficioso que puede afectar directamente en el <strong style="font-weight: bold;">tiempo de permanencia</strong> de cada usuario en tu sitio, ya que se aumenta la posibilidad de que los lectores puedan mantenerse navegando por un prolongado lapso de tiempo.</div><div style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="Valoraci%C3%B3n de estrellas blog Agregar valoración de estrellas en el blog" class="aligncenter size-full wp-image-6179" height="592" original="http://www.todoblogger.com/wp-content/uploads/2011/08/Valoraci%C3%B3n-de-estrellas-blog.jpg" src="http://www.todoblogger.com/wp-content/uploads/2011/08/Valoraci%C3%B3n-de-estrellas-blog.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px;" title="Valoración de estrellas blog" width="526" /></div><div style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Podremos incorporar este llamativo <strong style="font-weight: bold;">widget</strong> en nuestro blog si ingresamos a <strong style="font-weight: bold;">Outbrain.com</strong>, en donde se ofrece el agregado automático de su aplicación, pudiendo escoger entre varias opciones, las que más nos gusten, como por ejemplo si queremos que se enseñe una pequeña imagen de muestra. Además, ofrece la combinación con distintas y variadas plataformas disponibles, por lo cual es muy amplio el marco de aceptación, entre las plataformas aceptadas está WordPress, Blogger, Drupal, entre otras. Aunque también podremos optar por utilizar el código directamente en el tema de nuestro blog o sitio web.</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4986137534692891238.post-66451066546126265532011-07-24T12:24:00.000-07:002011-07-24T12:24:27.374-07:00<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDLWrz5VJMlRDF3NaVqah1MNMlI4Q7fN5MGnqcFLdkt9eUlaM2_BoccDEy2TyF5_XBPsCv_nTldg0wq_OtenHbE-eoAaHoc5oA_4qS4loZkC4qLZ-PEX4JLRzj6B1c52RAnEcVUZi1BRbT/s320/linux60.jpg" /></div><br />
<br />
<br />
<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Aunque pueda resultar sorprendente, un reciente informe revela que Microsoft es la quinta compañía que más ha contribuido a desarrollar el kernel Linux 3.0 sólo por detrás de Red Hat, Intel, Novell e IBM.</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span id="more-58707" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></span>Parece una paradoja teniendo en cuenta el <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">enfrentamiento tradicional entre los acérrimos defensores del software propietario de Microsoft y los amantes del código abierto</strong> de Linux, pero las cifras demuestran que los de Redmond han colaborado de forma destacada al desarrollo del kernel.</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Este informe, que ha sido elaborado por Linux Weekly News, pone de manifiesto que la contribución de Microsoft ha sido canalizada sobre todo a través <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">del desarrollador K.Y Srinivasan,</strong> que ha jugado un papel destacado en la mejora de la nueva versión del kernel Linux.</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Los analistas destacan que<strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> estas contribuciones no se han hecho “por amor al arte”</strong> sino que Microsoft persigue ciertos intereses con su aportación al desarrollo de Linux.</span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #f7f7f7; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: black; font-style: italic; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 5px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: 505px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">“El grueso de las contribuciones de Microsoft ha sido la de sus propios <strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">drivers hypervisor de virtualización Hyper-V</strong>”, según explica el periodista de ZDnet, Steven J. Vaughan-Nichols.</span></blockquote><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">“Hyper-V es un sistema de virtualización de 64 bits basado en hypervisor”, en otras palabras, “es la respuesta de Microsoft a los sistemas KVM (Kernel Virtual Machine) de VMware y Linux”.</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-11113251684373623442011-07-24T12:22:00.000-07:002011-07-24T12:22:35.269-07:00¿Cómo excluir mis visitas de las estadísticas del blog o web? 20/<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: right; float: right; line-height: 20px; margin-bottom: 1em; margin-left: 1em; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPaZVqFSCcSKPA073pgtYkmhuJ3GslWS_xyUFT-5DRZA8ckbxObNhRyArbZ6xJ9jFLaeZlH95_PYbmdtQKlQaNrrOIEYL7XvmLJ15kkiB-lqNmmdyb2hoM_GU4472o151ymO1r-3TKO6LX/s320/coutus.PNG" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></span><br />
<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span><br />
<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Imagina el caso de una pequeña empresa donde todos sus empleados tengan la página corporativa </span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">como página de inicio, o por ejemplo cuando administras un blog, normalmente estás mucho tiempo conectado. En el primer caso, afectará al nº de visitas y al porcentaje de abandonos (sales de la web por la misma página por la que entrastes) y el segundo afectará al tiempo promedio de las estadísticas...</span><br />
<span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://draft.blogger.com/blogger.g?blogID=1368580645474003267" name="more" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #104e8b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Si no quieres engañarte tu mismo, y sé, que al principio parece que no se conecta nadie y que tus propias visitas te motivan, es recomendable excluir de las estadísticas el tráfico que tu mismo generas al visitar el blog o web.</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Para ello existe un concepto en</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Google Analytics</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">que se llama</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Filtro</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">. Una de sus aplicaciones es esta precisamente, la de</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> excluir las visitar que provienen de una determinada ubicación o IP</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">...pero también puede usarse para obtener valores estadísticos individuales por ejemplo el caso contrario, cuantas veces mis empleados consultan la web corporativa.</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">En el caso que se nos plantea, realizaremos un</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">filtro para excluir las visitas provenientes de una dirección IP</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">. Averigua primero</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://www.adsl4ever.com/ip/" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #104e8b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank">cual es tu ip pública desde este enlace</a></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> (debes estar navegando desde el ordenador o lugar a excluir). Una vez anotado la IP pública, realizamos estos sencillos paso:</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Pasos para excluir mis visitas de las estadísticas:</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><br />
<ol style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; line-height: 20px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><ol style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; line-height: 20px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Paso 1.</span></span></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="https://www.google.com/analytics/settings/home" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #104e8b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank">Accede a Google Analytics</a></span></span></li>
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Paso 2. En la parte inferior derecha, donde pone</span></span></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Filtros</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">, haz clic en</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> "Administrador de filtros"</b></span></span></li>
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Paso 3. Ahora en el Administrador de filtros haz clic en</span></span></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">+ Añadir Filtro </b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> (en la parte derecha)</span></span></li>
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Paso 4. Indica un nombre al filtro ejemplo, "Excluir visitas de mi casa" "Excluir visitas de la empresa"</span></li>
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Paso 5. Hacemos clic en "</span></span></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Filtro personalizados</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">"</span></span></li>
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Paso 6. Hacemos clic en "</span></span></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Excluir</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">"</span></span></li>
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Paso 7.</span></span></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">En el desplegable del "</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Campo de filtro"</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">selecciona</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Dirección IP del Visitante</b></span></span></li>
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Paso 8.</span></span></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">En "</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">patrón de filtro"</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">debes indicar la IP que averiguastes antes. Si la IP es por ejemplo 192.168.1.1 el valor del campo debe ser: ^192\.168\.1\.1$ (es decir coloca una \ antes de cada punto de la dirección y los dos simbolos ^al comiento y $ al final).</span></span></li>
<li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; list-style-image: initial !important; list-style-position: inside !important; list-style-type: decimal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Paso 9. En la parte inferior tienes los perfiles (estadísticas) a los que quieres aplicar el filtro. Selecciona el perfil y presiona el botón "</span></span></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Añadir</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">" finalmente presiona "</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Guardar cambios</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">"</span></span></li>
</ol></ol><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Puedes realizar tantos filtros como quieras. Si trabajas en un blog y colabora otra persona es conveniente hacer un filtro tambien desde la IP del compañero, simplemente que te diga su IP y administrar un nuevo filtro.</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Nota.</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">La mayoría de nosotros disponemos de </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">IP dinámica</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> eso quiere decir que cada vez que apagas el router (cosa que yo no hago) y lo enciendes nuevamente la IP pública cambia. Recuerda que puedes ir creando tantos filtros como quieras. Otra cosa es que puedes crear un rango de IP, el cual es algo complicado porque estarás excluyendo a más usuarios.</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">La solución que Google ofrece es</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Filtro por Cookies</b></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">que debes valorar ya que si bien puede aplicarse a una Web no creo que se pueda aplicar al blog (mira el primero de los enlaces relacionados).</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Recuerda que si aplicas el filtro hoy deberás esperar hasta mañana para ver sus efectos.</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Espero que puedas aplicarlo sin problemas.</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Deja tus sugerencias y experiencias así puedes colaborar con este post. Gracias</span><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></span><br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Verdana, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Via: <a href="http://www.iniciablog.com/2011/02/excluir-ip-visitas-estadisticas-propias.html" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #104e8b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Iniciablog</a></span></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-11691055254253755412011-07-24T12:11:00.000-07:002011-07-24T12:11:29.641-07:00Caidos de la Realidad – Tecnología y más<div style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="font-weight: bold;">Caidos de la Realidad</strong> es un sitio que habla de temas relacionados a la tecnología, las aplicaciones, el <strong style="font-weight: bold;"><a class="kkklll" href="http://www.caidosdelarealidad.com/2011/01/montaje-fotos-como-hacer.html" style="color: #f98322; cursor: pointer; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;" title="Montaje de Fotos">Montaje de Fotos</a></strong>, los gadgets, entre otros. En el sitio podemos encontrar varias noticias, tutoriales, recursos y más artículos interesantes, los cuales nos servirán para aprender y mantenernos informados sobre la tecnología y sus avances.</div><div style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="Caidos de la Realidad Caidos de la Realidad Tecnología y más" class="aligncenter size-full wp-image-6155" height="60" original="http://www.todoblogger.com/wp-content/uploads/2011/07/Caidos-de-la-Realidad.png" src="http://www.todoblogger.com/wp-content/uploads/2011/07/Caidos-de-la-Realidad.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px;" title="Caidos de la Realidad" width="511" /></div><div style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Como mencioné al principio, un tema muy interesante y a la vez bien tocado en el sitio, es el del <strong style="font-weight: bold;">montaje de fotos</strong>, en el cual enseñan distintas formas de realizar <strong style="font-weight: bold;">fotomontajes</strong> con distintos programas, el Photoshop y el Picasa.</div><div style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;">En general es un sitio de lo más interesante, con un lindo diseño y con mucha información interesante de distintos temas relacionados a la tecnología. Se los dejo para que entren y lo vean ustedes mismos.</div><div style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="font-weight: bold;">Enlace:</strong> <a class="kkklll" href="http://www.caidosdelarealidad.com/" style="color: #f98322; cursor: pointer; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;" title="Caidos de La Realidad">Caidos de la Realidad</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-6254803099168989232011-07-20T15:23:00.000-07:002011-07-20T15:23:02.979-07:00rss icon Xanga | Comunidad Blogger<div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"><img alt="xanga-logo" class="alignnone size-full wp-image-494" src="http://www.redessociales10.com/wp-content/uploads/2009/03/xanga-logo.png" title="xanga-logo" /></div><br />
<br />
<strong>Xanga</strong> ha cambiado desde hace un tiempo y personalmente pienso que para mejor. Con nuevas caracteristicas y una comunidad activa, el sitio alojador de blogs continúa mejorando, consiguiendo feedback y comentarios de sus miembros, los cuales crecen en número cada día. Yo empecé usando Xanga en el 2005, de modo que tengo experiencia de primera mano con respecto a como eran las versiones anteriores y como fuí capaz de ponerme al día con los cambios en la página y las caracteristicas del website. Aunque todavía hay partes que necesitan ser mejoradas, Xanga.com ha llegado a ser uno de los mejores sitios de alojamiento para blogs que hay en Internet.<br />
<span id="more-493"></span>Xanga.com ha puesto interesantes mejoras en su homepage como utilidades para los usuarios, blogs, videos, y fotos que realmente me llaman la atención cada vez que entro a mi blog. Con el nuevo panel cargado y corriendo, puedo finalmente ver lo que mis amigos y suscriptores estuvieron escribiendo mientras estuve afuera. Por otra parte, alguna de la gente a la que me he suscripto, han dejado comentarios y eProps ( señales que sirven como ratings) más frecuentemente que antes, que era cuando no tenía esas mejoras en el website. Creo que esto es un gran adelanto en la perfomnce total del website porque de este modo la gente puede monitorear y estar actualizada en lo que sus amigos han estado escribiendo y los ratings de los blogs, por lo que hay cada vez más cantidad de usuarios.<br />
<a href="http://www.redessociales10.com/wp-content/uploads/2009/03/xangascreen.png"><img alt="xangascreen" class="aligncenter size-medium wp-image-495" height="138" src="http://www.redessociales10.com/wp-content/uploads/2009/03/xangascreen-300x138.png" title="xangascreen" width="300" /></a><br />
Otras caracteristicas del website que encanta especialmente en Xanga.com, es el sector del “question and blog” de la homepage. Cualquier usuario puede colocar una pregunta para que la gente bloguee acerca de ella, y puede ser de lo que te dé la gana. Algunas de las mejores preguntas que he encontrado han tenido hasta 200 respuestas, algunas de las cuales tienen mensajes de gran profundidad que los bloggers desean guardar. Otro es la adopción de temas, que es en cierta manera como en Multiply o MySpace, donde puedes crear tu propio diseño y tema y compartirlo con el resto de la comunidad de Xanga. No soy realmente un fan de crear temas, por lo tanto dependo de lo que otros suscriptores de Xanga han colocado para debatir, alabándolos tanto por su trabajo duro, como por su creatividad. Últimamente no me canso de leer blogs, que han sido creados en el sitio como Datingish, el cual comenta toda clase de temas de los que te puedas imaginar con respecto a citas , cortejo, matrimonio y como tratar con las relaciones complicadas. Ellos colocan entradas muy interesantes y significativas de blogs sobre relaciones extrañas y problemas de los cuales no solemos hablar en general.<br />
Sobretodo, yo le daría a mi experiencia con Xanga.com un puntaje de 10 sobre 10, aunque más no sea por el modo en que han mejorado a través de los años, dentro modo habría transferido mi blog a otro sitio. Afortunadamente los creadores del sitio se han mantenido con las tendencias de blogs online de hoy en día y son lo suficiente creativos para agregar interesante material que tenga a la gente de Xanga activa e interactuando con otra gente.<br />
Enlace | <a href="http://www.xanga.com/" target="_blank">Xanga.com</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-85660440111682382842011-07-20T15:14:00.000-07:002011-07-20T15:14:42.933-07:00Agregar un contador de visitas para el blog<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Visitas blog Agregar un contador de visitas para el blog" class="aligncenter size-full wp-image-6141" src="http://www.todoblogger.com/wp-content/uploads/2011/07/Visitas-blog.jpg" style="display: block;" title="Visitas blog" /></div><br />
Muchos lectores me han pedido por correo electrónico que les enseñe a agregar un <strong>contador de visitas para el blog</strong>, y bueno, eso es exactamente lo que hoy voy a enseñar a hacer. Primero que nada quiero aclarar que tenemos muchas alternativas para tener un <strong>contador de visitas para el blog</strong>, pero voy a explicar sólo algunas, ya que sino sería un artículo demasiado extenso.<br />
<h2 style="text-align: center;">Contador de visitas para blog:</h2><h3>1. Contador de visitas Histats</h3>Histats ofrece <strong>contadores de visitas para blogs</strong> muy completos. Primeor hay que registrarnos en el sitio y verificar la cuenta desde nuestro correo electrónico. Luego podemos agregar un nuevo sitio y decidir desde dónde comenzar a contar las visitas y si queremos que sean privadas o no. Luego creamos el banner y lo pegamos en el blog.<br />
Enlace: <a class="ext-icon-13" href="http://www.histats.com/es/">Histats</a><br />
<h3>2. Contador de visitas online whos.amung.us</h3>Este <strong>contador</strong> muestra de una forma sencilla y amigable el número de visitas online que hay en nuestro sitio en determinado momento. Es uno de los más precisos de todo el mercado de <strong>contadores de visitas para blogs</strong>, y es muy fácil de insertar.<br />
Enlace: <a class="ext-icon-13" href="http://whos.amung.us/">whos.amung.us</a><br />
<h3>3. Contador de visitas 99Counters</h3>Este práctico <strong>contador de visitas</strong> nos muestra el número de visitas totales, el número de visitas de hoy, el número de visitas online y otros datos, como el lugar de cada visita. Es muy práctico y fácil de insertar. Mucha gente lo utiliza, y eso es lo que lo hace popular.<br />
Enlace: <a class="ext-icon-13" href="http://es.99counters.com/">99Counters</a><br />
<h3>4. Contador de visitas Geovisite</h3>Estos <strong>contadores de visitas</strong> están especializados en mostrar el número de visitantes y de qué países fueron. La geolocalización es su especialidad, y a muchos bloggers les agrada saber de dónde vienen sus visitantes.<br />
Enlace: <a class="ext-icon-13" href="http://www.geovisite.com/">Geovisite</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4986137534692891238.post-6034949171422709022011-07-15T16:11:00.001-07:002011-07-15T16:11:19.660-07:00Ago ¿Alguna vez te ha caducado un pago de AdSense?<span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px;"></span><br />
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; line-height: 20px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Mencionarlo es sólo para correr la voz que <a href="http://adsense-es.blogspot.com/2008/08/en-qu-se-parecen-los-cheques-y-los.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">desde el blog oficial de AdSense</a> en español han pronunciado ante la imperiosa preocupación que de repente les despertó pensar que puedes caer en un vacío existencial si alguna vez, por extrañísima razón, después de recibir tu cheque de AdSense <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">dejaste descuidadamente pasar 6 meses sin cobrarlo</strong> con su consecuente caducidad.</div><div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; line-height: 20px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Cuando llega a darse esta situación -sí, las miles de veces que esto sucede a diario en el mundo y más con lo abundantes que están las ganancias ahora por este medio- <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">en tu cuenta aparecerá una retención de pago</strong> y tendrás que volver a seleccionar la forma de pago y esperar de nuevo recaudar 100 dólares. Por lo tanto, moraleja googleriana: <em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">“No te quedes de manos cruzadas y, en cuanto recibas tu cheque, llévalo al banco y abona tus ad-euros y ad-céntimos en tu cuenta”</em>.</div><div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; line-height: 20px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Al menos <a href="http://www.tinchio.com/2008/01/30/llego-el-dia-mi-primer-pago-de-adsense/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(184, 100, 53); border-bottom-style: dotted; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #b86435; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">la experiencia de Tinchio</a> puede hacer pensar que es <strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">dificilísimo que a alguien le llegue a caducar</strong> un pago de AdSense, pero la recomendación nunca está demás.</div>Unknownnoreply@blogger.com0