Mainos

google docs -blogiMonet 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.

instagram viewer

google docs -blogi
google docs -bloggaaja

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.

google docs -bloggaaja

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“.

google docs -bloggaaja
Google-dokumenttien yhteydenottolomakkeen lisääminen Blogger-blogiisi Img6

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“.

Google-dokumenttien yhteydenottolomakkeen lisääminen Blogger-blogiisi Img7
google-dokumentit bloggerissa

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.

google-dokumentit bloggerissa
google-dokumentit bloggerissa

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.

Google-dokumenttien yhteydenottolomakkeen lisääminen Blogger-blogiisi Img11

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.

google docs -blogi

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ö.