Tecnología

Inicio

Cómo hacer un botón Blog de Blogger

botones de blog son pequeños gráficos que crea para otros bloggers y webmasters para colocar en sus sitios como una forma de vincular a su blog. Con el código HTML, que pueden hipervínculo su botón de blog para que sus visitantes pueden navegar a la página de inicio haciendo clic en el botón de blog. Crear, subir y compartir un botón para promover un blog que está alojado en plataforma de blogs de Google, Blogger, es fácil con el editor de imágenes basado en web gratuito Picnik.

Instrucciones

Crear Blog Botón

1 Visita picnik.com y haga clic en el verde "empezar ahora mismo!" botón en el centro de la pantalla.

2 Haga clic en el botón "Subir una foto". Busca en tu disco duro para la imagen que desea utilizar para su botón del blog y haga doble clic en el archivo para seleccionarlo. Picnik carga automáticamente la imagen a su tablero de instrumentos.

3 Haga clic en el botón "Recortar" en el menú superior. Haga clic en "Plaza" en el menú desplegable junto a "Crop?" y arrastrar los bordes de la malla alrededor de modo que la cuadrícula muestra sólo la parte de la imagen que desea utilizar en su botón. Permite recortar la imagen en un cuadrado de lados iguales de forma que posteriormente puede cambiar su tamaño para las tradicionales dimensiones de 125 por 125 píxeles de muchos de los diseños de blog de Blogger. Cuando esté satisfecho con las proporciones de cultivos, haga clic en "Aceptar" en la parte superior izquierda.

4 Editar la imagen a su satisfacción el uso de las herramientas en el menú de edición de Picnik en la parte superior de la página. Puede ajustar los colores, el contraste, el brillo, la nitidez y otros ajustes.

5 Haga clic en el botón "Cambiar tamaño" en la parte superior e introduzca "125" en el primer campo "Nuevas dimensiones", asegurando que la casilla junto a "Mantener proporciones" permanece activada. Picnik se ajustará automáticamente la altura y el ancho a 125 píxeles. Haga clic en Aceptar."

6 Haga clic en la pestaña "Crear" en la parte superior. Esto abre un nuevo submenú de herramientas que le permiten añadir texto, gráficos, marcos, efectos especiales y decoraciones de temporada a la imagen.

7 Haga clic en el botón "Texto" en el sub-menú en la parte superior. Haga clic en su fuente y escribir el texto en la esquina superior izquierda. Añadir el nombre de su blog y cualquier otro texto que desea que su botón para que. Haga clic en el botón "Añadir" debajo del campo de texto. Esto añade su texto a la imagen en blanco en el tamaño por defecto, que es demasiado grande para la mayoría de imágenes de 125 por 125 píxeles. Cambiar el color y el tamaño utilizando los controles del cuadro de diálogo que aparece cuando se hace clic en "Añadir". Mover el texto a una ubicación diferente en su imagen haciendo clic sobre ella, manteniendo pulsado el botón del ratón y arrastrándolo a la que desea que se muestre.

8 Decorar y embellecer su imagen para su satisfacción mediante las otras herramientas en el "Crear" sub-menú.

9 Haga clic en el botón "Guardar" cuando esté listo para guardar la imagen en su disco duro. Cambie el nombre del archivo, si lo desea, y haga clic en el botón "Guardar foto". Un cuadro de diálogo en el que se puede navegar a la ubicación en el disco duro en el que desea guardar su botón blog. Haga clic en "Aceptar" para guardar la imagen en su disco duro, y luego cerrar Picnik en su navegador.

Subir su botón

10 Abra la página blogger.com e introduzca el nombre de usuario y contraseña de Google asociada con su cuenta de Google.

11 Haga clic en el botón "Nuevo Mensaje" bajo el nombre del blog a la que desea añadir su botón. Si prefiere añadir su botón a una página estática, tales como una página "Conexión a nosotros", haga clic en el enlace "Editar páginas" en el submenú y, a continuación, haga clic en el botón "Nueva Página".

12 Introduzca un nombre para el nuevo puesto o una página en el campo "Nombre" y escriba y formatear el contenido en el siguiente formulario. Usted puede dejar que sus lectores del blog saben que conceda permiso para que puedan utilizar este botón en sus propios blogs, con el fin de vincular de nuevo a su sitio. También puede incluir instrucciones y códigos para las diferentes formas en que sus usuarios pueden descargar su botón y enlace a su sitio.

13 Haga clic en el espacio en el contenido de dónde quiere que su blog para botón aparece y haga clic en el botón "Añadir imágenes" por encima del campo de formulario de contenido. Se trata de un pequeño botón rectangular con un pequeño gráfico de un paisaje de montaña en él, que se encuentra a la derecha del botón "Enlace". Una ventana emergente aparece al cargar la imagen.

14 Haga clic en el botón "Elegir archivos" y navega en el disco duro para la ubicación del botón de blog. Haga doble clic en el archivo de botón. Esta carga automáticamente el botón de la biblioteca de imágenes de su blog.

15 Haga clic en el botón "Agregar seleccionados" en la esquina inferior derecha del cuadro de diálogo y, a continuación, haga clic en la imagen tal como aparece en su contenido. Una pequeña fila de comandos de menú aparece debajo de la imagen.

dieciséis Haga clic en el enlace "Tamaño del original". Blogger veces muestra las imágenes en formatos comprimidos y dimensiones, y esto asegura que su botón de muestra en sus dimensiones originales.

17 Haga clic en la naranja "Publicar página" o el botón "Publicar Publicar" en la esquina inferior izquierda para hacer que su página estática o entrada de blog con su nuevo botón blog en vivo en tu blog.

Consejos y advertencias

  • Mientras que 125 píxeles por 125 píxeles son dimensiones comunes para los botones del blog, puede dar alguna dimensiones que desee a la suya. Algunas otras dimensiones comunes incluyen 150 por 150 píxeles, y 80 por 35 píxeles. Si no desea publicar todo un mensaje o una página separada para distribuir su botón de blog, Blogger le permite poner en la barra lateral de su diseño en su lugar. Subir su imagen como se describe y, a continuación, haga clic en la ficha HTML en el formulario de envío. Copiar URL de su imagen en el portapapeles. Crear un nuevo aparato de texto en la sección "Elementos de página" de la pestaña "Diseño" de su tablero de instrumentos del blog e insertar el código HTML para incrustar una imagen, utilizando la URL copiada a su botón de blog desde el portapapeles.

Artículos relacionados