Kaip „Blogger“ sukurti „Collapsible Toggle“ meniu

Vienas iš sparčiausių būdų pridėti sulankstomą meniu į svetainę ar tinklaraštį yra įdėti meniu elementus į HTML bloką. Žiniatinklio dizaineriai naudoja du konteinerius, kuriuose yra du tinklalapio objektai. „Blogger“, nemokama „Google“ tinklaraščių paslauga, suteikia vartotojams galimybę įdėti į savo tinklaraščius naujus valdiklius. Pridėjus „widget“, kuris palaiko „JavaScript“, gali būti „div“ konteineris, kuriame yra sulankstomas meniu, kurį gali keisti svetainės lankytojai.

1.

Atidarykite naršyklę ir apsilankykite „Blogger“ informacijos suvestinės puslapyje. Šiame puslapyje rodomas jūsų tinklaraščių sąrašas.

2.

Raskite nuorodą „Dizainas“ šalia vieno iš jūsų tinklaraščių pavadinimų ir spustelėkite jį. „Blogger“ pateksite į puslapį „Redaguoti išdėstymą“.

3.

Raskite nuorodą „Įtraukti mini programą“ dešinėje puslapio pusėje. Spustelėkite jį ir spustelėkite „HTML / JavaScript“.

4.

Į laukelį, esantį po „Turinio“, įveskite šį kodą:

ĮRAŠYTI URL ĮRAŠYTI ŠIĄ INSERT URL LABEL HERE

Šis kodas sukuria jūsų sulankstomą meniu. Šiame kode reikia pakeisti tik keturis dalykus. Atkreipkite dėmesį į dvi eilutes, kuriose yra tekstas „INSERT URL HERE“. Šios linijos - šalia kodo apačios - sukuria meniu nuorodas. Kai svetainės lankytojai spustelės vieną iš šių nuorodų, jų naršyklės pereina prie nuorodoje nurodyto URL. Pereikite prie pirmos eilutės, kuri skaito „INSERT URL HERE“, ir pakeiskite tą tekstą URL, kurį norite pridėti prie meniu. Pakeiskite „INSERT URL LABEL HERE“ bet kuriuo tekstu, kuris apibūdina URL. Pavyzdžio eilutė gali būti rodoma taip:

Aplankykite IRS

Šiame pavyzdyje URL yra „//www.irs.gov“. Etiketės tekstas yra „Aplankykite IRS“. Pereikite į kitą eilutę, kurioje rašoma „INSERT URL HERE“, ir pridėkite URL bei aprašomąjį tekstą taip pat ir norėdami sukurti antrąjį meniu elementą.

5.

Jei norite išsaugoti pakeitimus, spustelėkite mygtuką „Išsaugoti“. Raskite mygtuką „Išsaugoti“ puslapio „Redaguoti išdėstymą“ viršuje. Spustelėkite jį, tada spustelėkite „Peržiūra“. „Blogger“ rodo jūsų tiesioginį dienoraštį. Šoniniame skydelyje rodomas naujas išskleidžiamasis meniu. Meniu žlugo.

6.

Spustelėkite mygtuką „Perjungti meniu“, esantį po meniu. Atidaromas meniu ir rodomos pridėtos nuorodos. Spustelėkite vieną iš nuorodų, norėdami pereiti prie URL, kurį nurodėte meniu HTML kode.

Patarimas

  • Pridėkite kitą nuorodą į savo meniu, kopijuodami vieną iš jūsų pakeistų eilučių ir įklijuodami jį žemiau esamų linijų. Į šį metodą įtraukite kuo daugiau nuorodų.

Rekomenduojama