viernes, 12 de mayo de 2017

La Ventaja de las Páginas Móviles Aceleradas (AMP) de Google para los vendedores

Leave a Comment
El proyecto de Google’s Accelerated Mobile Pages (AMP) esta recien estrenado, tomando una gran ventaja en la metas de que Google ha establecido que son una internet mucho mejor y rapida a su vez.

Pero que es lo que hace AMP y en que consiste y que significa este paso pata la industria de marketing ?

Este pasado Octubre google anuncio la introduccion de su projecto de paginas aceleradas para mobiles.

Este recien movida hacia una red mobile mas amigable es la respuesta a las noticias y articulos instantaneos de Facebook y Apple.eSTAS INICIATIVAS REQUIEREN entrar en la asociacion con Facebook o Apple,cualquiera de esyos podria unirse a google Amp y utilizarlo para crear paginas web.

Desde que se anunciara,hemos visto bastante informacion sobre en que consiste AMP,sus herramientas y como este alterara la experiencia de navegar en la red mobile.Entonces cual es el significado de AMP y como haces para que funcione para tu provecho en el contexto del mercadeo?

Que es AMP, y que es lo que hace?

Poniendolo simplemente, Accelerated Mobile Pages Es una versión simplificada de la web móvil que se ejecuta en una versión reinventada del lenguaje utilizado para crear páginas web: HTML. Esta versión reimaginada de HTML, conocida como AMP HTML, quita la mayoría de los elementos que hacen que las páginas web se carguen más lentamente en el móvil, como JavaScript y scripts de terceros.

Google se enorgullece en crear una página con AMP HTML que puede cargar entre 15 y 85% más rápido que la versión no AMP de esa página. También han hecho que sea fácil para los editores web empezar en AMP con un tutorial que le guía a través de la creación de una página AMP. Suena bien hasta ahora. Sin embargo, al eliminar la experiencia de usar la web móvil, Google está eliminando una gran cantidad de la infraestructura de los anunciantes y los vendedores en la actualidad dependen de entregar mensajes impactantes de la marca a los usuarios.
Ventaja de las Páginas Móviles Aceleradas

Pero no se desespere todavía.

Mientras que algunos aspectos de AMP requerirán un nuevo acercamiento a la publicidad en móvil, hay una serie de otras razones por las que subir a bordo con AMP este podría ser una buena idea.

Las Páginas Móviles Aceleradas obtienen un impulso en los rankings de búsqueda



Desde el advenimiento del algoritmo 'Mobilegeddon' de Google el año pasado, hemos sabido que la compatibilidad con móviles es un factor en los rankings de búsqueda, con sitios que superan los resultados de búsqueda de la prueba de compatibilidad móvil de Google y las páginas "poco amistosas" Los terrenos desolados de las páginas de resultados segundo y tercero.

Por lo tanto, las Páginas Móviles Aceleradas, diseñadas específicamente para cargarse rápidamente y proporcionar una gran experiencia de usuario en dispositivos móviles, obtendrían un importante aumento en la clasificación de las búsquedas. También podemos ver a través de los resultados de búsqueda de Google que los sitios de AMP se destacan con un pequeño rayo verde, invitando a los usuarios a experimentar estas páginas para celulares.

Una renderización más rápida equivale a más vistas de página y más vistas de anuncios.
Que son paginas AMP


De acuerdo con Kissmetrics, el 40% de los usuarios de Internet abandonará una página si tarda más de tres segundos en cargarse, un tiempo de espera que es probable que se exacerbe en los móviles por problemas de señal.

Por lo tanto, las páginas móviles de carga más rápida parecerían interesantes para todos: nadie va a ver un anuncio o leer un mensaje de marca si abandona una página antes de cargarla.

El AMP de Google requerirá un cierto re-concideracion de anuncios digitales en móvil, pero no se irá. Google de todas las empresas reconoce la importancia de la publicidad en línea. Las páginas de renderizado más rápido significan más páginas vistas por sesión, lo que significa que los usuarios ven más anuncios como resultado.

Y hablando de pageviews, Google se está asegurando de que el tráfico AMP pueda ser cuantificado y analizado como las páginas web normales. AMP tiene soporte nativo incorporado para Google Analytics, pero también podrá utilizar socios como Chartbeat, comScore y Adobe Analytics para el tráfico de usuarios y los datos de comportamiento.
Read More

jueves, 31 de diciembre de 2015

Blogger Ahora Automaticamente Creara Sitemap

Leave a Comment

nuevo blogger sitemap

En trucos blogger te traigo la gran noticia con respecto a los archivos de mapa de sitio(sitemap)para la plataforma de blogger. Si tiene un blog activo en la plataforma de Google Blogger, ya no tienes que preocuparte  en crear un sitemap y someterlo a los motores de busqueda. Google automaticamente creara un archivo sitemap en el directorio de tu blog, eliminando la necesidad de servicio de sitemap en Blogger.

Sabemos que un buen sitemap es una parte integral de la optimizacion para los motores de busqueda.Este ofrece una manera simple a los dueños  de sitios web,de compartir informacion con los motores de busqueda sobre el contenido que tienen en su sitio en lugar de solamente enviar rastreadores al mismo.

Esta es muy buena noticia sin dudas No necesitas someter nuevamente un archivo de sitio de mapa o sitemap puee como dije google creara uno por ti en tu Blogger blog, en tu directorio raiz o root directory. Lo puedes ver en http://www.yourdomain.com/sitemap.xml (e.g. https://homepage-blogs.blogspot.com/sitemap.xml)
No solo eso , el archivo de mapa de sitio o sitemap contendra enlaces a las paginas como ejemplo:
  • https://homepage-blogs.blogspot.com/sitemap.xml?page=1
  • https://homepage-blogs.blogspot.com/sitemap.xml?page=2
  • https://homepage-blogs.blogspot.com/sitemap.xml?page=3
Pienso que esta movida es bienvenida, y espero que el equipo de Blogger provea la opcion de customizacion del mapa de sitio o sitemap. Si tienes preguntas, y ientes participar de la discusion, puedes dejar tu comentario.
Read More

sábado, 10 de enero de 2015

Consejos para la redacción de artículos

Leave a Comment

Tres Super Trucos de Blogger a para la redacción de artículos

Consejos para la redacción de artículos

¿Te gusta escribir? ¿Quieres poner esas habilidades de escritura al buen uso? Tal vez usted quiere ver su nombre publicado en un periódico, revista, e-zine u otras formas de publicación. Aquí hay 3 super trucos de blogger para comenzar el Año Nuevo.

1. Cantidad de  ideas

Una vez que hayas decidido lo que va a tratar su escrito, llegaran una cantidad de ideas. Piense en un nuevo punto de vista para su artículo. Por ejemplo: Si usted está escribiendo para el periódico local sobre un autor, no sólo escriba los detalles obvios. ¿Hay algo acerca de este autor que los hace único? ¿Qué es tan grande sobre el libro que ha escrito, se puede atar con una noticia actual ?

2. Eliminación de la Pelusa es un deber!


Al escribir un primer borrador, se espera alguna pelusa. Pelusa son las palabras, oraciones, ciertos aspectos de tu artículo, que no necesariamente  suman a su artículo. Un ejemplo podría ser: "No tengo energía. Mi energía había sido succionada fuera de mí "Ahora eso no es el gran ejemplo, pero usted consigue el punto. Una buena manera de saber si usted sacar esa pelusa, es guardar su artículo  por un tiempo. ¿Por qué? Pues la próxima vez que lo lea , verás los aspectos de tu artículo que se deben arreglar. Como ciertas palabras, datos y el exceso de información que pueda ser fácilmente removido de su artículo para que fluya sin problemas.


3 consejos rápidos que se aplican también son:


     Prueba de Edicion- leer sus artículos y recuerde usar su corrector ortográfico. Errores gramaticales y ortográficos pueden convertir fácilmente su editor de distancia.

    Estructura de Lenguaje sencillo- Usted puede ser un experto en su campo, pero para otros la lectura sobre el tema por primera vez, su contenido debe ser simple. Asegúrese de que sus oraciones sean entendibles. ¿Está enseñando algo? Analice los aspectos de tu artículo en pasos. Esto asegurará que su lector comprenda mejor el tema.

     Tenga cuidado con la palabra "el" - "El" es una palabra común que a veces se repite demasiadas veces en el artículo, la causa de su artículo a ser repetitivo. Utilice "la" repetidamente si usted está tratando de establecer un punto.

3. Pasión a la hora de escribir

No, yo no estoy hablando de romance. La pasión y la emoción en su artículo. El tema que usted elija para escribir sobre debe ser excitante. Debe ser algo que te gusta, algo que amas. Si se trata de un tema que no estás realmente interesado si, se va a mostrar en su escritura. Especialmente si se trata de un artículo que usted junta en 5 minutos o menos. Use palabras para "bombear" su artículo, acciones, que apelan a los sentidos si se trata de cocinar. Haga que el lector se emocione y se motive si se trata de un artículo de enseñanza.
Cheque Articulo Mostrar Cantidad de Entradas
Read More

lunes, 28 de abril de 2014

Anuncios de Google AdSense y los Blogs

Leave a Comment

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

domingo, 13 de abril de 2014

Como Optimizar Contenido de Tu Blog

Leave a Comment
optimizar contenido blogger blog
La Importancia de Crear contenido util y de calidad  es el factor mas relevante  que decidira cuanto dure tu carrera como blogero.

Optimizar el contenido, tanto para tus lectores como para los motores de busqueda. En este articulo, te mostrare como optimizar tu contenido
Chequea Como Utilizar Seo en Blogger

Consejos para Optimizar el Contenido de tu Blog de Blogger

1# Crea contenido fresco y de calidad: Dale a tus lectores algo nuevo cada vez que estos visiten tu sitio web . Actualiza y dale la importancia a las mas recientes tendencias ,noticias que tengan que ver con tu nicho.

2# Enfocate en tu topico: Por ejemplo si estas esbribiendo sobre consejos de blogger, manten tu contenido en ese topico o tema. Provee en detalles completos informacion que cubra ese topico. Pues sino los visitantes se iran, una vez vean que el tema no les enteresa. Puedes utilizar imagenes y videos que hagan tu tema mas claro y disfrutable.

Puedes  sub-dividir tu contenido en parafos debajo de diferente sub-temas.

3# Evita Errores: Dale a tus lectores una manera simple de entender tu articulo son errores de gramatica . Perderas credibilidad debido a los pequenos errores.


4# *Importante* No escribas para los motores de busqueda: Optimizar tu contenido para los motores de busqueda es diferente . Manten en mente. Insertar palabras claves innecesarias en un intento de obtener mejor posicion en los motores de busqueda puede molestar a tus lectores.


Estos son los pasos claves de como optimizar tu contenido. La Optimizacion no se limita a buscar palabras claves. El Contenido son el texto y imagenes que ayuden atraer la atencion de los visitantes de tu blog.

Los Textos Ancla o Anchor Text para optimizar tu contenido

Los Anchor text son textos que le das click y te dirigen a otros enlaces. El formato es <a href=”#”>Tu texto</a>. Este simplemente mostrara“Tu texto” dirigiendose al enlace mencionadoen vez de #. Este texto le dice al lector y a los motores de busqueda sobre el contenido al que lo dirigiras.

 Existen dos tipos de enlaces- Interno y External . El enlace interno esta dirigido a una pagina de tu propio blog. La mayor ventaja del enlace interno es que sigues mostrandole temas de interes a los lectores de tu blog. Las visitas que vienen a tu blog leeran tu articulo y lo dejaran a menos que le muestres algo mas. Al hacer enlaces internos, les estas dando opciones – de descubrir mas contenido en tu blog. Aun mejor, los enlaces internos ayudaran a los motores de busqueda a rastrear tus paginas mas rapido y por ende mejoraran tu posicion en los motores de busqueda.

Optimizacion de Imagenes y la importancia de texto alterno (Alt text)

La optimizacion de imagenes incluye la optimizacion para tus lectores y para los motores de busqueda. Cuando Google busca  imagenes  te ayudara a atraer mas trafico si las optimizas adecuadamente.

Ok entendiendo que es el texto alterno y cual es su importancia?

Alt text es un texto alternativo que le indica a los motores de busqueda sobre de que trata la imagen. Los motores de busqueda no pueden adivinar de que se trata la imagen. Estos son ciegos a la informacion  que no contenga texto alguno.

La importancia del Alt textestriba en el hecho de que si la imagen no baja completamente, en el navegador del visitante, entonces el texto alternativo mostrara en lugar de la imagen y le indica al visitante de que trata esa imagen.
Chequea articulo como proteger tu contenido de tu blog

Optimizando el alt text o texto alternativo
  1. La mejor practica es poner tus mejores palabras claves en el texto alternativo teniendo presnte el contexto de la imagen.
  2. Provee un texto descriptivo breve.
  3. Si estas usando la image como un link o enlace , entonces el texto alternativo funcionara como texto ancla.
Espero que estos paso basicos te ayuden para optimizar tu contenido en tu blog.
Read More

miércoles, 9 de abril de 2014

Gratis Alojamiento Web Disponible

Leave a Comment
En super trucos blogger te traigo el tema de Un servicio de alojamiento web es un tipo de servicio de alojamiento de Internet que permite a individuos y organizaciones para hacer su sitio web accesible a través de la World Wide Web. Web hosts son compañías que proporcionan espacio en un servidor de su propiedad o alquilado para uso de los clientes, así como proporcionar la conectividad a Internet , por lo general en un centro de datos. Hosts de Internet también puede proporcionar el espacio del centro de datos y conectividad a Internet para otros servidores ubicados en su centro de datos , llamadas de colocación , también conocido como la vivienda en América Latina o en Francia.

El alcance de los servicios de alojamiento web es muy variable. La más básica es la página web y de alojamiento de archivos en pequeña escala , donde los archivos se pueden cargar a través de File Transfer Protocol (FTP ) o una interfaz Web. Los archivos se entregan normalmente a la Web "tal cual " o con un procesamiento mínimo . Muchos proveedores de servicios de Internet (ISP ) ofrecen este servicio gratuito para los suscriptores . Los individuos y las organizaciones pueden obtener la página Web de alojamiento de los proveedores de servicios alternativos . Alojamiento de sitios web personal suele ser gratuito, patrocinado por publicidad , o de bajo costo . Negocios alojamiento de sitios web a menudo tiene un mayor gasto en función del tamaño y el tipo del sitio.

Una sola página de acogida es suficiente para páginas web personales . A llama sitio complejo para un paquete más amplio que proporciona soporte de bases de datos y plataformas de desarrollo de aplicaciones (por ejemplo, PHP , Java, Ruby on Rails, ColdFusion o ASP.NET) . Estas instalaciones permiten a los clientes a escribir o instalar scripts para aplicaciones como foros y gestión de contenidos. Además, Secure Sockets Layer ( SSL) se utiliza normalmente para el comercio electrónico .

El anfitrión también puede proporcionar un panel de la interfaz o de control para gestionar el servidor Web y la instalación de scripts , así como otros módulos y aplicaciones de servicio como el correo electrónico . Algunos anfitriones se especializan en cierto tipo de software o servicios (por ejemplo, el comercio electrónico ), que comúnmente son utilizados por las grandes empresas que subcontratan la infraestructura de red .

Asi que es la definicion que te ayudara a escojer un buen alojamiento web de tu predileccion.Una buen alojamiento web gratis es elsiguiente:
Web hosting
Read More

domingo, 30 de marzo de 2014

Como Añadir Bordes a Titulos de Articulos En Blogger

Leave a Comment
Añade Border al Tit Articulos En Blogger: En este tutorial de ciudad blogger estaremos jugando un poco con CSS para cambiar los bordes de articulos(Post) en Blogger.Tal vez habras notado que titulo de blog viene con "text-decoration:none" por defecto , en palabras sencillas no hay un estilo para los titulos de tus articulos en Blog. .

Chequea articulo como hacer rotar imagenes con css3

Pero no te preocupes podemos cambiar el titulo de los articulos y decorarlos con difrentes propiedades de CSS properties Ok aqui como aplicar el borde ! el cual puede ser "puntos" , "Solido" , "lineas" , ademas añadiremos color especifico y el numero de pixels.No te confundas es muy simple.




  Como Añadir Borde a Titulo de Post (Articulos)

  • Entra en Blogger
  • Da Click en Plantilla
  • EDITAR HTML
  • Busca el siguiente codido post-title o .post o solamente  "post"
  • Busca hasta que encuentres el selector "Post Title" como se muestra aqui abajo


  • Mira la imagen de arriba  donde añadi la propiedad de borde Ejemplo: "border:groove 1px y color" Cambia estos valores por tu valores deseados y guarda la plantilla.Tambien puedes cambiar el color de el titulo de tus articulos o post simplemente cambiando el codigo de color o la propiedad de "COLOR" en el script.
  • No Obstante aqui he selecionado el color de borde Groove de color gris y un ancho 'width' de un 1pixel.
  •  Eso es todo !!
 Nota : En algunas Plantillas el Selector de POST TITLE es .post-title pero si no lo puedes encontrar o si el selector no estuviera disponible entonces deberas encontrar el selector exacto o igual ejemplo el selector que machea con la class o ID definido en las etiquetas de div ! 
Chequea Articulo Como Hacer Menu Iluminado con Css
 
Que sucede : Realmente  este truco anadira un color gris al borde de todos los titulos de articulos de un 1 pixel de ancho ,esto hace que tu blog brille le doy 5 estrellas de elegancia y estilo a tu plantilla.Que lo disfrutes!
Read More

jueves, 27 de marzo de 2014

Como Hacer Tu Blog de Blogger Privado

Leave a Comment


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

martes, 25 de marzo de 2014

Como Mostrar Estado Tiempo En Blog De Blogger

Leave a Comment


Hoy en Ciudad Blogger un widget del estado del tiempo para tu blog de Blogger pues creo que resultaria interesante para los visitantes. El widget del Weather forecast que muestra datos sobre el tiempo basado en el lugar o localizacion del visitante.En este post te mostrare como instalarlo en blog de blogger .

Chequea Articulo Añadir Efecto Luz en Blockquotes

Demostracion de este widget lo podras ver aqui.

Pasos para Instalar Widget de Pronostico Del Tiempo:

Paso 1:Entra en tu cuenta de blogger. Luego ve a Plantilla >> Editar HTML >> y busca por la siguiente etiqueta</ skin>, justo arriba de esta pega el siguiente codigo de  CSS coding (puedes personalizar el codigo si asi lo deseas , pero estoy seguro que como esta es justo lo que necesitas).



 .MyWeatherDiv .centerContainer {

    width: 300px;

    text-align: left;

    margin-bottom: 200px;

}

.green {

    color: #a6e22d;

}

.teal {

    color: #66d9ef;

}

.purp {

    color: #ae81ff;

}

.pink {

    color: #f92772;

}

.yellow {

    color: #e6db74;

}

.white {

    color: #f8f8f2;

}

.grey {

    color: #616161;

}

.f12 {

    font-size: 12px;

}

.MyWeatherDiv img {

    height: 64px;

    width: 64px;

}

.weatherInfoRight {

    z-index: 999;

    position: fixed;

    top: 10px;

    right: 10px;

}

.weatherInfoLeft {

    z-index: 999;

    position: fixed;

    top: 10px;

    left: 10px;

}

.weatherInfoBottomRight {

    z-index: 999;

    position: fixed;

    bottom: 10px;

    right: 10px;

}

.weatherInfoBottomLeft {

    z-index: 999;

    position: fixed;

    bottom: 10px;

    left: 10px;

}

.MyWeatherDiv {

    display: none;

    background-color: #272822;

    padding: 5px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}

.MyWeatherInfo {

    text-align: center;

    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;

    color: white;

    font-size: 14px;

}

#divMyImage {

    display: none;

}

.MyWeatherClose {

    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;

    cursor: pointer;

    position: absolute;

    right: 10px;

    color: white;

    font-size: 20px;

}

.MWTemperature {

    display: block;

}

.MWPlace {

    display: block;

}

.MWIP {

    display: block;

}

#clear-day {

    display: none;

}

#clear-night {

    display: none;

}

#partly-cloudy-day {

    display: none;

}

#partly-cloudy-night {

    display: none;

}

#cloudy {

    display: none;

}

#rain {

    display: none;

}

#sleet {

    display: none;

}

#snow {

    display: none;

}

#wind {

    display: none;

}

#fog {

    display: none;

}


Paso2:Lo segundo que haremos es añadir el archivo de Javascript ( JavaScript file) que funciona de maravilla. Ahora dentro de la Plantilla de blogger busca por la etiqueta </head> y justo antes de la misma pega el siguiente Codigo de JS .

 Chequea Articulo Como Añadir Pajarito Flash a tu blogger

(Te recomiendo que hospedes o alojes el script por ti mismo ya sea en Google Drive o en cualquier otro servicio debido a que nuestro  script podria irse debido a la cantidad de bandwidth llena el hospedador del archivo).

 <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/137869302/weather.js"></script>

Paso 3:Por ultimo, añade el siguiente archivo de estilo en javascript arriba o antes de la etiqueta </body> . Puedes cambiar la posicion de este gadget emplazando  posicion: "right" (derecha) a left (Izquierda) o center (centro). Hay otras opciones para personalizarlo, cuales son utiles para machearlas con la configuracion de tu pagina o website.

 <script type="text/javascript">

$.MyWeather({

    position: "right",

    showpopup: true,

    temperature: "c",

    closeicon: true,

    showicon: true,

    showtemperature: true,

    showlocation: true,

    showip: true,

    size: 80,

    iconcolor: "white",

    fontcolor: "white",

}, function (e, f, g, a, d, b, c) {

    $("#txtCity").html(e);

    $("#txtCountry").html(f);

    $("#txtIP").html(g);

    $("#txtLatitude").html(a);

    $("#txtLongitude").html(d);

    $("#txtTemperature").html(b);

    $("#picTemp").attr("src", c)

});

</script>;

Espero que este tutorial te haya ayudado en aprender como mostrar un widget de estado del Tiempo (weather forecast) en tu blog de  Blogger .
Read More

lunes, 24 de marzo de 2014

Widgets de Articulos Recientes Para Blogger

Leave a Comment
widgets de Articulos Recientes
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

Leave a Comment


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

domingo, 23 de marzo de 2014

Como Activar Notificacion de Comentarios en Blogger

Leave a Comment
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

Esta Tu Nombre de Dominio Costandote Trafico?

Leave a Comment
Hoy en Ciudad Blogger, tal vez hayas visitado un excelente website varias veces porque tiene informacion fantastica en el mismo.Pero resulta que no te acuerdas del nombre de dominio pues no es facil de escribir pues es muy largo. El problema es que la url esta escrita de esta manera clave-clave-clave.com.

trafico visitantes en internetSuena etico o no? Eso podria ser de ayuda a el posicionamiento en los motores de busqueda pero para muchos visitantes puede ser un dolor de cabeza.

Sabiendo que muchas personas les encanta lo simple y otros no saben escribir ni una coma y cuando no pueden escribir un nombre de dominio tan largo terminan yendose a buscar otros ,lo que conlleva menos trafico de visitantes a tu website.

Los usuarios de internet en nuestros tiempos buscan lo simple y rapido de realizar. Por eso es que existen los keyboard shortcuts. Para completar las tareas mas ligeras.

Has pensado por que Googles, Yahoos, Amazons y Ebays en el mundo online son tan exitosos? Es por que el nombre de su dominio juega un papel significante para su marca.

 Cada dia se suman mas personas que buscan por primera vez en la busqueda de informacion y es mandatorio que el nombre de dominio juegue un papel principal en crear un apego con tus visitantes.

Por un tiempo utilice un website gratis que estuvo alojado en Geocities. Resulta que mi nombre de dominio se deletreaba asi Geocities.com/Mi nombre, lo que hacia sentirme como si tubiera una cadena atada a mis piernas. No podia imaginar la cantida de trafico y credibilidad que perdi debido a eso.

Trabaja? Ese metodo puede trabajar en ocasiones.Yo creo que tener un dominio con demaciadas palabras podria ser de mal gusto como tener un sitio como Geocities.Luce un tanto no profesional para una compañia tener un nombre que contraste con la credibilidad que estan tratando de crear.

Algunos de los nombre de dominio son como una carga . Por que? Pues algunos motores de busqueda no le dan importancia alguna a las etiquetas de palabra clave , algunos webmasters rellenan su dominio con sus palabras claves.

Un buen dominio no garantiza exito. Pero una experiencia inolvidable y un nombre de dominio facil de recordar puede ser beneficioso para ti y tus visitantes. Puedes localizarlo facilmente y tus visitantes les sera facil de escribir este en los motores de busqueda.
Read More

Ideas Para Buscar Un Nicho Adecuado Para Crear Un Blog

Leave a Comment
busca nicho adecuado para blogger


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

sábado, 28 de diciembre de 2013

Como Añadir un Widget en la Cabecera En Blogger

Leave a Comment
Como añadir un widget en la cabecera de pagina de blogger en la parte superior o cabecera del blog, uno de los formatos mas famoso es el anuncio de  AdSense 468×60  – ejemplo:

Pero como añadir algo en la cabecera de blogger ,ya sea un anuncio de Adsense , una barra de busqueda, botones de social media  o un widget? Pues sencillamente añadiendo una seccion en la cabecera. Primero que nada, añadir un espacio extra para acomodar el widget,para esto nuestra cabecera de blogger debe ser ampliada.
 Ampliar la Cabecera de blogger
Paso1: Entrar en Panel de Blogger  > Plantilla > Editar HTML y hacer una copia de seguridad o backup de tu plantilla
Paso 2: Da Click en cualquier area del codigo y abrir caja de busqueda usando teclas CTRL + F :


Paso 3: Buscar este pedazo de codigo:
/* Header
———————————————– */
Nota: Si no lo encuentras, busca solo por primera linea:
/* Header

Paso 4: Reemplacelo con este codigo:
/* Header
———————————————– */
.header-left{
display: inline-block;
height: 35px;
width: 350px;
float: left;
}
.header-right {
display:inline-block;
float:right;
}
Cambia los pixels en rojo por el alto y el ancho de la imagen de la cabecera de blogger y cambia float: left; por float: right;si deseas cambiar la posicion de tu logo.
Paso 5: Encuentra el siguiente codigo:
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
Paso 6: Reemplazalo con el siguiente codigo:
<b:section class=’header header-left’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
Ahora “Preview” tu plantilla, notaras que el color de fondo de la cabecera de Blogger no es visible o no se encuentra. Para recuperarlo o reestablecerlo, necesitas añadir algunos codigos:
Paso 7. Encuentra el siguiente codigo:
    </div>
</div>
<div class=’header-cap-bottom cap-bottom’>
<div class=’cap-left’/>
Paso 8. Ahora antes del codigo anterior, pega lo siguente:
<div style=’clear:both;’/>
Nota: Si no puedes hallar el codigo del paso  7, busca el siguiente en su lugar:
      <b:include name=’description’/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
…y pega el codigo del paso 8 debajo de este.

Añadir una seccion extra para acomodar un gadget/widget a la Cabecera de Blogger
Let’s go one step forward and add an extra gadget section within Blogger header in new template designers.
Paso 9. Justo debajo del codigo del paso  8,pegue el siguiente codigo justo antes/arriba de este:
<b:section class=’header-right crosscol’ id=’header-right’ maxwidgets=’1′ showaddelement=’yes’/>
Paso 10. Ahora encuentra esta etiqueta:
]]></b:skin>
Paso 11. Pega arriba de ]]></b:skin> , este codigo de CSS :
.header-right {
display:inline-block;
float:right;
width:400px;
}
Cambia el ancho que esta marcado en color rojo.Aumenta o disminuye los pixels de acuerdo a tu necesidad y posicionamiento de la nueva seccion de la cabecera.
Paso 12. Guarda la Plantilla.
Paso 13. Luego todo lo que debes hacer es ir a Diseño y Añadir un Gadget  a la nueva seccion de cabecera en Blogger.

Que te entretengas.
Read More