Mostrando entradas con la etiqueta código HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta código HTML. Mostrar todas las entradas

25 mayo 2017

Cómo poner la caja de Me gusta de facebook en el blog


Vale, lo que veremos en la entrada de hoy es bastante básico y nada nuevo, es más, en Internet encontramos un sin fin de posts sobre este tema que ya está sobre explotado. Sin embargo, y ante la gran cantidad de mensajes que he recibido pidiendo información sobre este tema (ok exagero, solo es un mensaje por la página de contacto y 2 comentarios de hace tiempo) pues he decidido publicar una entrada en donde veremos Cómo colocar el Like Box de Facebook en el blog.

En entradas anteriores habiamos visto de manera breve pero efectiva como colocar widgets sociales en la parte inferior de nuestras entradas, como los botones de "Me gusta" y "compartir" de facebook o el clásico "Tweet" de Twitter. Lo que veremos hoy, resulta todavía más fácil de colocar.

En realidad es muy sencillo y para realizarlo solo necesitamos 2 cosas:
Además de seguir los pasos que a continuación se muestran.

Leer más
      edit

23 junio 2016

Cómo colocar los botones de redes sociales al final de cada post


Lo que veremos en este post es algo muy básico, algo de lo que hace tiempo debí hablado (como unos 3 o 5 años) y solo es que hasta que lo volví a aplicar en un proyecto en el que estoy trabajando recordé que nunca había hablado de él en el blog.

Un problema que tenemos los usuarios de Blogger son los pequeños botoncitos sociales que coloca por defecto al final de cada entrada, los cuales son muy pequeños (por no decir minúsculos) y para nada atractivos que no ayudan en nada a la estética y difusión de la entrada. Seamos sinceros, ¿alguna vez lo hemos utilizado en otros blogs?

Gracias a dios, Facebook, Twitter y las demás redes sociales nos permiten colocar su propio botón personalizado, cosa que veremos como realizar de manera rápida y sencilla en este post.

Leer más
      edit

01 febrero 2016

Widget vertical de redes sociales para Blogger

Hacía tiempo (muchísimo tiempo) que me había robado este widget de algún sitio que lo compartía por ahí. No recuerdo cual era, ni mucho menos el nombre de su autor por lo que dejaré el pendiente de buscar y dar el respectivo crédito.

El caso es que el día de hoy, comparto con ustedes este widget de redes sociales para colocar en la barra lateral del blog. Este widget lo utilicé por varios años en La Taberna por resultar muy atractivo por la transición CSS que contiene mismo que podemos observar aquí:
Leer más
      edit

12 noviembre 2015

Cómo ofrecer suscripción por correo a mi blog con FeedBurner


La suscripción vía Email al blog es un método muy frecuentado por los lectores de blogs para recibir las actualizaciones más recientes de sus sitios preferidos. Mucha gente aún prefiere el correo electrónico sobre las redes sociales para mantenerse al día con las publicaciones de sus sitios preferidos por la privacidad que ofrece.

Ofrecer una suscripción a nuestros lectores resulta de gran ayuda ya que ofrece la posibilidad de elegir la forma en como se quieren enterar de nuestras publicaciones así como una forma de conocer y administrar a nuestros seguidores fieles.

Feedburner es una herramienta de Google que nos ofrece la posibilidad, entre muchas otras, de añadir un formulario de suscripción vía Email en nuestro blog. Feedburner es ideal para nosotros por lo sencillo que resulta su uso así como por su integración con Blogger

En este post aprovecharemos esa integración que existe entre Feedburner y Blogger para activar nuestra cuenta de feedburner, configurarla y, mediante el widget de Blogger, ofrecer una suscripción rápida y sencilla a nuestros lectores al blog.

Leer más
      edit

16 septiembre 2015

Widget de formulario de contacto oficial de Blogger

Blogger cuenta con su propio formulario de contacto vía email en forma de widget ajustable para instalar en la barra lateral de nuestro blog el cual resulta una potente herramienta ya que nos abre una vía de comunicación más personal con nuestros visitantes.

En este post veremos como colocarlo, ya sea en la barra lateral o en una página separada.

Aunque es más limitado que el formulario de Foxyform, el widget de blogger no deja de ser una igual de util para estar en contacto con nuestros lectores ya que les permite dejar fácilmente un mensaje directamente desde el mismo blog.

La ventaja de este formulario frente a otros es que proviene del propio Blogger, lo cuál nos evita depender de otros servicios similares que pueden (o no) desaparecer de la noche a la mañana así como aceptar términos y condiciones con los cuales no estamos de acuerdo, pero que aún así aceptamos con tal de tener nuestro formulario.

Leer más
      edit

16 agosto 2015

Colocar dos columnas de texto en la entrada del blog


Las entradas en Blogger tienen dos modos de edición: el modo Redactar nos permite escribir nuestro artículo tal cuál lo veremos al publicar (esta forma de redacción se denomina WYSIWIG) y el modo de edición HTML mediante el cuál podemos escribir manualmente el código HTML de la entrada. Adicionalmente tenemos la Vista previa para observar como se mostrará la entrada en el blog una vez publicada.

Leer más
      edit

18 marzo 2015

Usar una pestaña del navegador como bloc de notas


A través de Microsiervos, me he encontrado con un curioso artículo de José Jesús Pérez Aguinaga llamado One line browser notepad donde nos muestra como a través del elemento 'contenteditable' podemos para crear en una pestaña del navegador una página en blanco editable que usaremos como bloc de notas.

Leer más
      edit

12 marzo 2015

Optimizar los títulos de las entradas de mi blog en Blogger


Cambiar el orden en como se muestran los titulos de las entradas de nuestro blog en Google es un método eficaz para escalar posiciones. Por defecto, Google muestra primero el nombre de nuestro blog y después el título de nuestra entrada tal y como vemos en la imagen de arriba.

Leer más
      edit

12 enero 2015

Widget de posts relacionados para Blogger (III): Script de enlaces relacionados

En las entradas anteriores a este post, tratábamos el tema de los widgets de contenido relacionado para las entradas de nuestro blog. Primero hablamos del widget de Linkwithin y como modificarlo para cambiar la frase que trae por defecto (ver entrada aquí). Después hablamos de Shareaholic, específicamente de su herramienta de 'Related content' en la cual vimos cómo crear una cuenta, coonfigurar nuestro widget y colocarlo en nuestro blog (ver entrada aquí).


Ahora toca el turno de un Script que mostrará al visitante enlaces de contenido relacionado con nuestro post proporcionado por Bloggertrix. Aunque no es tan llamativo, resulta igual de eficiente que las opciones anteriores por lo que no debemos subestimar su uso especialmente si nuestro blog está muy sobrecargado o si buscamos una opción discreta.

Leer más
      edit

29 septiembre 2013

Código HTML sencillo para insertar flash en Blogger.

Este sencillo código HTML nos puede servir para la inserción fácil y rápida de un archivo Flash dentro de nuestras entradas de Blogger. Nos resulta muy sencillo de usar ya que solo necesitamos de tres sencillos datos que nosotros seremos los que otorgaremos: La URL del archivo flash que nosotros deseamos pegar en nuestra entrada, El ancho que queremos ocupar dentro de nuestra entrada y finalmente el alto para, lógicamente, definir la altura de nuestro archivo flash en la entrada.

Hay que recordar que si tenemos el archivo en nuestra PC deberemos subirlo a un hosting que permita el uso de archivos .swf como es el caso de Dropbox que nos permite hasta 10 gb de banda ancha.

Nuestro código a usar es el siguiente:
<object type="application/x-shockwave-flash" data="URL del archivo.swf" width="Ancho" height="Alto">
<param name="movie" value="URL del archivo.swf" />
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" />
</object>
Donde, deberemos copiar y pegar en nuestra entrada y a continuación cambiar las siguientes etiquetas:
  • URL del archivo.swf Recordando que las url siempre inician con el protocolo http:// y se coloca en dos atributos diferentes: el primero para Internet explorer y el segundo para el resto de los navegadores.
  • Ancho donde deberemos indicar el valor que deseamos que tenga nuestro flash en relación a su ancho.
  • Alto donde finalmente, indicaremos el valor de altura que deseamos que tenga nuestro flash.
El resultado que obtendremos será algo como esto:




Cabe destacar que, en caso de que utilizemos un archivo .swf nuestro, deberemos verificar que nuestro archivo tenga un acceso público, ya que en caso contrario, nosotros podremos ver el archivo por estar logueados en nuestra cuenta pero nuestros visitantes no.

¿Te fue de ayuda este artículo?
Si el artículo te agrada puedes suscribirte a La Taberna para recibir las últimas actualizaciones del blog o bien, puedes dar me gusta en Facebook, seguir en Twitter o agregar a tus círculos de Google +. También puedes expresar alguna duda, sugerencia, o comentario a través de la página de contacto o aquí en la misma entrada.
Leer más
      edit

27 junio 2013

Textarea: Código HTML sencillo para crear cuadro de código HTML. (1)

En una de mis entradas anteriores (ver aquí) les mostré como crear un sencillo botón de enlace para realizar los llamados "intercambios de enlaces" entre otros sitios web o para que ustedes le saquen algún provecho. Muchos de ustedes se habrán dado cuenta de que lo coloqué en un cuadro de código HTML tal y como se los puedo mostrar en la siguiente imagen:

Este cuadro fue utilizado en la entrada anterior para mostrar un código HTML. 
Leer más
      edit

21 junio 2013

Crear botones de enlace a partir de un sencillo código html

Una imagen alaeatoria y un sencillo link son los únicos elementos que necesitamos para crear un botón de enlace improvisado. En realidad no es un botón como tal, pero su uso es similar y nos otrogará los mismo resultados. Al final tendremos un botón de enlace como este: 

La Taberna de Julio

Para crear un sencillo botón de enlace como el que se muestra, solo tendremos que hacer uso del siguiente código html, mismo que podemos copiar y modificar a nuestro gusto y conveniencia:



Para utlizar este código basta con copiarlo en un cuadro widget de HTML o de cuadro de texto en nuestro blog o sitio y cambiar los campos resaltados en mayúsculas por lo que se solicita. cabe destacar que este sencillo código consta de tres elementos importantes:

a href es el primer es el elemento que indica la url a la cuál se dirigirá el botón y en el cuál al hacer click direcionará. ejemplo: http://latabernadejulio.blogspot.com/

img alt es el segundo elemento en el cuál se deberá indicar la url de la imagen que utilizaremos como botón de enlace. Por ejemplo: http://www.retiradosspb.org.ar/Images/boton-enlaces.jpg  para mostrar esta imagen:
Divertido ¿no? 
por último está el elemento title que nos indica el nombre del sitio a enlazar, en otras palabras el nombre del sitio como tal. ejemplo: La Taberna de Julio.

¿Te fue de ayuda este artículo?
Si el artículo te agrada puedes suscribirte a La Taberna para recibir las últimas actualizaciones del blog o bien, puedes dar me gusta en Facebook, seguir en Twitter o agregar a tus círculos de Google +. También puedes expresar alguna duda, sugerencia, o comentario a través de la página de contacto o aquí en la misma entrada.
Leer más
      edit

12 febrero 2013

Dos cosas que yo se de tí: tu dirección IP y tu navegador.

Tu dirección IP es:

my ip





No, no es magia, tampoco estoy usando un programa especial y mucho menos los estoy espiando. En este caso me resulta muy sencillo averigüar su dirección IP gracias al uso del código HTML. en el primer caso el código es un widget el cuál podemos  encontrar en el sitio IP Script que nos hace el favor de otorgar gratuitamente 3 códigos HTML para escoger el que más nos guste.

Para el segundo caso, se trata de un Código proporcionado por Vagabundia y él cuál es más interesante, ya que podemos modificar el código muy sencillo y así adaptarlo a nuestro gusto y necesidad. para saber más acerca de este último código pueden entrar haciendo click sobre estas palabras.
Leer más
      edit