Ventana Emergente en Blogger. Ventanas Popups

Las ventanas Pop-Up son esas ventanas que se abren aparte del sitio web que estamos viendo, y si bien tienen muy mala fama porque generalmente están llenas de publicidad que no queremos ver y que no solicitamos, ahora puedes reivindicarlas dándoles funciones útiles como abrir un formulario, una foto, un texto, etc.

Primero hay que ir a Diseño > Edición de HTML y pegar antes de lo siguiente:

Los 6 mejores CMS para crear tiendas virtuales gratis

En este articulo, veremos los 6 administradores de contenido mas populares para crear tiendas virtuales.

10 Plugins de sliders y galerias para jQuery

Los sliders y galerias jQuery estan muy de moda en el diseño web actual, y esto es debido a la variedad de formas, colores y sobre todo elegancia que jQuery ofrece, en este post les presento 10 de los plugins mas populares para hacer sliders y galerias, todos incluyen demo......

7 Hostings gratuitos que valen la pena revisar

Esta es una recopilación de 7 hostings gratuitos para diseñadores y desarrolladores web que quieren practicar y mostrar su trabajo en linea pero no quieren pagar un hosting (todavía), la mayoría sin publicidad.
a continuación una lista de los hosts.....

4 Maneras de redireccionar una pagina web

En este tutorial veremos 4 maneras de como hacer una de las cosas mas comunes que hay en desarrollo web: los pasos para la redireccion estan a continuacion...

CSS Básico: ¿Qué es CSS y para que sirve?

Para seguir este tutorial es necesario tener un conocimiento basico de HTML.
En este tutorial veremos los puntos basicos de CSS (Cascading Style Sheets) el lenguaje de estilización por excelencia., su funcion es estilizar una pagina web mediante el uso de selectores y atributos.
La sintaxis de CSS es la siguiente:

1 2 3

selector{ propiedad:valor; }

Antes de CSS para estilizar una pagina se tenían que repetir etiquetas una y otra vez, ahora gracias a CSS y sus selectores la pesadilla termino.

¿Cómo llamar a CSS dentro de HTML?

Existen 3 métodos para incrustar un cogido CSS en un documento HTML y hacer que funcionen juntos:...

5 Aplicaciones para incrementar tu productividad

La productividad juega el rol mas crucial en todas las cosas que hagamos, obtener las cosas hechas en el tiempo adecuado nunca fue tan fácil como ahora, gracias a las tantas aplicaciones de escritorio, online o móviles que hay en Internet.
Desde medidores de tiempo a sencillas pero útiles listas de tareas, espero que esta recopilación de aplicaciones gratuitas os sirva de gran ayuda:

True Time Tracker

Increible aplicacion de manejo de tiempo que te muestra en detalle un registro de todo lo que hagas en el ordenador.

Descargar

Focus Booster

Con un diseño minimalista y atractivo Focus Booster es una aplicación de escritorio y online a la vez, que nos ayuda a manejar nuestro tiempo haciendo uso de la famosa técnica Pomodoro.

Descargar

PHP desde cero: Métodos POST y GET

Para usar formularios en HTML tenemos las variables externas (GET y POST) son dos métodos diferentes definidos en HTTP que hacen cosas ligeramente diferentes, pero ambos son capaces de enviar remisiones de formas al servidor.

PHP desde cero: Condicionales

En este tutorial aprenderemos las condicionales en PHP las cuales nos dan la posibilidad de analizar una situación y ejecutar el codigo correspondiente basándose en las condiciones definidas.
En PHP la declaración de condicionales es igual a las de la mayoría de lenguajes de programación existentes.
Las condicionales en PHP mas comunes son if, elseif y switch...

5 Elementos básicos de HTML

• Tutorial de: HTML
• Dificultad: Facil
• Tiempo: 45 Minutos

Divisiones, títulos, listas, enlaces, etc. son los elementos mas basicos en de paginas web con HTML, en este tutorial con un par de ejemplos sencillos veremos de manera practica la función de cada uno de ellos.

  Ejemplo de una pagina completa:.....

¿Qué es HTML y como funciona?

Si no sabes absolutamente nada de diseño de paginas web, estas en el lugar correcto en este tutorial aprenderás desde cero como funcionan y de que están hechas las paginas web.

¿Qué es HTML?

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web
Wikipedia.org

Es un lenguaje muy sencillo y fácil de aprender.

Elementos HTML:

Los documentos HTML estan compuestos por elementos, estos a su vez por etiquetas, atributos y el contenido del elemento, he aqui graficado:

1	<p class="texto">Soy un texto dummy</p>

Este es un elemento de párrafo, <p> viene de paragraph. Todas los elementos tienen como inicial sus nombres en ingles.

sigue con el post.........

5 Aplicaciones para obtener la tipografía perfecta

¿Qué es la tipografía y cual es su importancia?

Tipografía es todo lo que tiene que ver con letras, símbolos, párrafos, números y palabras, su función es definir el tamaño de letra, la fuente a usar, la distancia entre linea y linea, etc.
El rol que cumple dentro de un diseño es decisivo, desde la fuente que elegimos para un logo hasta el tamaño de fuente que ponemos en los parrafos, es nuestra via para comunicar nuestro mensaje, obtener la tipografia que luzca perfecta es algo difícil, pero tenemos a la mano herramientas muy utiles que nos ayudaran a alcanzar la tipografía ideal.
En la presente recopilación he seleccionado 5 aplicaciones que de seguro te servirán.........

PHP desde cero: Operadores

 Aparte de los operadores aritméticos de suma , resta , multiplicación , división , residuo , incrementacion y disminución existen otros operadores muy útiles en PHP que veremos en este tutorial........

PHP desde cero: Conceptos básicos

 

• Tutorial de: PHP
• Dificultad: Facil
• Tiempo: 30 Minutos

PHP es el lenguaje de programacion web mas usado en el mundo, si deseas aprenderlo sin saber nada, haz llegado al lugar indicado: PHP desde cero es una serie de tutoriales dirigida a aquellos que tengan un minimo concepto de HTML y quieran aprender de este fabuloso lenguaje de programacion.
PHP significa Hypertext Pre-processor. Fue creado por Rasmus Lerdorf en 1994.

Lo que necesitas

• Un servidor local o remoto (Appserv, XAMPP)
• Un editor de texto (Dreamweaver, Notepad++, E text editor)
• Un mínimo conocimiento de HTML.

Vamos a empezar con el siguiente ejemplo de código PHP con HTML:.............

Orbit: Slider de imágenes con jQuery

Aunque S3Slider es un slideshow que funciona muy bien y ha tenido buena aceptación, son muchos quienes desean que este gadget cuente con flechas de desplazamiento para poder navegar por las imágenes de forma más inmediata.

Un slideshow que permite hacer eso es Orbit, que funciona a base de jQuery y muestra las imágenes con flechas de navegación. Pero además, en la parte superior izquierda indica cuál es la imagen que se está viendo, y del lado superior derecho un control de pausa e indicador del tiempo entre cada foto.

Una de las ventajas que me gusta de este slider es que el script cuenta con una versión corta, por lo que podremos colocar el script directo en la plantilla y así nos evitaremos colgarnos de un hosting.

Para empezar vamos a colocar los scripts que son lo que harán que funcione, así que vamos a Diseño | Edición de HTML y antes de </head> pegamos lo siguiente: ........

Listones de banderas para el blog

Desde la ocasión que vimos cómo poner listones de causas en el blog muchos pidieron listones de banderas para decorar el blog con un emblema patrio.

Y bueno, después de dedicarle unas horas al Photoshop aquí les traigo estos listones para decorar su blog.

Sólo hice las banderas de los países de los cuales llegan mayores visitas a Ciudad Blogger (según Analytics), pero si hubiera alguna bandera que alguien necesite (sólo países, nada más) pídanla en un comentario para agregarla aquí.

El procedimiento de la colocación es igual al anterior, sólo entra en...

Menú deslizante arriba del blog

Muchas veces cuando pensamos en hacer un blog se nos viene a la mente ponerle muchos gadgets aunque muchos de ellos no sean necesarios, o tal vez sí. Pero lo cierto es que en ocasiones lo que menos disponemos es de espacio suficiente para agregar algunos de ellos. Así que en esos momentos una buena y elegante opción es usar un menú plegable que quede oculto y que aparezca sólo cuando el usuario desee.

Originalmente este artilugio llamado Sliding login panel es un slide para que los usuarios se registren a determinado sitio, pero como ya sabemos, en Blogger no se puede crear un registro de usuarios al blog, pero eso no significa que no podamos sacarle partido a este artilugio y usarlo para agregar en él otros elementos como un menú y un acceso de registro al feed.

¿Que cómo se ve? He aquí la muestra en este blog de pruebas, sólo abre el menú de arriba para verlo.

Este menú deslizante está hecho con jQuery, así que lo primero que haremos será agregar el script; eso lo hacemos pegando después de <head> lo siguiente:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {

// Expand Panel
$(&quot;#open&quot;).click(function(){
$(&quot;div#panel&quot;).slideDown(&quot;slow&quot;);
});

// Collapse Panel
$(&quot;#close&quot;).click(function(){
$(&quot;div#panel&quot;).slideUp(&quot;slow&quot;);
});

// Switch buttons from &quot;Abrir menú&quot; to &quot;Cerrar menú&quot; on click
$(&quot;#toggle a&quot;).click(function () {
$(&quot;#toggle a&quot;).toggle();
});

});</script>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
body#layout #toppanel {display:none !important;}
</style>
</b:if>

Ahora agregaremos los estilos CSS antes de ]]></b:skin>

/* Top Sliding Menu
----------------------------------------------- */

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {height: 1%;}
.clearfix {display: block;}

.tab {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7z21ue-YP4kcvljcLo_j3iCxAywJlWUpsnBiKZ8pZSmgV_g2GBnmlhLnJ6jVa5-A1QU2WFmHVG0Q3oW_VBTvG_A09yTL1Z9m3RcmAlEpBaoXhwxK8fIEeW-97O8DfsI4gdPg5EA1_azsm/s1600/tab_b.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}
.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}
.tab ul.login li.left {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ6zOvctNnbqcS6N-8q_cuJkXVgWyHhh5Ezgkk87Ua7ecRR6cbkgpXdtWfh_yTDvLeidVCmgl7EF7T1M57bR0saNSLX-JSM8hZbTYPQxMh50BDKUqF0bWg3xZeNJeo-Qtv2y1E_-Y1y6MH/s1600/tab_l.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li.right {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LZQOSZgd7TmIFDPD_8Dok0F8SkUu3ybgDYTEXnXtMCrOjdisciPNP3bp61VR8hFX78bzqtjiAq81eU4j17fDXy3JfIDEXUkcI-8ZtXbqPzUgGI4bgqosfbQPViOzB0Um9T4nj5BZJvL5/s1600/tab_r.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKN4aebdL34X2Ei9341wDhDm0XLPWloguL78GQlusz3lDh-zBff8jaPWWbJHkcjhvViwusyCgpE-ydZdVOhOBLmkE5SbJZSO0HYzCFXS9-H6v9jOR_5LHlEh2D2jUQy5UwHrZijpyBLFMk/s1600/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {color: #15ADFF;}
.tab ul.login li a:hover {color: #FFFFFF;}
.tab .sep {color:#414141}

.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}

.tab a.open {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJ8CPUJDfRhfYZ79B6CwoCq3xMmeM4kxvD0bJFQ_M-W9N-WZSttdOUKkPSVbzJTm_r1PMhwurqORoM7pH9Nta5isaM8FH1BZYDHu00_4qW-kzJIHJd9LZSajR42PmOIWhDj2jyo4qyY-M/s1600/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjByK3LJcQvvzqvhlGPweV-51hTVRGsU3xjpc1-LNZ9eMjwb53C0GMYtfrgxZvFxhCLgwIz7nFWWSRryxhAJiu-aDwyXHHOQb0tmS6-9xDGTB0O3sf6sAym15BaODJoyHhxkk7T1gWUtGuz/s1600/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJ8CPUJDfRhfYZ79B6CwoCq3xMmeM4kxvD0bJFQ_M-W9N-WZSttdOUKkPSVbzJTm_r1PMhwurqORoM7pH9Nta5isaM8FH1BZYDHu00_4qW-kzJIHJd9LZSajR42PmOIWhDj2jyo4qyY-M/s1600/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjByK3LJcQvvzqvhlGPweV-51hTVRGsU3xjpc1-LNZ9eMjwb53C0GMYtfrgxZvFxhCLgwIz7nFWWSRryxhAJiu-aDwyXHHOQb0tmS6-9xDGTB0O3sf6sAym15BaODJoyHhxkk7T1gWUtGuz/s1600/bt_close.png) no-repeat left -19px;}

#toppanel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#panel {
width: 100%;
height: 270px; /* Alto del slide */
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}
#panel h4 {
font-size: 1.6em;
padding: 5px 0 10px;
margin: 0;
color: #FFFFFF;
text-align: center;
}
#panel p {
margin: 5px 0;
padding: 0;
}
#panel a {
text-decoration: none;
color: #15ADFF;
}
#panel a:hover {
color: white;
}
#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}
#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}
#panel .content .right {
border-right: 1px solid #333;
}
#panel .content form {
margin: 0 0 10px 0;
}
#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}
#panel .content input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 16px;
}
#panel .content input:focus.field {
background: #545454;
}
#panel .content input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}
#panel .content input.bt_register {
width: 94px;
color: white;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhilP1jcG6zLgyTyehf2lcUGtlDC9DxLsY6td9qZJXGApq7IU47LY57m9ZRZ5WczVaqLPRhC2MaEM8fp6Ifn2-F6PrXJTXiv0-vSouw-Zw9QPEmyl9xgd8V7T-O83vYhQKd10oUICZarra0/s1600/bt_register.png) no-repeat 0 0;
}

#slide-menu {
width: 160px;
float: left;
}
#slide-menu2 {
width: 160px;
float: right;
}
#slide-menu ul, #slide-menu2 ul{
font-family: Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
}
#slide-menu ul li a, #slide-menu2 ul li a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhagYfNt7ESqErIetKfoWGkucarjfj4KMsi7OoBrfFqvKMdoJ8TRSMU9f9DkboPPoWK2mFdj1RtE2SQ_hlCj6jRbVrCDl2EWHflz1z2A1WjKhhuxgpKO7MbHR8uNDlWkbQygvT4E-uCHZj4/s1600/bullet_blue.png) center left no-repeat;
margin:0;
padding:3px 3px 3px 18px;
}
#slide-menu li, #slide-menu2 li {display: inline;}
#slide-menu a, #slide-menu2 a{
color: #FFFFFF;
text-decoration: none;
font-size: 13px;
display: block;
padding: 3px;
width: 160px;
}
#slide-menu a:link, #slide-menu a:visited, #slide-menu2 a:link, #slide-menu2 a:visited {
color: #999;
text-decoration: none;
}
#slide-menu a:hover, #slide-menu2 a:hover {
color: #FFFFFF;
}

Y por último vamos a colocar la estructura, así que justo después de <body> agrega lo siguiente:

<!-- Inicio top sliding menu -->
<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>

<!-- Primera sección -->
<div class='left' style='width:240px !important'>

<h4>Hola, Bienvenido a mi blog!</h4>
<p>Puedes seguirnos en las redes sociales o suscribirte al feed.</p>

<div align='center'>
<a href='http://tublog.blogspot.com/atom.xml'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWnbc7w-Rc04sTi8X0OTm5bQwNUuTpGR0S_cyLZPZxNDS1W-2bAu-F4sY6JSo0d7u_FSrjxP3HJMeSgTl3HC-IJonCm0UT7iA5kyerSHAuIHk8xXR2_jeMGHggeumxp26kKqd_7JfAlQVn/s1600/Feed_.png' style='padding:25px 5px;' width='60'/></a> <a href='http://www.facebook.com/usuario'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqMWZst40LY9sx0d0ezEtwr1pZQecXrqTKowzsLsuTaXHrTq3yi6EBiLpeSCcugAzMQzXghQo3i6Vw9RgjP9thbRbgBhP-6B84CxUW8VAgB9SRZg98PIbFC0oq3rl13cn_0LoxW4EtF7lj/s1600/FaceBook_.png' style='padding:25px 5px;' width='60'/></a> <a href='http://twitter.com/usuario'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpkiKiDpvvvT-UC2erH3G8hwho8PT1XTiKPvxF9ZYijXmNMQk7Z1Iq5TQXuxOm6R-Wgoi-sEQIJz8QijiLofcG6sDmJ0msnX6fZayULwcW7CYlYDpDpwN-vau2y1-lEFtaaLO65CwMGF5I/s1600/Twitter_.png' style='padding:25px 5px;' width='60'/></a>
</div>

</div>

<!-- Segunda sección -->
<div class='left' style='width:320px !important'>
<h4>Categorías</h4>

<div id='slide-menu'>
<ul>
<li><a href='URL del enlace'>Menu item uno</a></li>
<li><a href='URL del enlace'>Menu item dos</a></li>
<li><a href='URL del enlace'>Menu item tres</a></li>
<li><a href='URL del enlace'>Menu item cuatro</a></li>
<li><a href='URL del enlace'>Menu item cinco</a></li>
<li><a href='URL del enlace'>Menu item seis</a></li>
<li><a href='URL del enlace'>Menu item siete</a></li>
<li><a href='URL del enlace'>Menu item ocho</a></li>
<li><a href='URL del enlace'>Menu item nueve</a></li>
<li><a href='URL del enlace'>Menu item diez</a></li>
</ul>
</div>

<div id='slide-menu2'>
<ul>
<li><a href='URL del enlace'>Menu item uno</a></li>
<li><a href='URL del enlace'>Menu item dos</a></li>
<li><a href='URL del enlace'>Menu item tres</a></li>
<li><a href='URL del enlace'>Menu item cuatro</a></li>
<li><a href='URL del enlace'>Menu item cinco</a></li>
<li><a href='URL del enlace'>Menu item seis</a></li>
<li><a href='URL del enlace'>Menu item siete</a></li>
<li><a href='URL del enlace'>Menu item ocho</a></li>
<li><a href='URL del enlace'>Menu item nueve</a></li>
<li><a href='URL del enlace'>Menu item diez</a></li>
</ul>
</div>
</div>


<!-- Tercera sección -->
<div class='left right'>

<h4>&#161;Suscríbete a nuestro blog!</h4>
<p>Recibe en tu correo las últimas noticias del blog. Sólo ingresa tu correo para suscribirte.</p>

<form action='http://feedburner.google.com/fb/a/mailverify?uri=Nombre-del-Feed' method='post' target='_blank'>
<input class='field' name='email' type='text/' value=''/>
<input name='uri' type='hidden' value='Nombre-del-Feed'/>
<input name='loc' type='hidden' value='es_ES'/>
<input class='bt_register' type='submit' value='Suscribir'/></form>

</div>
</div>
</div>


<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>Hola invitado!</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'>Abrir menú</a>
<a class='close' href='#' id='close' style='display: none;'>Cerrar menú</a>
</li>
<li class='right'/>
</ul>
</div>
</div>
<!-- Fin top sliding menu -->

Si usas una plantilla hecha a través del Diseñador de plantillas de Blogger entonces el código anterior deberás pegarlo después de:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Ahora bien, esta última parte que hemos agregado es lo que contiene todo lo que se oculta y despliega. He puesto en color verde los nombres de cada sección para que les sea más fácil reconocerlas.

En la primera sección puedes cambiar el mensaje de bienvenida; seguido de él están los iconos de las redes sociales, sólo cambia lo que está en color naranja por tu nombre de usuario ya sea de Facebook, Twitter y el nombre de tu blog.

En la segunda sección está el menú de categorías que hemos agregado, basta con poner las URLs de los enlaces y los nombres de los enlaces que hemos añadido al menú.

Y en la tercera sección está la suscripción por correo electrónico, recuerda que debes tener habilitada esa opción en Feedburner. Y ya habilitada sólo hay que poner donde se indica en color azul el nombre del feed que tenemos.

Y listo. Básicamente esas son las áreas importantes que podemos personalizar, aunque por supuesto podemos quitar algo de eso para pegar alguna otra cosa.
El alto de todo el contenedor se cambia donde dice /* Alto del slide */, esto es sólo por si queremos ajustar otra medida.
Y como seguramente muchos querrán cambiar el color de una vez aclaro que son muchas imágenes así que para hacerlo tendrán que editar cada imagen que vean en los estilos y después cambiar el color en background: #272727;

Por último y no menos importante, recuerda que este menú usa jQuery así que si en tu plantilla estás usando Scriptaculous, Prototype o Mootools entonces no te funcionará.

Ahora sí, a disfrutar de este elegante menú con efecto deslizante, que por cierto, lucirá mejor si tenemos oculta la navbar.

Sitio del autor | ciudadblogger

Listones de causas para el blog

Desde hace unos años se han puesto de moda los listones de causas que sirven para expresar nuestro apoyo a determinada acción, por ejemplo la lucha contra el cáncer de mama, lucha contra el VIH, a favor de la paz, para honrar el luto, etc.

Y una buena forma de sumarnos a estas causas de forma cibernética es agregando uno de estos listones en el blog cuando así lo crean necesario.

El listón aparecerá en la parte superior derecha del blog y no es tan ostentoso por lo que podremos apoyar una causa de forma discreta y elegante.

Colocarlo o quitarlo es sumamente fácil y no nos quitará ni 3 minutos en hacerlo. Sólo basta entrar a Diseño | Edición de HTML y pegar antes de</body> el código del listón que quieras.

Configurar correo personalizado

Si ya cuentas con un dominio propio ya sea de pago o un dominio .co.cc seguramente querrás tener un correo personalizado como info@tudominio.co.cc

Usualmente la creación de correos personalizados sólo están disponibles para quienes contratan hosting y adicionalmente pagan por el servicio de correo. Pero gracias a Google Apps podemos configurar un correo que nos permitirá tener un correo personalizado y que sea manejado por la tecnología de Gmail sin tener que hacer ni un sólo pago.

Para tener un correo personalizado necesitamos de tres cosas: contar con un dominio propio, tener control sobre los DNS del dominio, y que en los registros MX puedas asignar la prioridad.

Dominio gratis .co.cc

Una de las 'fugas de usuarios' más frecuentes es causada al momento de escribir la dirección URL del sitio; una letra de más o una letra menos hará que el usuario simplemente no llegue a nuestro sitio, y como en la competencia dentro del mundo de Internet todos queremos tener más visitas, no nos podemos dar el lujo de perder ni un sólo usuario. Así que eliminando el .blogspot.com estamos eliminando más probabilidades de que el usuario se confunda al escribir y no llegue a nosotros. Es por eso que tener un dominio propio nos dará la oportunidad de tener mayor presencia en el ámbito web.

Una de las opciones más completas es tener un dominio .co.cc que te permite no sólo tener autoridad del dominio sino que podemos manipular los registros DNS del dominio tales como el CNAME, A, MX y NS. Ahora que si no queremos meternos en mucho lío podemos simplemente redireccionar nuestro blog, y lo mejor de todo es que el dominio es gratis. La vigencia del dominio es por un año, pero al finalizar el periodo sólo activamos de nuevo la cuenta y listo.

Así que si quieres tener un dominio con todas las características de un .com entonces no lo pienses más, el registro no te llevará ni cinco minutos.

Enlace | http://www.co.cc