Código HTML para una lista desplegable de Blogger Blogroll

Puede insertar un gadget HTML en la barra lateral de tu blog para mostrar una lista de sus blogs y sitios favoritos. Puede incluso hacer este gadget lista de enlaces en una lista desplegable que minimiza el espacio blog y todavía proporciona a sus lectores con enlaces a sus sitios favoritos.

Enlaces de recolección

Cuando se desea crear una lista de enlaces de todos tus blogs favoritos, primero tiene que identificar el URL para cada blog. En un documento de procesamiento de textos o alguna simple bloc de notas, recoger el URL completo a todos los sitios que desea incluir en su lista. Si entre sus favoritos son los blogs privados, todavía se puede insertar en su blogroll, pero alguien no invitado a ver el propio blog será llevada a una "Este blog está abierto a lectores invitados" página en lugar de el blog privado.

Escribir el Código

Usted puede tomar un código genérico para una lista desplegable de enlaces hacia abajo y personalizarlo para incluir la lista de títulos, títulos de los enlaces y direcciones URL del enlace de su elección. Tome el siguiente código, y reemplazar "Lista de títulos", con alguna variación de "Blogger Blogroll" o "Mis blogs favoritos."

Reemplazar "http: //yourlink#1.com&quot; con la URL del enlace real con el primer blog que desee en la lista, y reemplazar" Título del enlace Una "con el nombre del blog Continuar para reemplazar los marcadores de posición de codificación para su segunda y tercera. enlaces, e insertar líneas adicionales de codificación "<option value =" "rel =" Enlace "target =" nofollow _blank "> http: //yourlink#4.com&quot;> Enlace título cuarto </ option>" para insertar una cuarta, quinto o duodécima enlace, por ejemplo.

El código genérico es el siguiente:

<Form> <select name = "menú" onchange = "window.open (this.options [this.selectedIndex] .value, '_ blank')" size = 1 = nombre de menú> <opción> - Lista de títulos - </ opción > <option value = "Enlace" rel = "nofollow" target = "_blank"> http: //yourlink#1.com&quot;> Enlace Título Uno </ option> <value = rel = objetivo opción "Enlace" "nofollow" = "_blank"> http: //yourlink#2.com&quot;> Enlace Título Segundo </ option> <option value = "Enlace" rel = objetivo "nofollow" = "_blank"> http: //yourlink#3.com&quot ;> Enlace Título Tercero </ option> </ select> </ form>

La adición de un gadget

Para añadir un gadget para insertar el código en, visite a su blogspot. Clic en Diseño en la esquina superior derecha, y se le llevará a la vista Elementos de página. Haga clic en Añadir un gadget en la barra lateral y seleccione HTML / Java Script. En el campo de contenido del cuadro de diálogo Configurar, ingresar el código de blogroll. Deje en blanco el campo Título, y haga clic en Guardar.

Pruebas

Clic para ver el Blog, y usted será capaz de ver si su código funcionó o si algunos de inserción URL se volvió loco. Haga clic en cada blog en la lista de enlaces para asegurarse de que los vínculos de trabajo y que el título y los enlaces se ajustan correctamente.