Návod na zaškrtávací zoznam v článku

Možno patríte medzi tých, ktorí by chceli svoj blog zmodernizovať, ale neviete ako. Po článku o tom, ako pridať spotify playlist do článku vám prinášam ďalší typ ako do článku pridať zoznam s odškrtavacími políčkami. Ako príklad použijem tento článok Nekonečné využitie jedného zošita.

Zaškrtávací zoznam sú políčka pred slovom/slovami, ktoré si vy alebo vaši čitatelia vedia po zverejnení článku označiť (zaškrtnúť) ako hotové/splnené. Dá sa používať pri checklistoch,  to do listoch, úlohách, itenerári... 

Postup: 

1. krok - vytvoriť si zoznam s odrážkami a napísať si zoznam

2. krok - skopírovať si tento html kód: 

<li><input name="item1" type="checkbox" value="value1" />

3. krok - zmeniť si zo "zobrazenie na písanie" na "zobrazenie HTML", ktoré nájdete v ľavom hornom rohu vašeho panelu nástrojov v článku

4. krok - Ak sa vám zobrazí jeden súvislí text, pridajte mu formátovanie (formátovanie = priehľadnejšie rozloženie textu a jednotlivých úkonov v HTML kóde)

5. krok - Nájdete si slovo, pred ktoré chcete pridať políčko na označenie 

(ja som si ako príklad vybrala slovíčko "Kľúče")

6. krok - Kód k vami vybranému slovu prilepte (ctrl+v) HTML kód, ktorý ste si skopírovali, tak, aby ste zachovali začiatok kódu v danom riadku <li>
(malo by to vyzerať tak, ako v zelenom rámčeku)

7. krok - následne skopirovaný html kód vložíte pred každé slovo, pri ktorom chcete mať zaškrtávacie políčko vášho zoznamu

8. krok - Tak ako v 3 kroku, zmeňte si "zobraziť HTML" späť na "zobraziť na písanie".

(Pred každým riadkom, ku ktorému ste vložili html kód by sa malo nachádzať okienko/políčko. 

Na čo si dávať pozor: 

• Ak začkrtnete políčko v administrácii vášho článku, po zverejnení vám nezostane zaškrnuté (každý čitateľ si tieto políčka zaškrtáva individuálne, ale pozor - po zavretí okna alebo karty prejliadača vám zmiznú aj zaškrtávacie políčka a keď sa nabudúce vrátite do článku, políčka budú opäť prázdne/nezaškrtnuté. 
• Dávajte si pozor, aby ste nezmenili html kód v inom riadku, pretože to naruší integrinu článku 
• Ak to náhodou urobíte, nebojte sa, dá sa to opraviť: 
• VARIANT A: blogger je nastavený tak, že vám riadok, v ktorom je chyba označí na červeno. V lište s funkciami viete aj v móde "zobraziť HTML" vrátiť sa o krok dozadu. 
• VARIANT B: odpozorujte si HTML kód v podobných riadkoch a pokúste sa doplni't chýbajúce písmeno alebo znak
• VARIANT C: zmeníte "zobrazenie" späť na "zobraziť na písanie". Môže na vás vyskočiť dialogové okno, ale aj napriek upozorneniu môžete pokračovať ďalej do zobrazenia na písanie, pretože blogspot vašu chybu automaticky opäť opraví. (Alebo resp. mal by)

To by malo byť všetko :) Pomohla vám táto rada? 

Ak potrebujete pomôcť, napíšte mi do komentára, ozvem sa vám.

Chceli by ste viac podobných článkov o vylepšovaní svojho blogu?