HTML kode for en rullegardinliste for en blogger Blogroll

Du kan sette inn en HTML-gadget i sidefeltet på bloggen din for å vise en liste over dine favorittblogger og nettsteder. Du kan selv gjøre dette bloggrull gadget i en rullegardinliste som minimerer blogg plass og fortsatt gir leserne med lenker til dine favorittsteder.

Gathering Lenker

Når du ønsker å lage en bloggrull av alle dine favorittblogger, må du først identifisere URL til hver blogg. I et tekstbehandlingsdokument eller en enkel notisblokk, samle hele nettadressen til alle de nettstedene du ønsker å inkludere i listen din. Hvis blant dine favoritter er private blogger, kan du fortsatt sette dem inn i blogglista, men noen ikke invitert til å vise bloggen i seg selv vil bli tatt til en "Denne bloggen er åpen for inviterte lesere bare" siden i stedet for den private bloggen.

Skrive kode

Du kan ta en generisk kode for en drop down liste med linker og tilpasse den til å omfatte Liste Tittel, Link Titler og Link webadresser av ditt valg. Ta følgende kode, og erstatte "Liste Tittel" med noen variant av "Blogger Blogroll" eller "My Favorite blogger."

Erstatt "http: //yourlink#1.com&quot, med den faktiske Link URL til den første bloggen du ønsker på listen, og erstatte" Link Tittel One "med navnet på bloggen Fortsett å erstatte kodeplassholdere for andre og tredje. linker, og sett inn ekstra kodelinjer "<option value =" Link "rel =" nofollow "target =" _blank "> http: //yourlink#4.com&quot;> Link Tittel Fire </ option>" for å sette inn en fjerde, femte eller tolvte kobling, f.eks.

Den generiske kode er som følger:

<Form> <velg name = "meny" OnChange = "window.open (this.options [this.selectedIndex] .Value, '_ blank") "size = 1 name = menu> <option> - List Tittel - </ option > <option value = "Link" rel = "nofollow" target = "_blank"> http: //yourlink#1.com&quot;> Link Tittel One </ option> <option value = "Link" rel = "nofollow" target = "_blank"> http: //yourlink#2.com&quot;> Link Tittel Second </ option> <option value = "Link" rel = "nofollow" target = "_blank"> http: //yourlink#3.com&quot ;> Link Tittel Tredje </ option> </ select> </ form>

Legge til en Gadget

For å legge til en gadget for å sette inn koden din inn, gå til blogspot. Klikk på Design i øverste høyre hjørne, og du vil bli tatt til side Elements visning. Klikk på Legg til en Gadget i sidepanelet, og velg HTML / Java Script. Into feltet Innhold i dialogboksen Konfigurer, setter du inn bloggrull kode. La Tittel-feltet stå tomt, og klikk på Lagre.

testing

Klikk for å se bloggen, og du vil være i stand til å se om koden jobbet, eller hvis noen URL innsetting gikk haywire. Klikk på hver blogg i blogglista for å sørge for at koblingene fungerer og at tittelen og lenker matche opp riktig.