Reklama
Mnohí z vás pravdepodobne skočili na WordPress alebo Tumblr cvičiť, no na Bloggeri sa stále nachádza množstvo ľudí. Google drží krok s Joneses s novým rozhraním Blogger in Draft a webový nástroj stále poskytuje lacnejšiu alternatívu pre úplné prispôsobenie a pôvodné názvy domén pre osobné blogy.
Ak ste používateľom služby Blogger, možno ste si občas položili otázku: „Ako môžem vytvoriť jeden z tých bláznivých kontaktných formulárov, ktoré majú všetky ostatné blogy na svete?“ Našťastie, ak ste tiež a Google Dokumenty používateľ, dá sa to urobiť relatívne ľahko (a absolútne bez bolesti).
Vytvorenie formulára
Ak chcete začať, prihláste sa do služby Dokumenty Google a vytvorte nový formulár, ako je znázornené na obrázku nižšie. Môžete zadať názov formulára, aby ste si udržali poriadok, ale túto časť formulára môžete v skutočnosti ponechať ako „Bez názvu” a nerobilo by to žiadny rozdiel. Ak chcete, aby to bola legitímna kontaktná stránka, mali by ste používateľom poskytnúť otázku typu „text odseku“. To poskytuje dostatok priestoru na zdĺhavé otázky alebo komentáre.
Upozorňujeme, že predvolený formulár automaticky vkladá dve vzorové otázky. Uistite sa, že ste vymazali druhú vzorku, inak budete mať fantómový dopyt, ktorý skutočne nepotrebujete. Ak však chcete pridať ďalšie otázky pomocou rôznych formátov odpovedí (začiarkavacie políčka, výber z viacerých možností atď.), môžete tak urobiť. Môžete dokonca zadať požadované odpovede na položky, ako sú kontaktné údaje. Keď skončíte, nezabudnite ho uložiť.
Ripovanie formulára
Možno ste si už vedomí toho, že formuláre Google majú tendenciu držať sa neprispôsobiteľných šablón, ktoré často nie sú v súlade s dizajnom vášho blogu. Iste, môžete formulár vložiť pomocou kódu iFrame, ale stále si zachováva rovnaký formát ako vopred navrhnuté šablóny na vykrajovanie súborov cookie. Našťastie existuje spôsob, ako to obísť.
Po vyplnení formulára sa vráťte na svoju domovskú stránku Dokumentov a otvorte tabuľku formulára, ktorý ste práve vytvorili. Ako vedľajšiu poznámku vám táto tabuľka umožní zobraziť všetky príspevky do vášho formulára. Keď prejdete na túto stránku, vyberte „Formulár“ na paneli s ponukami a potom kliknite na „Prejsť na živú formu“.
Pri prezeraní stránky formulára by ste mali použiť akúkoľvek funkciu, ktorú váš prehliadač umožňuje na prezeranie zdrojového kódu stránky. Keďže na svojom počítači používam Chrome Mac pre tento tutoriál som iba použil svoj trackpad na otvorenie kontextového menu a vybral som „Zobraziť zdroj stránky“.
Práve tu môžu byť veci únavné, takže buďte opatrní. Na vyhľadanie výrazu by ste mali použiť funkciu Hľadať vo svojom prehliadači (CTRL + Fformulárová akcia“. Keď ho nájdete, mali by ste vidieť tento kód:
Poznačte si, kde je tento riadok kódu, a potom nájdite tento ďalší kúsok kódu:
Skopírujte úplne nadol od prvého uvedeného riadku kódu po ďalší uvedený riadok kódu. Ak by ste sa cítili pohodlnejšie vložiť tento kód do textovej aplikácie, pokračujte. Budete ho momentálne používať.
Inštalácia formulára
Po úspešnom skopírovaní vybratého kódu do schránky by ste mali prejsť na informačný panel služby Blogger. Ako som už povedal, používam rozhranie služby Blogger v koncepte, ale ak používate pôvodné používateľské rozhranie, stále ho budete môcť sledovať.
Najprv by ste mali pre svoj blog vytvoriť novú stránku a pomenovať ju „Kontaktujte ma“ alebo niečo podobné. Po jej otvorení prejdite priamo na HTML upravte sekciu stránky a vložte kód.
Odteraz ste v podstate dokončili úlohu inštalácie formulára na váš blog. V tomto bode by váš náhľad mal vyzerať podobne ako na obrázku nižšie. Ukážky sa však budú líšiť pre rôznych ľudí v závislosti od stroja, ktorý používajú.
Prispôsobenie formulára
Ako som zistil na svojom osobnom blogu, niekedy sa vyskytnú problémy, napríklad, že je toho priveľa medzera medzi nadpisom stránky a samotným formulárom alebo pole s odpoveďou sú príliš veľké na šírku formulára blog. Tieto menšie problémy sa dajú ľahko opraviť.
Ak máte problémy s príliš veľkým priestorom medzi nadpisom a otázkami, vyhľadajte ľubovoľnú
br
značky a odstráňte ich. Ak však máte problémy so šírkou poľa odpovede, vyhľadajte tento riadok kódu:
Úpravou hodnoty „cols“ na menšie číslo môžete zmeniť šírku blogu tak, aby vyhovovala menším obrazovkám alebo alternatívnym prehliadačom. Okrem toho môžete počas úpravy stránky skutočne zmeniť písmo otázok. S dostatočným prispôsobením môžete skončiť s niečím podobným ako je nasledujúci obrázok.
Záver
Toto je rýchly a efektívny spôsob umiestnenia formulára služby Dokumenty Google, ktorý zodpovedá štýlu, na váš blog služby Blogger a návod by mohol byť pravdepodobne prispôsobený pre akýkoľvek iný blog alebo webovú stránku. Môžete urobiť oveľa viac, ako tu vidíte, takže sa s tým chvíľu pohrajte.
Aké ďalšie stránky používate na vytváranie webových formulárov? Ako sa vám osvedčil tento tutoriál? Ak máte nejaké problémy s vytvorením vlastného webového formulára, dajte nám vedieť v komentároch alebo položte otázku na adrese MakeUseOf Answers.
Joshua Lockhart je dobrý webový video producent a mierne nadpriemerný autor online obsahu.
