Anuncios de Google AdSense y los Blogs

Si tienes un blog, o estas pensando en abrir uno blog, entonces definitivamente debes leer este articulo. Esta trata sobre como obtener para tu bolsillo sin trabajar tan duro.

No solamente los blogs es lo mas caliente en la ‘red ahora mismo,pero estan hechos adecuados para el  programa de  Google AdSense. Porque? Esto es simple. Los Blogs represenan un constante cambio de añadir contenido fresco para los buscadores de Google. Alimentandolo con nuevo contenido para esos rastreadores es como echarle carne fresca a un tigre. Estos se lo tragaran. Mientras mas paginas tenga tu blog indexadas, mas trafico conseguiras. Y mientras mas trafico consigas , mas exposicion tendran tus anuncios de AdSense. Estas notando lo que trato de decir?

No es solo Google el que le gusta nuevo contenido, la mayoria de los motores de busqueda tambien . De hecho, alguno expertos en la web blogeros prueban con un anuncio de Google en una pagina y el resto en otra.No toma tanto tiempo en ver cual anuncio rinde mejor cuando miras las estadisticas de adsense. Solo no cometas el error de poner anuncio de Google y anuncios de Overture en la misma pagina. Mientras no se maten unos a otros como un par de peces seameses en la misma pesera , estaras violando los terminos de servicio de ambos sitios’ y no vale la pena matar la ganza de huevos de oro.

Es muy sencillo acomodar anuncios de Google AdSense en tu blog. Todo lo que debes saber esta justo en el panel de Google. Lo que no es facil figurar que anuncios van aparecer en cada pagina. Desde que Google busca tus key words, y tus articulos de tu blog articles posible podría vagar hacia cualquier tema, nunca se sabe lo que vas a obtener.

Ok, “nunca” es una palabra fuerte por que actualmente es una manera de probar los anuncios de tu blog antes de poner una nueva edicion. Que hacer:

• Escribe un articulo en tu blog articulo como acostumbras
• Pon tu codigo de AdSense  en tu nueva pagina newest en un subdirectorio que no sea parte de tu  blog.
•Da Click en refresh una cuantas veces hasta que salga el anuncio de Google .
• Si no te gusta lo que ves afina el articulo hasta que veas el tipo de anuncio que buscas.

Con algunos anuncios que pagan tanto como $5 por click o mas,facilmente emplearia 30 minutos afinando  el blog. de seguro.
Si estas trabajando duro para conseguir que tu blog sea visible, entonces no existe motivo en no usar Google AdSense para beneficirte.

Read More

Como Hacer Tu Blog de Blogger Privado

En este tutorial de ciudad blogger hablaremos de hacer tu blog privado existen varias razones por la cual los blogueros les gustaria hacer su blog privado o darle permiso a ciertos lectores. Razones son multiples para hacer un blog exclusivo o pertinente a cierta circulo de seguidores . Como caso de blogs que son creaodos para los desarolladores o webmasters de un blog. Pero aqui te muestro como hacer que tu blog de blogger ivado o de acceso exclusivo.


Chequea Articulo Como Hacer Copia de Seguridad de Tu Blog

Haz tu Blog de Blogger  Privado o de Acceso a usuarios Especificos

Por defecto tu blog esta configurado para ser visto publicamente. Lo que significa que cualquiera en la internet pueda ver tu blog. Mantente atento con los siguientes pasos.

Entra en tu blog de blogger ,luego ve a configuracion >> Configuracion Basica >> Lectores del Blog  y da click en editar

.

Haz Tu  Blog privado

Una vez hayas dado click en editar, selecciona el boton Privado –solamente lectores del blog  y da clic en Guardar Cambios esto hara tu blog de blogger privado y visible solamente al administrador del blog admin y autores. Mira la sigueinte imagen como guia.

Chequea Articulo Sobre Redireccion 404 en Blogger

Dar Acceso a Usuarios Especificos

Para dar acceso a usuarios en especifico a tu blog selecciona privado –Solo estos lectores’ y da click en enlace +Anadir lectores este abrira una area o espacio en blanco. En ese espacio en blanco, entre la direcciones de email de aquellos a los que das acceso a tu blog, mira la  imagen para una idea mas clara. Recuerda estos deberan estar registrados antes de entrar.

.Espero que este tutorial te haya servido de ayuda .

Read More

Widgets de Articulos Recientes Para Blogger

Te has preguntado muchas veces como aumentar la cantidad de paginas vistas de tu  Blog O Website? pues dejame decirte que mostrando el Widget de Articulos Recientes es una manera excelente para que los visitantes naveguen tu sitio y observen mejor tus articulos.

Ademas reduce el Bounce Rate-es tiempo un visitante pasa en tu sitio antes de irse de la misma.

Chequea Articulo Añadir Entradas Recientes Animadas

La manera mas recomendada de reducir el Bounce Rate en tu blog o website. Pues he aqui un super truco al utilizar el Widget Advanzado de Articulos Recientes asi las personas se interesaran en lo mas reciente o nuevo. Como añadir este bello widget con Hover Effect a Blogger. Espero que te guste el Multi colorido widget de texto de articulos recientes hecho con CSS & jQuery.Atre a tus visitantes y aumenta Paginas vistas.

Como añadir un estilo diferente de Widget de Articulos Recientes en Blogger.

1. Entra en Blogger  >> Diseño >> Añadir un gadget >> Añadirlo en espacio de HTML/Javascript.

2. Pegue el siguiente codigo en espacio de HTML/Javascript.

Estilo 1:-Ver Ejemplo en Vivo

<script 
src="http://code.jquery.com/jquery-latest.min.js" 
type="text/javascript"></script><div 
id="recent-posts"><script language="JavaScript">





home_page = "http://xxxx.blogspot.com/";

numposts = 5;



imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 
6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 
0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = 
false;showPostDate = false;summaryPost = 0;summaryFontsize = 
10;summaryColor = "#666";icon2 = " ";</script><script 
src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js"
 type="text/javascript"/></script><link rel="stylesheet" type="text/css" 
href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css"
 />

Estilo 2

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">


home_page = "http://xxxx.blogspot.com/";
numposts = 5;

imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/b5er1tiy806lg6x/recent-posts-min-4.css" />

Configuracion:


Ahora Reemplace la direccion Url= http://xxxx.blogspot.com con tu direccion de tu Blog

Usted tambien puede Personalizar  a su gusto el CODIGO .

numposts = 5; Total numero de articulos que deseas mostrar con este widget.

 Chequea Articulo Widget de Entradas Recientes

Read More

Como Abrir Enlaces de Page List En Una Nueva Ventana

En el tutorial de ciudad blogger explicare como abrir cada enlace de tu Widget de PageList en una nueva ventana.

Solo sigue estos sencillos pasos:
1. Entra en tu cuenta de Blogger y ve a "Plantilla"--> "Editar HTML" de tu blog.
2. Ahora encuentra el codigo de PageList widget . (Nota importante : Tambien puedes encontrarlo buscando <b:widget id='PageList)
Tu codigo de widget PageList  sera similar al codigo de abajo. Pero el id widget  (PageList1) podria ser diferente :

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
  <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
  </b:includable>
</b:widget>

3. Luego coloca el siguiente codigo azul blue ( target='_blank' ) como el ejemplo de abajo en el codigo de Link list .

b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
  <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href' target='_blank'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href' target='_blank'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
  </b:includable>
</b:widget>

Nota Importante : Debes incluir el espacio  antes de la palabra target='_blank' como muestra el ejemplo de arriba.
Para finalizar ahora da click en boton de Guardar Plantilla y listo.

Read More

Como Activar Notificacion de Comentarios en Blogger

Tutorial de CiudadBlogger digamos que necesitas recibir notificacion en tu email entonces no te preocupes te mostrare Como Activar Notificaciones de Comentarios en Blogger. La Notificacion en el Email en Blogger por defecto esta desactivado asi que no recibiras ninguna aviso en tu Email cuando alguien deja comentarios en tu articulo del blog. Blogger permite activar o desactivar comentarios segun desees. Te mostrare como activar el aviso de comentarios en  blogger.

Como Activar la Notificacion de Comentarios en Blogger

Favor de seguir estos pasaso para activar la Notificacion de Comentarios en Blogger:

Paso 1

Entra en Blogger y selecciona el blog donde deseas la notificacion de comentarios.

Paso 2

Ahora ve a Configuracion da click en Mobile y Email como muestro abajo en la Imagen.

 

Paso 3

Favor de introducir tu direccion de email en espacio y puedes anadir 10 direcciones de email separadas por coma. Blogger te enviara una notificacion de email cuando alguien deje un comentario debajo de tu articulo.

Paso 4

Despues de introducir tu email en la caja de texto da click en boton de Guardar Configuracion que esta en la parte superior derecha.

Listo ahora cuando alguien en tu website utilice comentario recibiras una notificacion en tu emails. Si  recibes comentarios de spam entonces activa enable la moderacion de comentarios en tublog. Tu apruebastodos los comentarios manualmente para evitar el spam en tu blog.

Read More

Ideas Para Buscar Un Nicho Adecuado Para Crear Un Blog

Hoy en Ciudad Blogger hablare sobre uno de las cosas más populares y uno de mejores métodos para hacer dinero en línea con 'los Blogs'. Como todo el mundo quiere ganar dinero en Internet  , muchas personas buscan en los blogs y comienzan su propio blog . Atraves experiencia se que alguien nuevo en los blogs no se puede hacer su blog exitoso debido a que no tienen mucho conocimiento acerca de los blogs . Blogging es  como tomar  clases en la escuela, primero los novatos tiene que aprender todo sobre blogs , tomando en consideracion  tres clases principales , la primera como hacer un blog , segundo clase SEO  como dirigir el tráfico y la tercera clase como monetizar ese blog .

Lo primero y de suma importancia sobre  los blogs es la elegir un niche adecuado. Niche conoce como que  "Categoría" o " Tipo" de blog.  Debido a que escojen nichos equivocados, muchos bloggers fracasan en su carrera, algunos perdieron energias en poner contenido en lugar equivocado y algunos también han renunciado a su carrera como blogger . Así que , vamos a discutir y descubrir su nicho de mercado ideal.

Varios Tipos De Nichos .

    Nicho de Tecnología: En este tipo de nicho , debes de  escribir  contenido de la tecnología en la que viene ordenadores, portátiles , tabletas, iPads , móviles, juegos, aplicaciones, softwares.

    Blogging Categoría: Aquí hacemos un blog sobre los blogs. Debes escribir guías de blogs como Ciudad Blogger . Anade subcategorias de Consejos sobre el blogs , SEO , como ganar dinero, marketing de afiliados y todos los relacionados con el blog .

    Nicho de Salud: Aquí bloggers escriben artículos sobre la salud humana. Este es el nicho más rentable que hace más dinero, pero también un lugar difícil para que usted debe ser experto en vivir un blog sano. Un solo error puede hacer que su lector no se interese.

    Nicho de cocina: ¿Es usted un cocinero experimentado ? Esto puede ser su nicho ideal pues aquí se puede escribir fácilmente fantásticos consejos de cocina que pueden generar dinero para usted.


    Otros ejemplos son los nichos de Negocios, Deportes, Medios de Comunicación Social , Noticias , Mundo y muchos más.

Tiene usted experiencia en cualquier campo especial ?
Todo el mundo en este mundo es bendecido con ningún conocimiento especial. Tal como algunas personas les encanta estudiar, algunos aman hacer la cocina, mientras que algunos también están interesados ​​en la exploración de la tecnología en la que los móviles , ordenadores y otros aparatos , Piensa  , ¿qué es esa cosa eres experto y haces con regularidad. Eso puede ser su nicho o categoria y un mercado ideal para ser exitoso en el campo de blog. Si Tienes experiencia en el nicho o categoria te ayudara ademas en servir mejor a la gente.
¿Se puede escribir siempre sobre ese nicho ?
Tener experiencia  no es suficiente ,  también hay algunos puntos que usted debe tener en cuenta. Otro punto es que se puede escribir siempre sobre ese nicho ? Mira, quieres hacer un blog que tenga éxito, y dure un mínimo de 10 años, y que te genere dinero para siempre o siempre que exista pora eso tendrás que actualizarlo regularmente y por que el tener demasiadas ideas locas sobre contenido importante . Consiga una libreta en la mano y empieze a escribir varias ideas de contenido sobreel campo en que eres experto. Si obtiene multiples  ideas de contenido en una sola vez que puede ser su nicho perfecto.

Busca la gente de ese nicho en Internet?
Después deanadir la experiencia  y también demasiadas ideas de contenido , también es importante saber si hay gente interesada en ese nicho o categoria ? ¿La gente está buscando ese nicho en internet. Si empezamos un blog , con contenido de calidad en el mismo y si las personas no están en busca del tema de el blog es inútil. Recuerde, antes de escribir sobre algo trate de hacer la investigación que es lo que las personas están buscando. Usted puede utilizar el google adwords keyword tool para averiguarlo la busqueda o tendencia de nicho o no .

¿Es ese nicho rentable ?
Si usted tiene un blog solo por hacer dinero. Hay algunos nichos que tiene poco dinero y también hay algunos nichos que hacen dinero increíble. Por lo tanto, antes de empezar un blog sobre cualquier nicho debemos analizar el valor de ese nicho. Hay muchas maneras de averiguar el valor de cualquier nicho .

Averigüe si ese blog en Google es popular popular. Luego, busquen qué tipo de anuncios se están mostrando allí. Si ese blog está usando BuySellAds que abrir ese blog en BuySellAds y mirar los precios de anuncios por linea. Los altos precios de los espacios publicitarios no desaparecen , pero también se debe averiguar si los espacios publicitarios son de compra o no .

En segundo lugar , se puede analizar algunas palabras clave de ese blog que impulsa la mayor parte del tráfico de ese blog y guardarlos en el bloc de notas o cualquier otro lugar. A continuación, vaya a Palabra (Planner google adwords keyword tool) y busque las palabras clave para cada uno. Habrá columna " Oferta sugerida " en el que precio se mostrará para esa palabra clave . Si aparece un Bid a alto precio ese nicho es más rentable.

¿Cuál es su blog de nicho ideal ? Actúa como blogger profesional , aprende todo sobre blogs con regularidad , escribe en el blog regularmente para que puedas tocar el éxito en muy menos tiempo .

Read More

5 Websites Para Crear Logo Para Blogger

En este articulo hablare sobre el LOGO es un pequeño retrato grafico/marca que usualmente usado por Organizaciones,Compañias,y Servicios de alto profile.No obstante en estos dias Bloggers introduce su plataforma de  website/blog que no incluye  este quitandole algo de profesionalismo.

El LOGO representa la personalidad de bloggers junto a el profesionalismo.El Logo en  Blogging ayuda a los vistantesa facilmente a reconocer un Blog/website.El Logo hace de tu blog uno mas atractivo y un punto positivo.

Pero el tema central seria como crear un Logo ? Crear un logo no es cosa de niños ,se necesita destrezas de Photoshop o Coreldraw,en ese sentido te tengo una coleccion de algunos websites que te ayudaran a automaticamente generar/crear un logo en linea libre de costo.

• Cool Text ; El primero y asombroso  LOGO maker website es COOL Text,este website provee una Interface GUI ,solo tendras que seleccionar el estilo de texto y escribir el Texto del LOGO que desees generar y dar  click en Render image , eso es todo:)

COOLTEXT

• Flaming Text ; Este es el segundo mas popular LOGO maker website en linea,FlamingText proveeun grupo de letras con estilos hermosos,muy simple de usar,Selecciona cualquier estilo y da click , luego entra el nombre del logo y da click en Generar , eso es todo.Flaming Text website tiene otras herramientas tales como: creador de flechas,creador de puntos y un URL Encoder/Decoder etc.

FLAMING TEXT

• LOGO Type Maker; Este es otro de los LOGO Maker,igual de chevere como el COOL Text y el flaming text sin embargo este provee un icono junto al texto del logo lo que lo hace mas atractivo.Su uso es muy simple ,solo escribes tu texto en el espacio y luego da click en Generate y descarga tu LOGO.

LOGOTYPEMAKER

• LOGOYES; Este es magnifico LOGO Maker website,este genera un logo cuando te registras en el website,para disfrutar de crear Logos.Bastante rapido y facil.

LOGOYES

• Online LOGO Maker;Este website provee una amplia variedad de LOGOS junto a iconos hermosos.De auerdo al website "Este es un sitio web Creador de Logo Profesional ".Gratis y rapido , facilmente puedes crear un LOGO para tu blog.

Online LOGO Maker

Empieza a crear un LOGO atraves de estos websites , siendo profesional , gracias por leer nuestros post en ciudadblogger.info una vez mas , espero te haya gustado.

Read More

Añade Widget Back to Top en Blog de Blogger

En este articulo te dejare unos botones de De Vuelta arriba (^) – podran haberlo visto en mi blog como el muchisimas sitios web una flecha en la parte de abajo de la pagina que cuando es presionada o das click en la misma te retorna al comienzo de la pagina. Esto es de gran utilidad al lector o visitante.

 Por lo regular tendrias que darle a la barra para subir o bajar tomandote tiempo para llegar a la parte superior es la razon por la cual la gran matoria de sitios en la web lo utilizan.

Como Añadir el boton de Vuelta a la Parte Superior en  blogger

Es muy sencillo añadir este boton en blogger solo sigue estos simples pasos-
1.Entra en tu cuenta de blogger
2.Selecciona el blog donde deseas Añadir el Widget
3.Ve a la opcion de Diseño
4. En la opcion de diseño  escoje añadir un gadget (mira la imagen)

5.Despues de seleccionar Añadir un Gadget una ventana se abrira  ( Ventana de Añadir un Gadget window ) (ver imagenes).


6.      Luego selecciona el gadget “HTML/JavaScript”
Despues copia cualquiera de los codigos de abajo que desees añadir en tu blog y pegalo en caja de contenido de HTML/JAVA Script

Estilo 1

Codigo HTML para Estilo 2

<!--BACK-TO-TOP-STARTS--> <div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;"> <!—www.ciudadblogger.info-- > <a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7l3WYwpZUP0KQncNIzGLufgXjkyXBuUHWNayMvqZIT6aIT3ZOLYAxkVZ6TaFcZwwr0riJe1ud081dMhyphenhyphen5bXaHXeVJbbzj0DL_H0uAGdKil_240zExMfcFaMp4RXq_dxEnWB6bAVwv_tU/s1600/go+to+top+button.gif'alt=”go" to top image” /></a> <!—www.ciudadblogger.info-- > <!--BACK-TO-TOP-STOPS-->

Estilo 2

Codigo HTML  para Estilo 2

<!--BACK-TO-TOP-STARTS--> <div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;"> <!—www.ciudadblogger.info-- > <a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnkMYyGyZPcuLsGzcOC3AUzpltj1cz01wCxwsFru3OB51cW-jGzwBJGjnP6nJN2SdeYf1z54FsnSssnLSCxg4rtF3HlPQtgXncVmVdwXXZN0EWBZAU640zIuLygpvVsBQhTQZxhjyohQg/s1600/up+arrow+image.png'alt=”go" to top image” /></a> <!—www.ciudadblogger.info-- > <!--BACK-TO-TOP-STOPS-->

Estilo 3

Codigo HTML para Estilo 3

<!--BACK-TO-TOP-STARTS--> <div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;"> <!—www.ciudadblogger.info-- > <a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEOqDzLH1OoTAJlk20fhD1w1hZ91IfWb5SL34NJsu_QmSIm5YOWiuwetwghTlRBV6sf4SbiSlt4XtXXCn6z7ipmGQ7vviDhBdrbjTubt28_TxWFsR4Cx9xbi0tWOvFtRFulzGdye4MjLI/s1600/go+to+top+button.jpg'alt=”go" to top image” /></a> <!—www.ciudadblogger.info-- > <!--BACK-TO-TOP-STOPS-->

Nota:Puedes reemplazar  "right" a "left" si deseas mostrar el boton al lado izquierdo.

Para finalizar guarda tu html/java y todo esta listo para utilizar el boton de regreso a tope de la pagina en tu blog de blogger.

Read More

Añade Etiquetas de Encabezados Con Efecto Hover a Tu blogger

Existen muchas razones de usar etiquetas de encabezado pata definir tus documentos de HTML y provee una estructura en tu pagina o blog.Mas muchos diseñadores han tenido el habito en no usar las Etiquetas de Encabezado,o solo usan uno o dos en un documento o articulo, y usando imagenes, etiquetas de letras, y texto estilizado en su lugar.
Pero cuando usas etiqueta de encabezados ,esto te ayuda con el SEO, con la accesibilidad,y con la estructura general de tu pagina.Etiquetas de encabezado hace tu articulo elegante en el cual los lectores pueden dar lectura a tu contenido propiamente.Te mostrare los siguientes Etquetas de encabezado hechas con puro  CSS.Vamos a añadirlo.

Añadir Etiqueta de Encabezado a Blogger

1. Selecciona cualquier de los encabezados de abajo.
2. Copie el codigo de la Etiqueta de Encabezado
3. Entre luego a la Cuenta de Blogger > Deseño > Editar HTML.
4. Encuentra la etuqueta ]]></b:skin>
5. Añade el codigo de abajo seleccionado antes de esta etiqueta ]]></b:skin>.

Encabezado 1

Lorem Ipsum Dolor Sit Amet

.hb1{

color: #6600FF;

font-size: 20px;

background: #BCF5A9;

margin: 0px 0px 5px;

padding: 3px 0 6px 10px;

border-left:4px solid #FF0000;

}

.hb1:hover {

background:#f2f2f2;

)

Encabezado 2

Lorem Ipsum Dolor Sit Amet

.hb2{

color: #000;

font-size: 20px;

font-family:Verdana;

background: #fff;

margin: 0px 0px 5px;

padding: 3px 0 3px 10px;

border-left:4px solid #FF0000;

}

.hb2:hover {

background:#F6CECE;

}

Encabezado 3

Lorem Ipsum Dolor Sit Amet

.hb3{

background:#FFFFFF;

font-weight: bold;

font-family:consolas;

font-size:19px;

color:#FA5858;

text:1px 1px 1px #AAA;

border-bottom:4px solid #Ff0000;

-moz-border-radius:0 0 6px 6px;

-webkit-border-radius:0 0 6px 6px;

border-radius:0 0 6px 6px;

-moz-box-shadow:1px 1px 22px #AAA;

-webkit-box-shadow:1px 1px 2px #AAA;

box-shadow:1px 1px 24px #AAA;

text-transform:capitalize;

display:block;

width:96%;line-height:1;

margin:6px 3px;

padding:4px 10px}

.hb3:hover {

background:#E0E0F8;

}

Encabezado 4

Lorem Ipsum Dolor Sit Amet

.hb4{

font-size:20px;

padding:5px;

font-family:consolas;

color:#0000FF;

text:1px 1px 1px #333;

background:#CEF6CE;

border-left:20px solid #FF0040;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

-moz-box-shadow: 1px 1px 2px #ccc;

-webkit-box-shadow: 1px 1px 2px #ccc;

box-shadow: 1px 1px 2px #333;

margin: 10px 0;

text-transform: capitalize;

width: 94%;

line-height:1;

}

Como Usarlos En los Articulos en Blogger ? 

1.Entra en el Editor de Articulos
2. Cambia la etiqueta en el Editor HTML.
3.Pega el codigo de abajo

<div class="YOUR HEADLINE CLASS ejemplo hb1">Escribe el Texto de Encabezado Aqui</div>

Como Ejemplo -si usas este codigo -

<div class="hb4">Escribe el Texto de Encabezado Aqui</div>

Entonces el resultado sera el siguiente:

Lorem Ipsum Dolor Sit Amet

Esperando que estos etiquetas de encabezados,te sean de ayuda para estructurar positivamente el contenido de tus articulos estructuradamente y con animacion. 

Read More

Como Añadir Una Tabla Articulo En Blogger sin Utilizar Codigo

En este tutorial hablare sobre la habilidad de crear tablas que es una caracteristicas que no tenemos en el editor de Blogger , y para añadir una tabla no solo debes saber lo que requiere las etiquetas de codigo HTML,puede resultar un tanto doloroso poner en orden cada etiqueta en el editor  HTML. Por eso muchos  utilizan la herramienta para escribir  Windows Live Writer como editor de articulos..


Pero si deseas continuar el editor de articulos de Blogger  pero no te gusta anañdir tablas manualmente, hay otras formas de editores. El metodo siguiente de crear tablas HTML requiere unos pasos adicionales que si usaras el WLW, este es facil y de poco esfuerzo.

He aqui los pasos:

A) Crea la tabla en Excel

1. Crea la tabla usando Microsoft Excel, OpenOffice o cualquier otro programa de spreadsheet . Puedes usar tambien Microsoft Word.
   
2. Cuando este lista,ensombrea y copia el contenido.

B) Conviertert la tabla en HTML

1. Entra en Tableizer y peguelo en el campo de texto. Esta herramienta remueve las marcas de tu tabla y te deja solo con un delgado codigo .
   
2. Puedes personalizar el tipo de letra, tamaño de letra y el color del encabezado si usted desea.
   
3. Finalmente da click en el boton de Tableize It! para crear tu tabla HTML .
   
4. Esta entonces genera un conjunto de codigos de HTML y CSS para copiarlos. Este tambien muestra como la tabla luce.

C) Pegue el Codigo de HTML en el Editor de Articulos

1. Copie los codigos provistos y peguelos en el HTML de tu articulo en blogger.
   
2. Preveelo y Publicalo.
   
3. Ahi tienes tu tabla!

Que lo disfrutes!

Read More

Elimina Mensaje 'Mostrando entradas con etiquetas de blogger'

En este Articulos te mostrare como remover el mensaje que dice "Mostrando entradas con etiquetas" en tu blog de blogger.Este mensaje aparece cuando seleccionamos un enlace de etiqueta en el blog .Un mensaje se muestra en la parte de arriba "Mostrando entradas con etiquetas " este es el lenguaje por defecto de blogger ,pero es posible removerlo de tu blog.

Solo sigue los pasos siguientes para remover  el mensaje de "Mostrando Entradas por Etiquetas"

1.Entra en tu cuenta de blogger

2.Selecciona el Blog.

3.Da Click en Plantilla  

   

4.Da Click en la opcion de Editar HTML

5.Ahora encuentra el codigo de abajo presionando Ctrl+F dentro de editor.

<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>

6.Luego reemplace el codigo de Arriba con el siguiente codigo:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

7.Ahora Guarda la Plantila y todo esta listo. Puedes ir entonces a tu pagina o sitio y da click en algun enlace para cerciorarte que fue removido.

Read More

Widget Tiempo Visitante Pasa En Blog De Blogger

En este articulo compartire un widget que indica cuanto tiempo pasa un visitante en tu pagina web o blog Facilmente los lectores sabran el tiempo que emplean en navegar o dar lectura a los articulos pertinentes  en tu blog de blogger.La caracteristicas de este widget  comienza a contar despues que una visita entra al blog y un reloj autiomaticamente empieza a contar en segundos el tiempo hasta que el visitante abandona el blog.

He aqui un ejemplo en vivo que un visitante emplea en el blog

Usted Ha Visitado mi pagina :

Para Instalar este widget pegue el siguiente codigo en tu pagina

<table border="0" style="height: 46px; width: 319px;">
<tbody>
<tr>
<td align="center"><span style="font-family: Arial;"><b>You have
visited my page for:</b></span></td>
<td align="center"><form name="d">
<input name="d2" size="8" type="text" /></form>
</td></tr>
</tbody></table>
</div>
</div>
<script src="http://yourjavascript.com/2003174321/timespend-s2free-blogspot-com.js" type="text/javascript">
</script>

.Sencillo asi anades un elemento adicional de atractivo y de animacion para el visitante sabra cuanto tiempo emplea en tu pagina o blog de blogger.

Read More

Las Ventajas de un Blog Personal En Blogger

 Este articulo tratara sobre los Ventajas de un blog personal sin tener que conocer ampliamente de estructura o lenguaje de diseño y que corra automaticamente sin el mayor esfuerzo y esponer tus pensamientos o ideas a miles de lectores sean estos locales o a nivel internacional.

Dentro de estas ventajas para crear un blog personal facilmente estan las siguientes:

Ventaja 1 - No necesitas saber de lenguaje tecnico HTML
Uno de los mayores obtaculos que enfrenta un novato o blogero es que no sabe como diseñar una pagina web o blog pero las plataformas de blog existentes superan ese obtaculo por ti ,solo lo que tienes que hacer es escribir en un espacio disponible y el programa automaticamente lo convierte en una pagina web y lo publica en la Internet disponible para todo aquel que tenga interes sobre el topico que has escrito.



Ventaja 2 - Estas forzado a mantener tu contenido al dia

Los blogs no son otra cosa que diarios en que escribes con frecuencia unos hechos de tu vida de igual forma sucede con un blog cuando lo mantienes al dia con nuevo contenido atraves el apago de los distintos lectores o seguidores ademas como hemos discutido los motores de busquedan amaran nuevo contenido.

Ventaja 3 - Los Blogs son optimizados para las buscadores de una forma automatica.

Los motores de busqueda les encanta el nuevo contenido para nutrir la red de internet. Hacen que un blog se posicione en las paginas de busqueda o navegador.Todas las areas de tu blog personal se entrelazan o tienen una coneccion entre si.Puedes ademas crear categorias de los distintos temas que desees incluir en tus escritos y la navegacion atraves de tu blog es mas facil.Creas una fuente de archivos.

Ventaja 4 - Consigues una estructura de enlaces

La mayoria de los blogs son una red de enlaces integrados entre si dentro de tu sitio Este te facilita con distintos widgets integrados añadir un listado de entradas populares y entradas recientes y archivos y caja de busqueda donde puedes buscar cierta clase de contenido y esto lo haces automaticamente sin tener esforzarte tanto.


Ventaja 5 - Puedes Crear Multiple Contenido-Paginas

Cada vez que escribes algo en tu blog es considerado contenido  y puedes inteligentemente ordenar cada uno de este ,vas a la preferencia de archivos puedes asignarle una pagina individual en labels o categorias. Si escribes con frecuencia en tu Blog en algunos meses, podrias tener alrededor de un sitio web con mas de 120+ paginas - que son ricas en palabras claves y optimizadas para el tema central de tu blog.

Ventaja 6 -Puedes Optimizar las palabra clave extensamente

Como puedes notar cada parte de la plantilla puede ser personalizada.Una manera de hacerlo es insertando palabras claves relevantes.Puedes utilizar palabras claves en el titulo, descripcion,en encabezado de los articulos, y en los enlaces, en invitacion, en el titulo de archivo, y en los nombres de las categorias.

Ventaja 7 -Puedes Crear una Comunidad de participantes

Digamos que tu blog es de un topico en especifico, puedes desarrollar una relacion y desarrollo de una comunidad en linea. Podrioas crear un foro o un sitio de membresia donde puedes pedir comentarios, sugncias, ideas , o invitar al lector a participar. De esta forma tu blog crecera organicamente -aunque no escribas mucho.

Ventaja 8 - Puedes Iniciar conversacion con lectores
Puedes iniciar una conversacion con tus lectores haciendo preguntas con respecto a un articulo, Cada respuesta servira para aclarar dudas y de seguro ayudara a otros que estan interesados en tus temas.

Ventaja 9 -Creas el Proceso de 'enlace de entrada'

Blogging se trata de distribuir conversaciones en línea. Los enlaces son una parte integral de una red de tales informal. Trackbacks son una especie de tecnologia de blog que hace posible - y rápidamente! Tu blog se beneficiará de los enlaces entrantes que un trackback traerá, y también te conseguira tráfico adicional de otras fuentes.

Ventaja 10 - Usted puede distribuir su contenido fácilmente

Conseguir lectores por su contenido es bueno. Para que tu contenido este  donde muchos más lectores puedan ver que es genial! La Sindicación (via RSS) está integrado en la mayoría de plataformas de blogs, que le da una forma rápida y fácil de obtener un amplio número de lectores de su blog.

Ventaja 11 - Crearas Contenido que a los Motores de Busqueda le Gusta

Los motores de búsqueda ofrecen a su público una recopilación de los mejores recursos sobre un tema o palabra clave. Tu blog es la respuesta a las oraciones de un motor de búsqueda! Al escribir sobre un tema y presentar el contenido de una forma, estructurada,seguiendo un patrón intuitivamente conectado y organizado, hara que tu blog sea atractivo para los motores de búsqueda.

Ventaja  12 - Obtener Trafico Alternativo
Los Blogs estan conectados en red y Bloggers le encanta compartir opiniones con otros. Y cuando estos "hablan" sobre usted, van a apuntar a su sitio, o a un post en tu blog, para mostrar a sus lectores lo que quieren decir. Se convierten en fuentes de tráfico "alternativos" - para USTED!



SI Todavía no estás convencido de estas Ventajas de un blog personal ? Bueno, entonces tal vez los blogs para ti. Pero si confías puedes intentarlo - podrias llevarte una grata sorpresa.

Read More

Como Añadir el Boton de Read More Animado A Entradas En Tu Blogger

En este titurial estaremos integrando a nuetras entradas de blogger el boton de “Read More”(Leer Mas) de una forma sencilla y con estilos animados.La importancia de tener estos botones de‘read more’ en tu blog para que los visitantes puedan tener la oportunidad de visualizar toda la cantidad de entradas disponibles y uno vez decidan cual entrada dar lectura utilicen el boton de “Read More” para ver la entrada completa ademas de añadir un comentario debajo del mismo facilmente.


Muchas veces no sabemos como añadir el boton de ‘read more’ en blogger pero te mostrare como hacerlo facilmente. Solo sigue estos pasos.

Lo primero que haras sera crear una entrada o articulo escribiendo algun contenido despues de hacerlo da click en el punto de la entrada donde quieres añadir el boton de ‘read more’ simplemente da Click en el boton de  “inserta Salto de Linea” como se muestra aqui abajo.

.

Espero este claro,despues de añadir ‘read more’ en entrada de blogger el proximo paso es diseñar el boton de ‘read more’con una imagen.

Como Añadir Boton de Read More en las Entrada de Blogger ?

Este paso es sencillo solo sigue estos pasos.

1.Entra en tu cuenta de blogger

2.Haz una Copia de Seguridad de la plantilla antes de Editar la misma.

3.Da Click en Plantilla>>Editar HTML

4.Luego busca [usando Ctrl + F] la palabra Read More en tu blog como se muestra abajo.

 5.Cuando encuentres la palabra ‘read more’ en tu blog entonces reemplazala con el codigo de abajo.

Para boton Negro usa el sigueinte codigo:

<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieMmyL0H7GQkcTG5y3cULT9hAOsamzs_4WKmiKRWKhr6NuRKGNeKHCAiAMOH-mUt8PVlZz0TNT2gchK9QDUMCbvjTsCQHXHf7DI6q33ELSkGCLSeNUP9r2qmri19wD3kTOZXTfxx157J0Q/s200/black-animated-blink-aero-button-for-blogger.gif '/>

Para boton Verde usa el sigueinte codigo:

<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3kw246CJIMIY0sJxKuN4Ll8p5oQE_AYmZ25oMdmEkrMCUC95MiixB-fvR2yCbmZG2EUY4TrheNx4mPVxNsN3950DoxJBiKtYDVD1a9Hb6epYYyKVfN-1kASOOKjLbHK_8v4RzcwDgEy7d/s200/Green-animated-blink-aero-button-for-blogger.gif '/>

Para boton Azul usa el sigueinte codigo:

<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4SnTHzE0nj9alYUGiDG1iCGqJKvPaq7L1ZG7-m3-TmLVp2nS2VEu0sswMS0yvVzW6BzMW9pwcuWruKuO9LxRIWdykS380ZmRSipXeeE4Ss-euVvhK5m3BzwJE-qbf0cVTq-XWiXssoykU/s200/dark-blue-animated-blink-aero-button-for-blogger.gif '/>

Las Direcciones de las Imagenes de Read More pueden ser cambiadas con las que tu tengas o desees solo cambia el texto rezaltado en amarillo con la URL de la imagen que tu quieras.

Read More