Mainos
Monet teistä ovat todennäköisesti hypänneet siihen WordPress tai Tumblr juna, mutta Bloggerissa on edelleen joukko ihmisiä. Google pysyy Jonesien tahdissa uudella Blogger in Draft -käyttöliittymällä, ja verkkotyökalu tarjoaa edelleen halvemman vaihtoehdon täydelliseen mukauttamiseen ja alkuperäisiin verkkotunnuksiin henkilökohtaisille blogeille.
Jos olet Bloggerin käyttäjä, olet saattanut joskus miettiä: "Kuinka voin tehdä yhden niistä hullun siististä yhteydenottolomakkeista, joita kaikilla muilla maailman blogeilla on?" Onneksi, jos olet myös a Google Docs käyttäjä, tämä voidaan tehdä suhteellisen helposti (ja täysin ilman kipua).
Lomakkeen tekeminen
Aloita kirjautumalla sisään Google-dokumentteihin ja luomalla uusi lomake alla olevan kuvan mukaisesti. Voit pistää lomakkeellesi otsikon pitääksesi itsesi järjestyksessä, mutta voit itse asiassa jättää tämän lomakkeen osan muotoon "Nimetön" eikä sillä olisi mitään merkitystä. Jotta siitä tulisi laillinen yhteydenottosivu, sinun tulee tarjota käyttäjille "kappaleen teksti" kysymystyyppi. Tämä antaa tarpeeksi tilaa pitkille kysymyksille tai kommenteille.
Huomaa, että oletuslomake lisää automaattisesti kaksi esimerkkikysymystä. Muista poistaa toinen näyte, tai muuten saat haamukyselyn, jota et todella tarvitse. Jos kuitenkin haluat lisätä kysymyksiä käyttämällä erilaisia vastausmuotoja (valintaruudut, monivalinta jne.), voit tehdä niin. Voit jopa antaa tarvittavat vastaukset esimerkiksi yhteystietoihin. Kun olet valmis, muista tallentaa se.
Lomakkeen repiminen
Saatat jo olla tietoinen siitä, että Google-lomakkeet käyttävät yleensä ei-muokattavia malleja, jotka eivät useinkaan sovi hyvin blogisi ulkoasuun. Toki voit upottaa lomakkeen käyttämällä iFrame-koodia, mutta se säilyttää silti saman muodon kuin valmiiksi suunnitellut evästeen leikkaavat mallit. Onneksi sen kiertämiseen on olemassa keino.
Kun olet täyttänyt lomakkeen, palaa Docs-etusivullesi ja avaa juuri luomasi lomakkeen laskentataulukko. Sivuhuomautuksena tämä laskentataulukko antaa sinun nähdä kaikki lomakkeellesi lähetetyt tiedot. Kun saavut tälle sivulle, valitse "Lomake" valikkorivillä ja napsauta sitten "Siirry live-muotoon“.
Kun katsot lomakesivuasi, sinun tulee käyttää mitä tahansa ominaisuutta, jonka selaimesi sallii sivun lähdekoodin katsomiseen. Koska käytän Chromea Mac Tätä opetusohjelmaa varten avasin vain ohjauslevyn kontekstivalikon ja valitsin "Näytä sivun lähdekoodi“.
Täällä asiat voivat olla tylsiä, joten kiinnitä huomiota. Sinun tulee käyttää selaimesi Etsi-toimintoa (CTRL + F) löytääksesi termin "muodon toiminta“. Kun löydät sen, sinun pitäisi nähdä tämä koodi:
Merkitse muistiin, missä tämä koodirivi on, ja etsi sitten seuraava koodibitti:
Kopioi kokonaan alas ensimmäiseltä mainitulta koodiriviltä seuraavalle mainitulle koodiriville. Jos sinusta tuntuu mukavammalta liittää tämä koodi tekstisovellukseen, mene eteenpäin. Tulet käyttämään sitä hetken.
Lomakkeen asentaminen
Kun olet onnistuneesti kopioinut valitun koodin leikepöydälle, sinun tulee siirtyä Bloggerin hallintapaneeliin. Kuten aiemmin sanoin, käytän Blogger in Draft -käyttöliittymää, mutta jos käytät alkuperäistä käyttöliittymää, voit silti seurata sitä.
Ensin sinun tulee luoda blogillesi uusi sivu ja nimetä se "Ota yhteyttä minuun”tai jotain vastaavaa. Kun olet avannut sen, siirry suoraan kohtaan HTML sivun muokkausosio ja liitä koodi.
Tähän mennessä olet periaatteessa suorittanut lomakkeen asentamisen blogiisi. Tässä vaiheessa esikatselun pitäisi näyttää samanlaiselta kuin alla oleva kuva. Esikatselut ovat kuitenkin erilaisia eri ihmisille heidän käyttämänsä koneen mukaan.
Lomakkeen mukauttaminen
Kuten huomasin henkilökohtaisessa blogissani, joskus tulee ongelmia, kuten liikaa sivun otsikon ja itse lomakkeen tai vastauskentän välinen tila on liian suuri lomakkeen leveyteen nähden blogi. Nämä pienet ongelmat voidaan helposti korjata.
Jos sinulla on ongelmia otsikon ja kysymysten välisen liian suuren tilan kanssa, etsi mitä tahansa
br
tunnisteet ja poista ne. Jos sinulla on kuitenkin ongelmia vastauskentän leveyden kanssa, etsi tämä koodirivi:
Säätämällä "sarakkeiden" arvoa pienempään numeroon voit muuttaa blogin leveyttä sopivaksi pienemmille näytöille tai vaihtoehtoisille selaimille. Lisäksi voit itse muuttaa kysymysten fontteja sivua muokattaessa. Riittävällä muokkauksella voit saada seuraavan kuvan kaltaisen kuvan.
Johtopäätös
Tämä on nopea ja tehokas tapa sijoittaa tyyliä vastaava Google-dokumenttien lomake Blogger-blogiisi ja opetusohjelma voidaan todennäköisesti mukauttaa mihin tahansa muuhun blogiin tai verkkosivustoon. Voit tehdä paljon enemmän kuin mitä näet täällä, joten varmista, että pelaat sillä jonkin aikaa.
Mitä muita sivustoja käytät verkkolomakkeiden tekemiseen? Miten tämä opetusohjelma toimi sinulle? Jos sinulla on ongelmia oman verkkolomakkeen tekemisessä, kerro siitä meille kommenteissa tai vaihtoehtoisesti esitä kysymys osoitteessa MakeUseOf Answers.
Joshua Lockhart on hyvä verkkovideotuottaja ja hieman keskinkertainen online-kirjoittaja sisältö.