Usando Linux para muchas cosas y disfrutando de videojuegos, en dispositivos moviles, consolas y pc. Using Linux for many things and enjoying video games, mobile devices, consoles and pc

Mostrando entradas con la etiqueta blogger. Mostrar todas las entradas
Mostrando entradas con la etiqueta blogger. Mostrar todas las entradas

Como crear un blog con dominio propio en Blogger

DriveMeca instalando dominio propio en Blogger paso a paso
Anoche comencé un nuevo proyecto, crear un nuevo blog para un negocio naciente que estoy haciendo. Ya con un tiempo en el mundo de las publicaciones en blogger me han gustado mucho sus herramientas y sobre todo su integración con adsense, adwords, analytics y mas herramientas Google por eso decidí crearlo en la misma plataforma en la que tengo este que están leyendo ahora.
Entonces prepara tu taza de café y veamos como se hace.


Requerimientos para un blog con dominio propio en Blogger


  • Cuenta de gmail
  • Dominio para el nuevo blog


-Tu blog en blogger se llamara ejemplo.blogger.com (es decir, ejemplo seria tu nombre + el dominio blogger.com) normalmente, para personalizar esto tienes 2 opciones que veremos a continuación. Para ello debes navegar a blogger.com y crear un blog, no importa como lo llames de inicio

DriveMeca instalando dominio propio en Blogger paso a paso

Opciones para crear tu blog con dominio propio en Blogger

Primera opción: No tienes el dominio?, google te lo vende y configura automáticamente para funcionar con los servicios como youtube, documents, blogger, gmail, etc

Segunda opción: Ya tienes el dominio (estilo ejemplo.com diriamos). Lo quieres configurar con un subdominio, ejemplo, blog.example.com (dejando así la posibilidad de tu pagina central en www.example.com)

-Agregamos el subdominio en el menú configuración - Básico - Añadir un dominio personalizado - configuración avanzada y guardamos.

DriveMeca instalando dominio propio en Blogger paso a paso

DriveMeca instalando dominio propio en Blogger paso a paso

-En caso de dudas como hacer los cambios en tu DNS (generalmente donde compraste el dominio te darán el servicio de DNS), blogger te ayuda dando click en instrucciones de configuracion

DriveMeca instalando dominio propio en Blogger paso a paso

-Agregamos un campo CNAME en la zona DNS de nuestro dominio así (suponiendo que nuestro blog se vaya a llamar blog.example.com):

blog. 14400 IN CNAME ghs.google.com

Con esto estamos redireccionando el trafico que venga a blog.example.com a la dirección ghs.google.com
Hay que tener en cuenta que todo cambio en DNS demora de 24 a 48 horas en hacerse efectivo en internet, a veces menos, entonces no te preocupes si apenas haces el cambio no te funciono.

Artículos recomendadosComo eliminar fecha y hora de artículos de Blogger
                                           Como agregar RSS a tu blog en Blogger
                                           Como activar SSL en Blogspot en menos de un minuto
                                           Como instalar una plantilla responsive en Blogger


Ok, con esto ya tendrás tu blog en blogger con tu propio dominio.Te gusto el articulo? hazme un favor, compártelo en tus redes sociales (compartir es sexy). Escríbeme en los comentarios aquí debajo y pasa la voz compartiendo el tweet.

Sígueme en twitter google+facebook o email y podrás estar enterado de todas mis publicaciones.
Disfrútenlo.

Share/Bookmark

Como eliminar fecha y hora de articulos de Blogger

DriveMeca eliminando fecha y hora de artículos de Blogger paso a paso
Eres blogger y usas la plataforma de Google Blogger para tu pagina y cada vez te queda menos tiempo para publicar nuevo contenido. Aunque tus artículos son vigentes con el pasar del tiempo, a muchos posibles lectores no piensan igual por la fecha publicada en ellos y por eso en este articulo te mostrare paso a paso como eliminar la fecha y hora de tus artículos en Blogger.
La técnica o concepto de publicar contenido que perdure por un buen tiempo se llama Evergreen (algo así como reciclado) y nos permite tener esta información para nuestros lectores o clientes disponible sin importar que hayan pasado meses/años desde que la publicamos originalmente. La ventaja es que seguiremos recibiendo trafico por ella aun con el pasar del tiempo y cuando ya este desactualizada es tan sencillo como hacerle las modificaciones y listo, queda disponible para mas lectores. Ya con esta breve introduccion, comencemos las modificaciones a nuestro blog en Blogger en español

Requerimientos para eliminar fecha y hora de Blogger

  • Contar con un blog o pagina  en Blogger
  • Tener contenido publicado evergreen


-Como saber si tus articulos en Blogger tienen o no fecha visible? Sencillo, visita tu pagina y veras encima del titulo de cada entrada publicada el dia y fecha. Esto es lo que eliminaremos y asi no se mostrara ni en tu pagina de Blogger ni en los resultados de búsqueda de google (esto ultimo puede que demore mientras los robots indexan tu sitio)
DriveMeca eliminando fecha y hora de artículos de Blogger paso a paso

-Ya verificado que si nos aparecen los artículos publicados con fecha, entramos al dashboard de nuestro blogger y nos vamos a la opción Diseño del menú vertical a la izquierda
DriveMeca eliminando fecha y hora de artículos de Blogger paso a paso

-Bajamos un poco hasta encontrar el widget Entradas del blog, le damos click a su opción Editar
DriveMeca eliminando fecha y hora de artículos de Blogger paso a paso

-Nos aparecerá una nueva ventana donde debemos desmarcar la primera y tercera opción debajo de Opciones de la pagina de entrada. Si te fijas, la primera a desmarcar tiene un ejemplo de día y fecha como aparecerá y la tercera a desmarcar tiene la hora
DriveMeca eliminando fecha y hora de artículos de Blogger paso a paso

-En la misma ventana bajamos hasta el final y damos click al botón Guardar
DriveMeca eliminando fecha y hora de artículos de Blogger paso a paso

Ya con este ultimo paso eliminamos de nuestros artículos ya publicados y los futuros por venir la fecha y hora, permitiéndonos contar con información que pareciera que no envejece y sea del gusto lo mismo de nuestros lectores como de Google a la hora de mostrar resultados de búsqueda.
Tienes tu blog en blogger con fechas, no te importa mostrarlas?, escríbeme en los comentarios aquí debajo y pasa la voz compartiendo el tweet.

Sígueme en twitter google+facebook o email y podrás estar enterado de todas mis publicaciones.
Disfrútenlo.

Share/Bookmark

Como activar SSL en Blogspot en menos de un minuto

DriveMeca HTTPS en Blogger
Con la ultima actualización de Google acerca del posicionamiento de los sitios web encontramos que en teoría las paginas con conexiones HTTPS (Protocolo seguro de transferencia de hipertexto) se ven beneficiadas para aparecer en lugares mas altos en su motor de búsqueda entre otras condiciones (keywords, long tails, etc). Por esto actualmente se ha vuelto importante contar con un certificado SSL que permita conexiones a tu sitio web por HTTPS.
Tienes una pagina en blogspot.com/blogger.com? el servicio gratuito de google, si es así es bien sencillo activar el HTTPS, cabe aclarar que solo funcionara si usas el dominio internet de blogspot y no uno propio. Ya con esta breve introduccion, pasemos a los pasos.

-Nos conectamos a la pagina de blogspot, entramos con nuestro usuario y en el menú izquierdo vertical nos vamos a Configuración - Lo básico. Ya allí veremos la opción Disponibilidad de HTTPS, muy posiblemente en No, cambiamos a Si
DriveMeca HTTPS en Blogger

-Ya activo, si nos conectamos a nuestro sitio podremos hacerlo de las dos formas, la común (http) y la mas segura con https
DriveMeca HTTPS en Blogger

Ya leído este breve articulo, usas SSL en tu sitio web? Lo usas en blogspot? Ya conocías el protocolo HTTPS?
Si te resulto útil este articulo, se social, haz un tweet, compártelo con otros por medio de los botones o sígueme en twitter google+facebook o email y podrás estar enterado de todas mis publicaciones.
Disfrútenlo.

Share/Bookmark

Como instalar una plantilla responsive en Blogger

DriveMeca instalando una plantilla responsive en Blogger
Tienes un blog? estas planeando crear uno, seguro no le das mucha importancia a la plantilla. Puede que escribas muy bien y el tema sea muy buscado, igual la plantilla es importante para muchas cosas como por ejemplo poder ser encontrado de forma eficiente por los motores de búsqueda. Por esto y mucho mas hoy te mostrare como instalar una nueva plantilla responsive en tu blog en Blogger.
Ya entrando en el tema te recomiendo seguir los pasos al detalle para que no tengas errores, prestar atención a los bloques que resalte en NEGRO y sobre todo tener siempre a mano una copia de tu blog (si ya tienes uno y estas actualizando tu plantilla); después de esta breve introducción comencemos.

-Descargamos nuestra plantilla gratis de este URL(gracias a Lasantha Bandara por sus diseños), cada plantilla al darle click nos llevara a una pagina con dos botones, uno para ver el demo y otro para descargarla. Damos click al botón de Download
DriveMeca instalando una plantilla responsive en Blogger

-Descargamos el zip con la plantilla dando click al botón Download Template y lo descomprimimos
DriveMeca instalando una plantilla responsive en Blogger

-Entramos a la interfaz administrativa de Blogger y vamos a Diseño. Aquí damos click a nuestros bloques como son adsense, profile, etc. y guardamos su código en un archivo de texto para no perderlos. Si estas creando tu blog en este momento, no es necesario y puedes saltar al siguiente paso

-A continuación vamos a Plantilla. Recomendable en este momento hacer una copia de seguridad completa dando click al botón Crear/Restablecer copia de seguridad (Si es un nuevo blog, no es necesario). A continuación damos click al botón Editar HTML
DriveMeca instalando una plantilla responsive en Blogger

-Eliminamos todo. Abrimos el xml descargado con la plantilla con un editor de texto, en Linux puede ser gedit, en Windows podria ser notepad. Copiamos todo su contenido y lo pegamos en la plantilla vacía de Blogger

-Ya copiada la nueva plantilla, comenzamos a personalizar. Buscamos:

<meta content='DESCRIPTION HERE' name='description'/>
y colocamos la descripción general de nuestro blog

<meta content='KEYWORDS HERE' name='keywords'/>
y colocamos las palabras claves por las que queremos sea encontrado nuestro blog

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
y colocamos nuestro favicon (pequeño icono que identifica a nuestro URL en el browser) o dejamos el default de Blogger

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
si la plantilla tiene menú lo personalizamos a nuestro gusto teniendo cuidado de colocar las paginas destino en el campo  '#', el nombre del menú va dentro de ><, ejemplo >Bussiness<

<!-- Featured Content Slider Started -->
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='http://1.bp.blogspot.com/-ekqwkPFhwCg/UpvO3QO0uDI/AAAAAAAAJBM/-ZStSzxPiHA/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com. 
</p>
si la plantilla tiene un slider gráfico debemos cambiar 4 cosas en casa slider:
# -> pagina destino que se mostrara al hacer click
1.jpg -> imagen a mostrar en el slider
This is default featured slide 1 title -> El titulo mostrado sobre la imagen
<p>texto...</p> -> Texto mostrado sobre la imagen

<h3 class='widgettitle'>Social Profiles</h3>
<a href='http://twitter.com/' target='_blank'><img alt='Twitter' src='http://3.bp.blogspot.com/-TTziR7rv-oM/Ui26fIddfrI/AAAAAAAAJqQ/C9GAkKae2mc/s1600/twitter.png' title='Twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='Facebook' src='http://2.bp.blogspot.com/-2G1uqwb-1UU/Ui26dXoMoiI/AAAAAAAAJp8/fVWh-BDY6Ys/s1600/facebook.png' title='Facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' src='http://2.bp.blogspot.com/-lq7DwjA6zPE/Ui26dtifTYI/AAAAAAAAJpw/rjIuC5ThO7I/s1600/gplus.png' title='Google Plus'/></a><a href='http://www.linkedin.com/' target='_blank'><img alt='LinkedIn' src='http://1.bp.blogspot.com/-uQdbnT1u1e0/Ui26eZOy3VI/AAAAAAAAJqA/h4wzaYt2L_Y/s1600/linkedin.png' title='LinkedIn'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt='RSS Feed' src='http://2.bp.blogspot.com/-5Cj8lzm0SIs/Ui26ekOUupI/AAAAAAAAJqM/IxD4bXjezkA/s1600/rss.png' title='RSS Feed'/></a><a href='mailto:your@email.com' target='_blank'><img alt='Email' src='http://3.bp.blogspot.com/-V1StGHq6jJA/Ui26ddxbjGI/AAAAAAAAJps/lHgl1aR49fo/s1600/email.png' title='Email'/></a>

y colocamos nuestros perfiles de redes sociales dedicados al blog

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>

y modificamos los nombres de las columnas

-Es buena política verificar todas las lineas y hacer los ajustes que necesites, como por ejemplo, traducir algunas palabras. Eso si, aunque las plantillas son gratuitas para su uso personal o de negocios, debemos darle el crédito al :

<div id='credits'>
<!-- you don't have permission to remove or change these  -->
Design by <a href='http://fthemes.com/' target='_blank'>FThemes</a> | Blogger Theme by <a href='http://www.bloggertipandtrick.net/' target='_blank' title='Blogging Tutorials'>Lasantha</a> - <a href='http://www.premiumbloggertemplates.com/' target='_blank' title='Free Blogger Templates'>PremiumBloggerTemplates.com</a> | <a href='http://newbloggerthemes.com/' target='_blank'>NewBloggerThemes.com</a>
</div> 

este bloque al final de la plantilla debe permanecer. No lo borres o modifiques. Damos click al botón Guardar plantilla

-Nos vamos a Diseño y agregamos el código de los bloques que ya teníamos antes de instalar la nueva plantilla, ejemplo, adsense, etc. También podemos modificar menús y otros bloques de la nueva plantilla

Aunque el trabajo de mantener un blog es arduo, tener una buena plantilla atraerá nuevos lectores y mantendrá a tus seguidores por eso no esta de mas invertirle tiempo a esta tarea ademas de poder ser leído en cualquier dispositivo actual sin que eso afecte el sitio.
Pensando en crear un blog? Sobre que temática, sabes que es diseño responsive?
Sígueme en twitter google+facebook o email y podrás estar enterado de todas mis publicaciones.
Disfrútenlo.

Share/Bookmark