Configurar dominio de Godaddy en Blogger

Configurar dominio de Godaddy en Blogger


Hola amigos, en esta entrada les enseñaré a configurar su dominio de Godaddy con Blogger, no explicaré para que sirve un domino ni sus ventajas, ya que en una entrada anterior ya lo expliqué.
Así que sólo será el tutorial, con capturas, para tratar de hacerlo lo más entendible posible.

Configurar el dominio

Ya tenemos que tener el dominio comprado, y listo para configurar, eso no lo explicaré porque es algo básico, no se necesita explicar, si tu no sabes puedes buscar algún otro tutorial.
Bueno ya teniendo el dominio, nos vamos a ir a nuestra cuenta de Godaddy donde tengamos el dominio, y vamos a ver algo así:
Dominios de Godaddy
Ahí vamos a hacer click en "dominios" para que nos muestre nuestros dominios, cuando lo tengas haces click en "Iniciar":
Dominios de Godaddy

Ya cuando hayamos iniciado, nos vamos a ir a "Archivo de zona de DNS", ahí hacemos scroll hasta donde dice "CNAME (Alias)":
Registro de DNS

Ahí, como lo muestra la imagen vamos a eliminar todos los registros que haya, no pasa nada, ya borrados vamos a clickear en "Agregar registro", y ahí le dejamos
Ahora vamos a ir a Blogger -> el blog -> Configuración -> Lo básico, ahí buscamos donde dice "Publicación" y luego presionamos "+ Configura una URL de terceros para tu blog", y en el campo de texto que te saldrá, pones el nombre de dominio que compraste, tiene que ser con www, por ejemplo: www.midominio.com, y le damos a "Guardar", nos debe salir un error:
Configurar en Blogger
Ahora nos devolvemos a Godaddy, como recuerdan habían presionado en "Agregar registro", así que les debe salir para agregar un registro, lo primero lo configuran así:
Agregar registro DNS
Y así quedará, no tienen que editar nada, el primer registro siempre es igual.
Dan Click en "AÑADIR OTRA", les saldrá para que agreguen otros registros, ahí copiaran y pegaran los códigos que les dio Blogger, en mi caso quedaría así:
Agregar registro DNS
Ahí sólole dan click a "TERMINAR" y luego imprtante click en "Guardar cambios":
Guardar los cambios

Y una vez guardado ya está todo listo :D sólo esperen unos diez minutos y ya podrán poner su Dominio en Blogger

Y pues eso es todo en este tutorial, aunque puede parecer difícil, no lo es, con una sola vez que lo hagas ya lo dominarás.
Espero que les haya gustado y que les sirva.
Categorias: , , | Publicado por : test

Poner publicidad en vídeos (iframe)

Publicidad en vídeos


Hola amigos :D hoy en este tutorial les enseñaré a agregar publicidad en vídeos (iframe), pero primero que nada explicaré algunas cosas:
Yo antes cuando tenía un blog de vídeos, quería mostrar publicidad en los vídeos así como lo hacen otras webs, por ejemplo las de TV Online, y hasta el mismo Youtube, estuve buscando muchooo en Google, encontré pocos resultados, y entre esos pocos, solo una fracción de los tutoriales que habían "funcionada" (sí, entre comillas). No lo hacían de forma automática si no que cada vez que agregaba un vídeo, tenía que volver a agregar el código de publicidad y era bastante tedioso.

Importante!
No se debe agregar publicidad de AdSense, está en contra de sus normas.

Por eso es que mejor yo pensé en mejor hacerlo yo, así que empecé a escribir código, y hasta que al final dio resultado :D como se que algunos de ustedes también buscan, compartiré con ustedes el código.

Agregando la publicidad

Para empezar, primero nos vamos a ir a nuestros Panel de Blogge -> el blog -> Plantilla -> Editar HTML, ya ahí bamos a buscar <body> si no les aparece, buscar solo body pero debe ser igual, debe ser la etiqueta HTML, bueno ya encontrada esa línea, justo debajo vamos agregar el siguiente código HTML y javascript (JQuery):
<script type='text/javascript' src='//a-bloggers.googlecode.com/svn/trunk/publicidad.js'></script>
<script type='text/javascript'>
var mover = true; //Se mueve o no se mueve el boton cerrar (true o false)
var mueve = 2; // Número de veces que se mueve el botón cerrar
var recargar = true; //Se recarga  o no el anuncio (true o false)
var segundos = 180; //Si se recargara, en cuantos segundos
$(document).ready(cicklow_XcVCCW);
</script>
<img src='//a-bloggers.googlecode.com/svn/trunk/cerrar.png?' width='1' height='1' id='XcVCCW'>  
<div id="cod">
AQUÍ TU CÓDIGO DE PUBLICIDAD
</div>
Sólo editaremos la parte que dice "AQUÍ TU CÓDIGO DE PUBLICIDAD", y como dice, en su lugar agregaremos el código de nuestro anuncio, que debe ser 300x250.

Ahora vamos a agregar los estilos, para eso vamos a buscar ></b:skin> y justo arriba agregamos los siguientes estilos:
#cod{
display: none;
}
.cod{
position: absolute;
}
.cod div {
width: 300px;
height: 250px;
margin: auto;
background: #EEE;
}
#cerrar {
position: absolute;
width: 15px;
cursor: pointer;
}
#IDDIVIFRAME{
display: inline-block;
}
Una vez hecho eso guardamos, y ahora vamos a lo más fácil :D poner el iframe y la publicidad en él de forma automática, para esto vamos a donde queramos que aparezca, ya sea una entrada, un Gadget o en el mismo código HTML, pegamos el siguiente código:
<div id="IDDIVIFRAME">
<iframe width='800' height='500' src='https://www.youtube.com/embed/FHtvDA0W34I" frameborder='0' allowfullscreen></iframe>
</div>
Sólo cambian width por el ancho que quieran en pixeles, height por el alto que quieran, igual en pixeles y src por la url del iframe, también lo pueden obtener solo de Youtube, agregando el código del iframe dentro del div, eliminando el otro iframe.

Y eso sería todo en este tutorial :D

Demo:



Categorias: , , | Publicado por : test

Poner un Fanbox en tú blog de Blogger

Fanbox para Blogger

En esta entrada les enseñaré a poner un fanbox de Facebook, que sirve para que los usuarios al ingresar a nuestro blog les aparezca el fanbox y así vean que el Blog tiene una fanpage, y así más posibilidades de que le den like, en este fanbox usaremos javascript (jQuery), CSS y obvio HTML, ya saben para que, el HTML y CSS para la estructura y el diseño, y el Javascript tendrá dos funciones, una es para poner el botón cerrar, y la otra es para las cookies, más adelante hablaré para que sirve.

Demo en esta misma entrada, si ya lo ocultaste vuelve a mostrarlo, Click aquí

Y así empezamos con el tutorial :D

Primero y como siempre nos vamos a ir a Nuestro blog -> Plantilla -> Editar HTML, una vez ahí vamos a abrir el buscador, esto lo hacemos presionando CTRL + F y enseguida buscamos ]]></b:skin> y justo arriba de esa línea agregamos los siguientes estilos:
#fanbox {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, .7);
z-index: 9999;
display: none;
}
#fanbox .botoncerrar {
position: absolute;
right: -10px;
top: -10px;
cursor: pointer;
z-index: 9999;
}
#fanbox .contenido {
background: #FFF;
width: 500px;
position: absolute;
left: 50%;
top: 50%;
margin: -153px 0 0 -250px;
border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 3px 5px 9px #333;
-o-box-shadow: 3px 5px 9px #333;
-ms-box-shadow: 3px 5px 9px #333;
-moz-box-shadow: 3px 5px 9px #333;
-webkit-box-shadow: 3px 5px 9px #333;
}
#fanbox .contenido h3 {
display: block;
background: #3b5998;
color: #FFF;
font-family: sans-serif;
padding: 12px 10px 11px 10px;
margin: 0;
}
Y listo, ya tendremos los estilos, ahora lo que vamos a hacer es agregar el javascript, que es necesario para poder cerrar el fanbox y también para usar las cookies, ¿Para que usamos la cookie? bueno, es fácil la cookie la vamos a usar para no mostrar siempre el fanbox, osea que cuando se presione el botón de cerrar vamos a crear la cookie, y cuando la cookie exista no lo mostraos, pero cuando no exista si lo vamos a mostrar, y para eso eso, espero que me hayan entendido :D
Bueno, ahora si agregar el javascript, para esto buscamos </body> y justo arriba agregamos:
Y listo, ya tenemos también el javascript xD, ya arriba expliqué que es lo que hace.
<script type="text/javascript">
$(document).ready(function() {
var cookie = document.cookie.indexOf('fanbox');
if (cookie != -1) {
return;
} else {
$('#fanbox').css('display','block');
}
$('.botoncerrar').click(function() {
$('#fanbox').fadeOut();
document.cookie = 'fanbox=desactivado';
});
});
</script>
Y por último vamos a agregar el HTML, abajo del código javascript que pusimos lo vamos a poner, es el siguiente código:
<div id="fanbox">
  <div class="contenido">
   <img class="botoncerrar" alt="Cerrar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLpQN2mMdNloRELR6KUaOUTz-93HSWC-9E5tj_OKe0yznlRgyPXRytF2bdNgKUxShhlYRAkUfI8ukPSg1wnV1b7x605Fr1d_eFdv9ZJbia9MAZgPKFyZn_yLdJl4RAmhqMqmFqqgKQZlvT/s1600/close.png" title="Cerrar" onclick="$('#fanbox').fadeOut()" />
   <h3>Únete a la página de Facebook</h3>
   <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width=500&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:258px;" allowTransparency="true"></iframe>
  </div>
 </div>
<b:if cond="data:blog.isMobile">
  <style type="text/css">
#fanbox {
  display: none !important;
}
  </style>
</b:if>

 Y listo :D ahora si ya tenemos todo, para agregar nuestra fanpage solo editamos FacebookDevelopers y en vez de eso ponemos nuestra fanpage, ejemplo, si mi página es https://www.facebook.com/ayudarbloggers lo que tendría que agregar es solo ayudarbloggers.
Y eso es todo :D espero que les guste y que les haya servido.
Cerrar

Únete a la página de Facebook

Categorias: | Publicado por : test

Dominio .com gratis por un año (2015)

Dominio .com gratis por un año



Se termina el año 2014, y he pensado en hacer un regalo para los lectores del blog, estuve pensando mucho que regalar, hasta que se me vino la idea, porque no regalar un dominio .com, he visto que muchas personas que tienen blog en Blogger no tienen dominio propio, y la verdad a  mi me parece casi necesario, a continuación digo porqué:

  1. Es más fácil de recordar solo .com que .blogspot.com
  2. En vista al SEO a los buscadores les "gustan" más las webs como dominio propio.
  3. Puedes tener un correo personalizado, por ejemplo contacto@ayudarbloggers.com (se necesita contratarlo).
  4. Personalmente veo más confiable y profesional un blog/web con dominio propio.
Y por eso es que yo creo que es casi necesario, aunque no tenerlo tampoco es malo.

El dominio no se va regalar así como así, si no que se va hacer un sorteo, la razón es simple, tal vez sean muchas las personas a las que les interese, y no puedo regalar un do dominio por persona, y tampoco me gustaría que solo alguien se lo llevara nomas porque si, esa es la razón.

Detalles y condiciones del sorteo

Las condiciones son las siguientes:
  • Se tendrá que compartir este artículo en un Perfil de Google Plus real.
  • Dejar un comentario, no importa lo que diga. Opcional marcar la casilla "Avisarme" para estar al tanto.
  • Darle "Me Gusta" a la fanpage de Facebook o seguir la cuenta de Google Plus
Solo eso serían las condiciones :D ahora los detalles:
  • El dominio es .com no puede ser otro.
  • El sorteo empieza después de que hayan 15 participantes.
  • Se hace mediante la página random.org
  • Después de ganar el dominio se contactará al ganador, solicitando primero un correo o cuenta de Facebook para el contacto,
  • Si después de 3 días de haber ganado no hay respuesta se repetirá el sorteo y se descartara al ganador.
  • Cuando el ganador ya está usando el dominio quita el "Me gusta a la fanpage" o deja de seguir el perfil en Google plus se le quitará el dominio.
Y esos son todos los detalles y condiciones del sorteo, suerte a todos :D
Categorias: , | Publicado por : test

Contador de visitas por entrada para Blogger

Hola, amigos, hace ya casi dos meses que no publico, también que los artículos no son de la calidad que yo quisiera, porque he estado algo ocupado tenía abandonado el blog, pero espero volver y seguir publicando como lo hacía al principio.

Para esta entrada quise hacer algo especial, por el tiempo que estuve sin publicar, y lo hice (según yo), he visto que se ha buscado mucho "Contador de visitas por entrada para Blogger", me puse a buscar también, pero al igual que muchos, no encontré nada que sirviera, lo mejor que pude encontrar eran imágenes, que aunque "funcionaban" me marcaban impresiones y no visitas únicas que es lo que yo buscaba, cansado de todo, y sabiendo de los conocimientos que tengo en programación, decidí dejar de buscar y hacerlo yo mismo,y precisamente de esto se tratará esta entrada, de un contador de visitas por entrada que funciona perfectamente con Blogger, pero no sólo eso, lo que cuenta son visitas únicas y no impresiones.
Eso significa que cada vez que alguien entre a una entrada va a subir una visita, pero si se recarga la página va a seguir esa visita, que en diferencia a otros contadores cada vez que se recarga la página sube una visita. Y pues ahora si, a empezar con lo que es el tutorial :D

Contador de visitas


Como instalarlo

Primero que nada vamos a ver como instalarlo.
Nos vamos a Blogger -> Plantilla -> Editar HTML.
Ya ahí, en el editor de HTML de nuestra plantilla, vamos a buscar donde quieran poner el contador, yo no les digo que buscar, porque no se donde lo quieren poner, pero si no sabes que buscar, puedes dejar un comentario y yo te ayudo, en caso de que ya sepamos donde lo vamos a poner, lo que vamos a hacer es pegar el siguiente código ahí donde hayamos seleccionado.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
Visitas: <script src='http://visitas.ayudarbloggers.com/visitas.js' type='text/javascript'/>
</b:if>

El código es simple, o que hace la primera linea es la condicional de blogger para que solo aparezca en las entradas, en la segunda linea es donde hacemos todo, lo importante, mostramos el mensaje "Visitas" y enseguida, en el script es donde mostramos las visitas, ese script nos devuelve solo un valor numérico nada de etiquetas HTML ni nada, como dije solo un número, así que lo podemos personalizar a nuestro gusto, encerrándolo en etiquetas HTML o de cualquier otra forma que se les ocurra.

Y así es todo, ya tendríamos nuestro contador de visitas únicas por entrada en nuestro blog de Blogger.
Aclaración: el contador no nos mostrará las visitas que ya tiene la entrada, si no que solo registrará las visitas a partir de que se coloque el contador.

El demo está en este mismo blog, lo pueden ver al principio de las entradas:
Demo
Y por último, como dije arriba, si no saben donde poner el código solo dejen un comentario, en el mismo con la url de su blog, para así yo ayudarlos.

Categorias: | Publicado por : test

Algunos consejos para Bloggers que te ayudarán a mejorar tu sitio web.



Crear un blog es una tarea relativamente fácil. Lo que no todos logran hacer es mantener el interés de los cibernéticos por los temas o la presentación de sus sitios. Para lograr mantener y aumentar el número de personas que visitan tu blog al mes, te ofrecemos los siguientes consejos que sólo necesitaran de tu voluntad para llevarlos a la realidad. Lo primero que debes defender es la originalidad: Ofrece un producto único, lleva siempre la creatividad de tu lado para buscar exclusividad en los temas. Para esto es muy importante que tengas en cuenta que no se nace creativo, las musas no son para sentarse a esperarlas, la creatividad como virtud se puede entrenar y heredar de la experiencia. Otra parte fundamental y que va ligada a lo que vas a ofrecer, es la forma en que quieres llegar a las personas que visitan tu blog. Es decir, tienes que aprender a leer mucho y escribir mucho para ganar bagaje en un tema de interés en específico (música, deportes, carrera, etc.). Si logras escribir de una forma que atraiga a la gente, ya tienes bases para mantenerte como un excelente blog. Una forma de conservar las visitas a tu sitio es la generación de debates, siempre deja abierta la posibilidad de que las personas participen y ayuden a conformar un tema. Después de tener claro lo que vas a ofrecer y cómo lo vas a ofrecer, tienes que esforzarte por conservar no sólo un grupo de personas, sino una comunidad virtual. La diferencia entre ambas definiciones radica en que en una comunidad hay sentido de pertenencia, las personas se sienten parte de un grupo, y ayudan por conservar o llevar a lo alto ese todo al que pertenecen. Para esto, invítalas a identificarse, registrarse en Hotmail para que interactúen de manera menos anónima con los otros integrantes.
Categorias: | Publicado por : test

Todos los emoticones para Facebook y Twitter


Emoticones de Facebook y Twitter


Nadie se sorprende hoy en día cuando ve un emoticono en una página web, pues estos se han convertido en algo que podemos decir, sin miedo a equivocarnos, que es imprescindible para las redes sociales u otras vías de comunicación en Internet.
Comenzaron a utilizarse en mayor medida en el ya extinto Messenger, y actualmente disfrutamos con ellos en cualquier red social o foro. Existen emoticonos para representar casi cualquier cosa, aunque los más utilizados son los clásicos como por ejemplo la cara sonriente o el guiño, los cuales suelen escribirse rápidamente con una combinación de caracteres sencilla.

Como ejemplo de red social en la que se utilizan muchos emoticonos, podemos hablar de Facebook, una de las más importantes de Internet, con millones y millones de usuarios. En la mayoría de comentarios de esta red social podemos encontrar al menos un emoticono, lo que demuestra la importancia de los mismos hoy en día, dado que sirven para reflejar cualquier tipo de emoción rápidamente.

Aunque los emoticonos que más se utilizan son los clásicos, también existen gran cantidad de emoticones para Facebook muy interesantes. Si pinchas en el enlace, accederás a una aplicación de esta red social en la que puedes encontrar muchísimos emoticonos divididos por categorías, de manera que sea más sencillo encontrarlos.
Las categorías de emoticones disponibles son: General, personas, naturaleza, objetos, lugares y transportes, símbolos. Tan solo tienes que hacer clic en alguna de las pestañas y podrás ver una lista completa de los emoticones disponibles en dicha categoría.

Una vez hayas escogido la categoría del emoticono que estás buscando, tan solo tendrás que localizarlo, seleccionarlo haciendo clic izquierdo con el ratón y copiarlo en el comentario o mensaje en el que quieres que aparezca. Como puedes ver, con la aplicación Todos los emoticones para Facebook es muy sencillo insertar cualquier tipo de emoticono en dicha red social.
En definitiva, usar emoticonos hoy en día en la red se ha vuelto algo muy común y existen aplicaciones para todo tipo de redes sociales, como la que hemos analizado anteriormente, para poder usar emoticones más fácilmente, sin necesidad de tener que buscarlos. Así que no dudes en usar este tipo de aplicaciones para insertar cualquier emoticono en tus comentarios.
Categorias: | Publicado por : test