Algo muy popular en los blogs es el colocar publicidad. En este caso, aprenderemos a insertar los banners de 125 x 125 píxeles.
El tamaño de la sidebar (barra lateral) debería ser de 280 píxeles de ancho (como mínimo) para que los banners se visualicen correctamente.
Si tu barra lateral es de una anchura menor, no hay de que preocuparse, ya que las casillas publicitarias se "alinearán" de forma vertical".


Pega este código:
<div class="publicidad">
<a href="URL DEL ENLACE 1"><img style="padding: 4px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEj70dp5R1zzc6kFvXnrQ6AFreQfNyyAfhEOxEZd3Zgh0Tzq261pFt_WtI9oKpSW_10nPx7FO3KRCCIm1VmFh2Ek2Ene-FgMCly4jHPcwU8R0k6K6V6kTxwvjyciz2a6SFBaPaW0bh00/s1600-r/anunciobalcon.png" /></a>
<a href="URL DEL ENLACE 2"><img style="padding: 4px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEj70dp5R1zzc6kFvXnrQ6AFreQfNyyAfhEOxEZd3Zgh0Tzq261pFt_WtI9oKpSW_10nPx7FO3KRCCIm1VmFh2Ek2Ene-FgMCly4jHPcwU8R0k6K6V6kTxwvjyciz2a6SFBaPaW0bh00/s1600-r/anunciobalcon.png" /></a>
<a href="URL DEL ENLACE 3"><img style="padding: 4px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEj70dp5R1zzc6kFvXnrQ6AFreQfNyyAfhEOxEZd3Zgh0Tzq261pFt_WtI9oKpSW_10nPx7FO3KRCCIm1VmFh2Ek2Ene-FgMCly4jHPcwU8R0k6K6V6kTxwvjyciz2a6SFBaPaW0bh00/s1600-r/anunciobalcon.png" /></a>
<a href="URL DEL ENLACE 4"><img style="padding: 4px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEj70dp5R1zzc6kFvXnrQ6AFreQfNyyAfhEOxEZd3Zgh0Tzq261pFt_WtI9oKpSW_10nPx7FO3KRCCIm1VmFh2Ek2Ene-FgMCly4jHPcwU8R0k6K6V6kTxwvjyciz2a6SFBaPaW0bh00/s1600-r/anunciobalcon.png" /></a>
<a href="URL DEL ENLACE 5"><img style="padding: 4px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEj70dp5R1zzc6kFvXnrQ6AFreQfNyyAfhEOxEZd3Zgh0Tzq261pFt_WtI9oKpSW_10nPx7FO3KRCCIm1VmFh2Ek2Ene-FgMCly4jHPcwU8R0k6K6V6kTxwvjyciz2a6SFBaPaW0bh00/s1600-r/anunciobalcon.png" /></a>
<a href="URL DEL ENLACE 6"><img style="padding: 4px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEj70dp5R1zzc6kFvXnrQ6AFreQfNyyAfhEOxEZd3Zgh0Tzq261pFt_WtI9oKpSW_10nPx7FO3KRCCIm1VmFh2Ek2Ene-FgMCly4jHPcwU8R0k6K6V6kTxwvjyciz2a6SFBaPaW0bh00/s1600-r/anunciobalcon.png" /></a>
</div>
Reemplaza en cada caso, URL DEL ENLACE por la dirección del sitio web anunciado, así como la línea...
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEj70dp5R1zzc6kFvXnrQ6AFreQfNyyAfhEOxEZd3Zgh0Tzq261pFt_WtI9oKpSW_10nPx7FO3KRCCIm1VmFh2Ek2Ene-FgMCly4jHPcwU8R0k6K6V6kTxwvjyciz2a6SFBaPaW0bh00/s1600-r/anunciobalcon.png
Por la dirección del banner que ofrece el blogger o webmáster para ser publicitado.
En caso de querer añadir más casillas, pega esta línea antes del cierre </div> tantas veces como quieras:
<a href="URL DEL ENLACE 6"><img style="padding: 4px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEj70dp5R1zzc6kFvXnrQ6AFreQfNyyAfhEOxEZd3Zgh0Tzq261pFt_WtI9oKpSW_10nPx7FO3KRCCIm1VmFh2Ek2Ene-FgMCly4jHPcwU8R0k6K6V6kTxwvjyciz2a6SFBaPaW0bh00/s1600-r/anunciobalcon.png" /></a>
El aspecto del gadget sin publicidad será el mismo que el de la imagen (arriba).
Guarda el gadget para terminar.
Hola Jaime! Caramba, te luciste esta vez. He leído este consejo en varios blogs de ayuda,pero en ninguno explicado y demostrado en forma tan didáctica como en tu Balcón. No hay forma de no comprender, y de no insertarlo con éxito.
También he visto por ahí que en caso de tener los espacios vacíos y disponibles para su renta, se coloque alguna frase tal como "Anúnciate aquí", en inglés y castellano, e incluso he encontrado algunos con mensajes divertidos, que igual invitan a rentar dichos espacios. Será cosa de preparar la imagen en un editor de imágenes, con las frases correspondientes, subirlas a blogger o a un host cualquiera, y reemplazar en tu truco la URL en color azul por la que conduzca a la nueva imagen editada.
Si hacer esto es rentable para tu blog o sitio web, dependerá de qué tanto cobres por cada espacio. Y tanto más podrás cobrar, cuanto más popular y visitado sea tu sitio. Siguiendo esa lógica... ¡El Balcón debe cobrar a peso de oro! :D
¡Saludos y hasta pronto!
¡Arny Joaquín! es magnífico entonces saber que la entrada resultó fácil de entender ;).
Es cierto, en las casillas de publicidad también se suele incluir un mensaje anunciando la oferta o el precio.
Como bien dices, bastará por reemplazar la URL de la imagen (indicada en la entrada) por la de cualquier otro icono.
Por el momento y espero que hasta dentro de mucho tiempo, no ofreceré anuncios en El Balcón, así como no insertaré publicidad.
Pienso que compartir es algo muy bello y, por lo menos a mi, no me gustaría recibir nada a cambio (aunque llevas mucha razón, con un blog se puede ganar bastante) :D.
El Balcón es algo "voluntario" y el objetivo es compartir la mayor cantidad de información que conozca a todo el mundo.
¡Abrazooos!
Hola jaime buen post, pero por mas que he buscado en todo el internet aun no encuentro la solucion a lo que quiero hacer quiero poner en mi blog
algo similar a lo que esta en esta pagina
kipsichannel
quiero poner lo que ellos tienen en la cabezera
donde tienen todos los animes, perdon si no me se explicar bien es que soy nuevo en esto del HTML
Es refrescante saber, que existen aún en el mundo personas tan generosas como tú, amigo Jaime. Tanto trabajo, a cambio de nada más que el agradecimiento, y a veces ni eso. ¡Aún hay esperanza para la humanidad!
Hasta pronto!
Hola ۞ɸѬÐȺЯӃ ȘѲŮȴѬɸ۞. ¿Te refieres a poner un buscador? ¿Un índice?
Si se trata de un índice, debes utilizar etiquetas. Ordena tus entradas por categorías (con letras por ejemplo) para después poder crear un menú.
¡Arny Joaquín! así es, vuestras palabras son prácticamente lo único que me anima a escribir artículos día a día.
Creo que estás en lo cierto, aún hay esperanza en la humanidad.
¡Abrazos, amigo!
Hola Jaime!..Esto está espectacular !!! y se puede usar para otras cosas que estoy pensando (creo). Ahora, una pregunta: segun el codigo estas areas van una debajo de la otra, no? Y si quisiera hacer una especie de panel de 2x6 anuncios?(6 filas de 2 anuncios)...perdon por el enredo !!!
Como siempre super util todo!!!!
Saludos !!!
Uff perdón.....la sidebar le da la forma (el codigo es horizontal, ya entendí :). Pero en realidad pensaba poner el gadget en otro lado,opr ejemplo bajo las entradas, por esto la pregunta anterior....
Saludos !!!!
Hola Gra! puedes personalizar el tamaño de los banners añadiendo lo que te muestro en negrita en la siguiente línea:
<div style="width: 270px;" class="publicidad">
Eso mostrará dos columnas con seis recuadros para colocar los banners ;).
Si necesitas algo más dímelo.
:D
Espectacular !!! y muy claro !!!!!
Gracias !!!!
SALUDOS CORDIALES !!!
Un placer, Gra. Me alegro de haberte ayudado.
Jaime un siete... pero me gustaria si pudieras hacerlo de dos en dos..... gracias y disculpa
Perdón Jaime lo que pasa que en mi blog nincab.blogspot.com me quedaron uno tras otro, debe ser por el espacio
Nincab, la solución ante tu problema está resuelta en el comentario número 9.
Si necesitas algo más dímelo ;).
Jaime muchísimas gracias por compartir tu conocimiento, andaba buscando como hacerlo ahora lo logre gracias a tu sencilla explicación.
Veo que entonces ya está todo solucionado, Lilia Lorenzo ^^. Me alegra haber podido ayudarte con la entrada.
Como siempre me dejas anonadado, me encanta lo que haces por todos nosotros, muchas gracias. A parte de los trucos que nos enseñas, para mejorar nuestros blogs, también me gusta mucho los animales y cuando tengo tiempo hago de cocinillas, asique tendré que robarte alguna de esas recetas. Gracias de nuevo y un saludo
Entonces creo que compartimos los mismos gustos, David.
Es una algría mantener conversaciones contigo, gracias por seguir mis artículos.
No dudes en enviarme alguna que otra foto de la receta, será un gusto compartirla.
gracias genio lo estaba buscando