Añadiendo AdSense en nuestro blog

Me preguntaban cómo añadir AdSense al blog, si se tenía que ir a un sitio externo y copiar un código...Nada más lejos de la realidad.
A decir verdad, hay dos formas de añadir AdSense a nuestro blog y las dos están...dentro de nuestro blog.

Si nos dirigimos a Diseño/ Añadir un gadget, encontraremos un widget que dice precisamente "AdSense"; para agregarlo bastará con dar click en el símbolo "+" que aparece al lado y seguir las indicaciones.



La otra forma de añadir AdSense la encontramos en la pestaña "Monetizar". Igualmente seguimos las instrucciones y añadiremos de forma sencilla publicidad en nuestro blog.

Insertando una imagen

Vamos a seguir con otro post básico, que servirá más para los que recién empiezan.
Luego de haber aprendido cómo publicar un post, hoy veremos cómo insertar una iamgen en un post para después publicarla.

Es bastante sencillo:

♠ Damos click en "Añadir imagen".
♠ Aparecerá una ventana emergente donde podrmos configurar el tamaño de la imagen (pequeña, mediana o grande), el estilo (izquierda, centrado, derecha) y si la subiremos desde nuestro equipo o si añadiremos una imagen de la web, pero ojo con hacer Hotlinking.
♠ Cuando tengamos todo configurado, damos click en "subir imagen" y dentro de unos segundos la imagen estará en el editor de texto e imagen, donde podrás complementar la imagen con algún texto y publicar tu post.

IconPot » 2500 íconos en un solo lugar

IconPot es un lugar donde podremos descargar íconos para nuestro blog. Posee una colección de más de 2500 íconos , que están en libre descargar, es decir, que podremos descargarlos gratuitamente.

Debo de decir que me han encantado muchos de ellos.



► IconPot

Eliminar iconos Open ID de los comentarios

Una pregunta que se me hace frecuentemente es cómo eliminar esos pequeños íconos que aparecen en los comentarios, al lado del nombre de la persona que comenta.



A decir verdad, y aunque parezca lo contario, no es nada complicado eliminarlos. Bien, empecemos.

♠ Vamos s Diseño/ Edición de HTML y expandir plantilla de artilugios.
♠ Con CTRL+F buscamos:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>

Quizás la segunda línea no sea igual en tu plantilla, por éso lo importante es encontrar la línea resaltada en negrita.

♠ Después que ubiquemos el código anterior, sustituímos lo que está resaltado en color anaranjado por lo siguiente:

<dt class='comment-author' expr:id='data:comment.anchorName'>

OJO, sólo reemplazamos lo que está en anaranjado y no todo el código.

♠ Damos click para guardar los cambios y éso es todo, muy sencillo.

Feed Icon 2.0: añadir ícono RSS en un click

Feed Icon 2.0 es un sitio web que nos permitirá en cuestión de segundos, colocar de una forma sencilla un ícono RSS en nuestro blog.

Sólo tenemos que colocar la dirección URL de nuestro feed y dar click en Generate Icon. Se generará un código con distintos modelos de íconos y que podremos agregar fácilmente a nuestro blog.

Consejos para tener más lectores

Revisando mi e-mail encontré un mensaje que me hizo reflexionar. Me pedía que le diera algún consejo para tener lectores, aunque sólo sean dos o tres porque, al parecer, el blog de la persona que me envió el mensaje (cuyo nombre no diré), no tenía muchos lectores.

No sé si seré la persona indicada para hablar sobre el tema, pero les diré lo que yo pienso que hay que hacer para conseguir lectores y que nos sigan visitando...Claro que sólo son consejos que pueden dejar o tomar.

1. Hacer post originales y a diario: me parece que si pones notas o post originales, más gente va a visitar tu sitio, ya que al ser contenido "único" vas a frecer algo diferente , algo nadie más ofrece. Por otro lado, también es importante que escribas a diario o por lo menos, cuatro o cinco veces a la semana, que renueves tus notas para que tus lectores tengan , por decirlo así, alguna curiosidad por saber que nota has publicado.


2. Una imagen vale más que mil palabras: también es importante que tus post las acompañes con imágenes. Trata que las imágenes también sean tus imágenes; si no puedes , por lo menos trata de guardarlas en tu PC y subirlas a tu propio servidor.


3. Contesta los comentarios: si alguien te deja algún comentario, respóndele lo más pronto que puedas y si puedes, visita también su blog, forma una relacion con tus lectores.


4. Trata de suscribir tu blog al mayor número de directorios: si suscribes tu blog a varios directorios, es muy probable que un lector potencial encuentre tu blog y empiece a "seguirte".

Espero que el post sirva a la persona que me envió el mensaje y también a otras personas que se encuentran en igual situación...Y si no tienen muchos lectores, ánimo! no desesperen.

Nature Desktop Wallpapers

Nature Desktop Wallpapers un sitio donde podremos encontar hermosos wallpapers de temas de la naturaleza, como flores, paisajes, animales,etc.



► Nature Desktop Wallpapers

Scroll de links » enlaces en movimiento

Es un buena opción para presentar los enlaces que querramos colocar en la sidebar del blog.Vamos a ver cómo se hace:

El código que usas es éste:

<marquee direction="up" scrollAmount="1" style="background- text-align: center; width:150px;height:150px;border:1px solid #000000;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='2'">
<a href="URL DEL ENLACE" title="TÍTULO"><img src="URL DE LA IMÁGEN"</a> <br>
<a href="URL DEL ENLACE" title="TÍTULO"><img src="URL DE LA IMÁGEN"</a> </marquee>

Explicación:

♠ marquee direction es el que orienta el movimiento de los enlaces [hacia arriba (up),abajo (down),a la derecha (right) o a la izquierda (left)]
♠ scrollAmount es la velocidad de movimiento. A mayor número, mayor será la velocidad.
♠ text-align es la posición de los enlaces [centrados (center),a la derecha (right)o a la izquierda (left)]
♠ width es el ancho de la tabla y height es el alto.
♠ border es el grosor del borde de la tabla.
♠ #000000 podemos reemplazarlo por el color que querramos (en hexadecimales)

Ejemplo:







Ahora que ya sabemos cómo hacerlo, podemos modificar el código a nuestro gusto y lograr efectos interesantes...Les dejo algunas ideas:







como este otro...:







o tal vez éste:







...En fin, hay muchas formas de personalizarlo, cambiando los bordes, colores,tamaños, etc.
Ya saben, si tienen alguna duda, háganmela saber.

Widgets para tu blog con Yourminis

Yourminis es una web que nos ofrece una cantidad sorprendente de widgets para nuestro blog, como lectores de feed, reproductores de música, contadores,calendarios, relojes, etc.
Cuenta con un buscador interno, que nos permitirá buscar de forma sencilla el gadget que busquemos.

Aquí les dejo uno de los gadgets que me gustó mucho por ser útil y sencillo de usar: una calculadora.

La sidebar de Blogger

La palabra "sidebar" es de uso frecuente en la terminología Blogger; he usado esta palabra en varios post. Pero varios (especialmente los que recién empiezan en Blogger), no saben que es la sidebar.

En términos sumamente senciloos, la sidebar es la barra lateral, la columna que está al lado del cuerpo de los post.

En la siguiente imagen podrán apreciar mejor a qué columna me refiero:



Entonces, como vemos , es la columna lateral donde colocamos nuestros gadgets o widgets (si no sabemos lo que son, lo veremos más adelante).

» Ahora, si deseas saber cómo personalizar la sidebar : personalizar los títulos, añadir color, estilo o gadgets entra aquí.

Plantillas Sablonlari

En Blogger Sablonlari , encontraremos una colección de plantillas para blogger de un estilo muy original y con mucho color.

Aquí una pequeña muestra:



► Blogger Sablonlari

Botón para mostrar y ocultar la navbar

Hace un tiempo habíamos visto tres formas de qué hacer con la navbar: ocultar, eliminar o personalizar la navbar.



Pero hoy vamos a ver otra forma de presentar la barra de navegación (navbar). Lo vi en Derya's WebResource.axd y me pareció muy interesante. Si quieres ver cómo queda, puedes vaer la DEMO en mi blog de pruebas.

Ahora les explico cómo hacerlo.

► Entramos a Diseño/ Edición de HTML y con ayuda de CTRL+F buscamos </head> y antes de este código, pegamos lo siguiente:

<script type="text/javascript">
var showHeader=false;
function ShowHideNav()

{showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{nav.style.visibility="visible";
nav.style.display="block";}
else
{nav.style.visibility="hidden";
nav.style.display="none";}
}
</script>
<style type="text/css">
#navbar-iframe {
visibility: hidden;
display: none;}
</style>

► Luego de éso guardamos los cambios y en un nuevo elemento HTML, pegamos lo siguiente:

<span style="cursor:pointer;" onclick="ShowHideNav();">
Mostrar / Ocultar Navbar
<a style="visibility:hidden;">
</a></span>

► Donde dice Mostrar / Ocultar Navbar es el texto que se verá en la sidebar, para presionar y que aparezca y desaparezca la navbar; podemos cambiarlo por otro texto, símbolo o imagen. Para este último caso, bastará con agregar <img src="aquí-la-url-de-la-imagen" /> en lugar del texto.

La DEMO la pueden ver en mi blog de pruebas.

Y éso es todo , bastante sencillo y útil.

► Visto en Derya's WebResource.axd.

Premio "Seguidores"

Hace unos días recibí el Premio Gracias por compartir de manos de Yessmi; y Fabiana me informa que también me otorga otro premio, el Premio Seguidores.

Debo decir que al principio no pensé que el premio fuese para mí, pero un comentario de Fabiana lo aclaró todo:

Aprovecho la oportunidad para repetirte mi contestación en mi blog sobre el Premio Seguidores, que creo no entendiste: el premio es para tí también cariño. Fuiste una de las primeras seguidoras del Blog de Fabiana hasta que Blogger no regaló ese hermoso "coso", jojo; y en la lista de seguidores que publiqué en la entrada aclaré que no estaban todos y también el premio era para los antiguos seguidores como tú, Imiter y otros que ahora no recuerdo.

Aclarado el tema, sólo me queda darle gracias a Fabiana y que siga adelante con su blog!

Íconos RSS en forma de sillones

La web Mínimamente ha sacado una colección de íconos RSS muy originales en forma de sillones. Hay modelos de todos los colores y están disponibles para ser descargados desde dicha web.

Aquí, una pequeña muestra.



► Mínimamente

Frases al azar

Hace unos días lo vengo aplicando en mi blog y me preguntaron cómo conseguirlo. Se trata de un código , que podemos pegarlo como nuevo elemento HTML en la sidebar de nuestro blog y que nos permitirá mostrar frases, citas de autores,etc de forma aleatoria, es decir, que cada vez que carguemos el blog se mostrará una frase distinta.

Debo de decirles, que el gadget sólo permite un máximo de 25 a 30 frases. Bien, para hacerlo, pegamos el siguiente script como nuevo elemento HTML:

<script language="JavaScript">
citas = new Array(3)
citas[0] = "AQUÍ-TU-FRASE."
citas[1] = "AQUÍ-TU-FRASE."
citas[2] = "AQUÍ-TU-FRASE."
aleatorio = Math.random() * (citas.length)
aleatorio = Math.floor(aleatorio)
document.write(citas[aleatorio])</script>

Para agregar más de cuatro frases, deberemos de cambiar new Array(4) por otro número.

Si deseas personalizar el widget, por ejemplo, cambiar color de letra, añadir algún alineado, etc, deberás de agregar los siguiente:

<div style="color: #ff2000; text-align: right; font-weight: bold">
(AQUÍ-PEGAR-EL-SCRIPT-ANTERIOR)
</div>

Pixer.us » edita tus imágenes online

Pixer.us es una extraordinaria página que nos permite editar, de forma sencilla y online, nuestras imágenes o fotos.

Este editor permite dar tamaño a las imágenes, girarlas, darles efectos, cambiar la saturacion, el contraste , el brillo y otros efectos.

Premio "Gracias por compartir"

Acabo de recibir de manos de Yessmi el premio "Gracias por compartir". Un honor que me hace y que recibo con mucho cariño.


Y como este premio debe de compartirse con cinco personas, aquí el nombre de los blogs que he escogido. Los escogí porque son blogs donde se comparten muchas cosas: experiencias, conocimientos, comparten lo que saben con los demás, de forma desinteresada.

Estos blogs son :

» El blog de Fabiana
» El Confesionario †
» Recetario Canecositas
» Para Para Todos
» Letras y Anillos

Felicitaciones a todos y Gracias por compartir!

Mixpod » música en tu blog

Con Mixpod podrás agregar música a tu blog. Mixpod te ofrece la posibilidad de crear un un reproductor con tu música favorita. demás ofrece una variedad de modelos de reproductores de música.
No es necesario tener una cuenta, pero sería bueno que crearas una para poder tener control sobre las listas de música que crees.

Bien, para crear tu Playlist, sigue los siguientes pasos.

♠ Del menú, has click en "Create Playlist"
♠ Luego, sigue los pasos que te indican:
» En "Add music" selecciona la música que quieras agregar a tu reproductor de música y das clik en el símbolo "+" que aparece al lado de cada canción.
» En "Customize" podrás escoger el modelo de reproductor de música.
» Finalmente, en "Save Playlist", deberás llenar algunos datos (como el nombre de la lista, etc) al final , das click en "Save (get code)" y podrás pegar en tu sidebar (como nuevo elemento HTML) el código que genere.



Pasos sencillo, buena música y reproductores de música originales los podrás encontrar en Mixpod

Alojando scripts en gadgets

En las últimas semanas varios hemos sido testigos de los problemas que han surgido con nuestros scripts alojados en SkyDrive. Si bien hay varias páginas que nos ofrecen alojamiento, también es cierto que podemos alojar los scripts pequeños en la plantilla o en los gadgets.

Para alojar un script en un gadget, por ejemplo el de últimos comentarios, debemos de agregar lo siguiente:

Primero, sustraemos el contenido del archivo y lo copiamos en el block de notas, por ejemplo.

Si el archivo a alojar es de tipo javascript (.js), lo alojaremos del siguiente modo:

<script type='text/javascript'>
AQUÍ-EL-CONTENIDO-DEL-SCRIPT
</script>

Si es un archivo CSS lo haremos del siguiente modo:

<style type='text/css'>
AQUÍ-EL-CONTENIDO
</style>

TwitterJobSearch » busca trabajo en Twitter

En una ocasion, una amiga me comentó que Twitter estaba de moda. No sé si será del todo cierto, pero lo cierto es que ahora podremos buscar trabajo, un empleo en Twitter a través de TwitterJobSearch.