“Conocimientos Programación>JavaScript Programación

Cómo agregar un botón blog con cuadro de texto debajo de Código

2012/2/21
Estoy seguro que has visto un montón de blogs que tienen un botón con las cajas de texto con desplazamiento debajo esa casa el código del botón. Estos cuadros de texto para los códigos hacen que sea fácil para que otras personas colocan el botón del blog en su blog y enlace sin esfuerzo al blog original . Cosas que necesitará
botón que desea usar para "anunciar" su blog ( 150 píxeles es el tamaño estándar ) Mi Blog (este código es específico para Blogger ) de computadora con Internet

Ver Más instrucciones
1

guardar la imagen en un álbum de fotos en línea (como photobucket ) o colóquelo en un blog y publicar el mensaje .
2

Recuperar el enlace directo a Internet para la imagen. A través de photobucket simplemente desplazarse sobre la imagen para activar el cuadro de la opción Link. A continuación, copie la dirección completa que se encuentra en la caja de conexión directa. Si publica su botón en un blog , haga clic en Ver Blog . Luego haga clic en la imagen, esto le llevará a una nueva dirección web en la que sólo verá el botón . Copie la dirección que está en la barra de direcciones .
3

Pega el código del botón en un documento de Word para guardarlo hasta que lo necesite .
4

vaya a su blog de Blogger y haga clic en Diseño.
5

optar por añadir un gadget . Haga clic en HTML /Javascript.
6 Tipo

algo así como: " Get My Button" en el cuadro de título.
7

Copia este código y colocarlo en el texto caja.

[ center] [a href = " http://directorio WEB DIRECCIÓN /" target = "_blank" title = " BLOG TITLE" ] [ img alt = " título del blog " src = " WEB DIRECCIÓN http://IMAGE " /] [/u] [ center]

[/center] [ center] [ textarea id = filas " código fuente" = " 3 " name = " código fuente "] [ center] [a href = " http://directorio WEB DIRECCIÓN /"] [ img frontera = " 0 " src = " http://IMAGE DIRECCIÓN WEB " /] [/u] [/center] [/textarea ] [/center]

todos los soportes delanteros [ tendrá que ser sustituido por < y todos los soportes de la espalda ] tendrá que ser sustituido por >

O simplemente puede copiar el código de nuestro blog en http://a-heart4home.blogspot.com/2009/04/blog-button-with-text-box-for-code.html

también hay un vínculo directo con el código en la sección de Recursos.
8

vez que el código está correctamente formateada (con < y>) , es necesario sustituir el genérico información con su información.

reemplazar la dirección tU wEB con la dirección de tu blog.

Conecte el título de su blog en el que se indica y volver y copiar la dirección web de la imagen y pegarla en el ubicación correcta.

Asegúrese de eliminar toda la información genérica. El código debería ser similar al código en la foto de la izquierda ( click en la imagen para ampliar). La información de color todo se puede substituir por su infromation específico.
9

Guardar este dispositivo y colóquelo donde desea que sea.
10

Guarde los cambios y haga clic en Ver Blog .
11

Haz clic en el botón para asegurarse de que te lleva a la página principal de su blog.

es también una buena idea para copiar el código de la caja y tratar de añadir el botón a su blog.

para ello basta con seleccionar y copiar el código en el cuadro de texto que ahora es visible en su blog. A continuación, en Diseño, añadir un gadget HTML y pegue el código en el cuadro de texto . Guarde los cambios y ver su blog. Este botón "nuevo" no tendrá el cuadro de texto debajo ( esto es lo que el botón se vería en los blogs de otras personas. ) Haga clic en el botón para asegurarse de que nos lleva a la página principal del blog.
12 < p> Disfrute de correr la voz acerca de su blog. Deje que sus lectores saben que ahora tienen un botón que se puede copiar y poner en sus blogs.

JavaScript Programación
Cómo escribir secuencias de comandos en RFT Java
Cómo crear texto HTML Desde Javascript Variable
Cómo calcular un total movimiento en JavaScript
Cómo utilizar Javascript con flash
Cómo calcular el tiempo de carga
Cómo usar DIV con JavaScript
Cómo crear Javascript en bucle Fotos
Los mejores Javascript Sliders Imagen
Conocimientos Informáticos © http://www.ordenador.online