Una vez que haya creado un banner para su sitio web o blog, agregando un cuadro de texto para el código compartido es una simple cuestión de utilizar un área de texto en su página. Puedes crear un banner en un número de maneras, incluyendo el uso de un programa de edición de imágenes como Adobe Photoshop o GIMP, o el uso de los servicios públicos en línea gratuitos como BannerSketch.com o BannerFans.com, a continuación, agregarlo a su sitio junto con un código copiable para cualquier persona que quiera compartir el banner en su página web.
Crea tu bandera. Hay una gran diferencia entre la creación de un total de 60 486 bandera y la creación de una pequeña placa o botón. Los avisos pequeños son más amigable barra lateral, y más compatible con un número de diferentes diseños. Para obtener una lista de tamaños de banner estándar, visite la lista de la caja de herramientas del Diseñador de Designerstoolbox.com / designresources / banners /.
Sube tu banner en su espacio Web o servicio para compartir fotos. Libre herramientas de foto-hosting incluyen Photobucket.com y Álbumes web de Picasa de Google.
Escribe el código HTML para publicar un botón, a partir de la URL de su página. Por ejemplo, si su página es yourdomain.com y desea que el enlace se abra en una nueva ventana, el enlace HTML es el siguiente:
a href = target "http://www.yourdomain.com" = "_blank"
Escribe el código HTML para su imagen después del corchete de cierre de su código de enlace, y cerrar su vínculo con el tag "/ a". Si usted es anfitrión de la imagen en yourdomain.com / image.jpg y es 125 por 125 píxeles, el código se convierte en:
a href = target "http://www.yourdomain.com" = "_blank" img src = "http://www.yourdomain.com/image.jpg" height = width "125" alt = "125" = " Su Titulo del sitio "/ / a
El texto "Alt" es importante para los sitios web que no se cargan las imágenes, o para los programas de accesibilidad que se leen en voz alta el contenido Web.
Pon el código de la imagen en su sitio web. Copie el código y empezar un párrafo justo debajo de la imagen. Inicie el área de texto con "área de texto" y pegue el código después. Fin del área de texto con "/ textarea". Si desea un área de texto con cinco filas de líneas visibles y aproximadamente 200 píxeles de ancho, use lo siguiente:
textarea rows = "5" cols = "20" a = target "http://www.yourdomain.com" = "_blank" img src = "http://www.yourdomain.com/image.jpg" altura href = width "125" alt = "125" = "Su Titulo del sitio" / / a / textarea
Guarde la página y cargarlo en su navegador para comprobar que todo se ve bien.
Consejos y advertencias
El estilo de su área de texto en concreto mediante el atributo "style", o la creación de estilos en la hoja de estilos para su página Web. Por ejemplo, para utilizar CSS para crear una caja de 125 píxeles por 125 con un borde de 1 píxel negro, el texto de su apertura sería el siguiente:
textarea style = "anchura: 125, altura: 125px; border: 1px solid # 000000;" "
No hay comentarios:
Publicar un comentario