Comment ajouter un formulaire de contact docs google sur votre blog [blogger]

Beaucoup d`entre vous ont probablement sauté sur la WordPress ou la Tumblr train, mais il y a encore un certain nombre de personnes détenant sur Blogger. Google est à suivre avec les Joneses avec son nouveau Blogger in Draft interface et l`outil Web fournit encore une alternative moins coûteuse pour la personnalisation totale et noms de domaine d`origine pour les blogs personnels.

Si vous êtes un utilisateur Blogger, vous avez peut-être parfois demandé: « Comment puis-je faire une de ces formes de contact fou-cool que tous les autres blogs dans le monde ont? » Heureusement, si vous êtes aussi Google Docs utilisateur, cela peut être fait avec une relative facilité (et absolument pas de douleur).

Faire Le formulaire

Pour commencer, connectez-vous à Google Docs, et de créer une nouvelle forme comme le montre l`image ci-dessous. Vous pouvez coup de poing dans un titre à votre formulaire pour vous garder organisé, mais vous pouvez effectivement laisser cette section de votre formulaire comme «Sans titre" et il ne fait aucune différence. Afin de rendre une page de contact légitime, vous devez fournir aux utilisateurs le type de question « texte de paragraphe ». Cela permet assez de place pour de longues questions ou commentaires.

S`il vous plaît prendre note que le formulaire par défaut insère automatiquement deux exemples de questions. Assurez-vous de supprimer le deuxième échantillon, ou bien vous aurez une enquête fantôme que vous n`avez pas vraiment besoin. Toutefois, si vous souhaitez ajouter d`autres questions à l`aide de différents formats de réponse (cases à cocher, choix multiple, etc.) alors vous êtes libre de le faire. Vous pouvez même les réponses nécessaires à des éléments tels que les coordonnées de contact. Une fois que vous avez terminé, assurez-vous que vous vous souvenez de l`enregistrer.

Ripping Le formulaire

Vous savez sans doute déjà que les formes de Google ont tendance à coller à des modèles non personnalisables qui souvent ne cadrent pas bien avec la conception de votre blog. Bien sûr, vous pouvez incorporer le formulaire en utilisant un code iFrame, mais il conserve toujours le même format que les modèles emporte-pièce pré-conçus. Heureusement, il existe un moyen de contourner cela.

Video: How to embed Google Docs into Blogger

Une fois votre formulaire, retournez à votre page d`accueil Docs et d`ouvrir la feuille de calcul de la forme que vous venez de créer. Comme un côté note, cette feuille de calcul vous permettra de voir toutes les soumissions à votre formulaire. Lorsque vous arrivez sur cette page, sélectionnez «Forme» Dans la barre de menu, puis cliquez sur «Allez vivre sous forme« .

Tout en regardant votre page de formulaire, vous devez utiliser tout votre navigateur fonctionnalité permet de regarder le code source de la page. Depuis que je suis en utilisant Chrome sur mon Mac pour ce tutoriel, je simplement utilisé mon pavé tactile pour ouvrir le menu contextuel et sélectionné «Source de la page« .

Ici, les choses pourraient être fastidieux, donc faites attention. Vous devez utiliser la fonction de recherche de votre navigateur (CTRL + F) pour localiser le terme «action de formulaire« . Lorsque vous le trouvez, vous devriez voir ce code:

Notez où cette ligne de code est, puis trouver ce bit suivant du code:

Copiez tout le long de la première ligne mentionnée de code à la ligne suivante mentionnée de code. Si vous vous sentez plus à l`aise coller ce code dans une application de texte, puis aller de l`avant. Vous utiliserez momentanément.

Installation du formulaire

Après avoir copié avec succès votre code sélectionné dans votre presse-papiers, vous devez aller dans votre tableau de bord Blogger. Comme je l`ai déjà dit, je suis en utilisant Blogger dans l`interface projet, mais si vous utilisez l`interface utilisateur d`origine, vous serez toujours en mesure de suivre.

Tout d`abord, vous devez créer une nouvelle page pour votre blog et l`intituler «Contactez moi» Ou quelque chose de similaire. Après l`avoir ouvert, passez directement à la HTML section d`édition de la page et collez le code.

A partir de maintenant, vous avez essentiellement terminé la tâche d`installer le formulaire sur votre blog. À ce stade, votre aperçu devrait ressembler à l`image ci-dessous. Cependant, avant-premières vont être différentes pour différentes personnes en fonction de la machine qu`ils utilisent.

Personnalisation du formulaire

Comme je l`ai découvert avec mon blog personnel, parfois il y aura des problèmes tels que d`être là trop d`espace entre le titre de la page et la forme elle-même ou la boîte de réponse étant trop grande pour la largeur du blog. Ces petits problèmes peuvent être facilement résolus.

Si vous rencontrez des problèmes avec il trop d`espace entre le titre et les questions, rechercher tout

br

les tags et les supprimer. Toutefois, si vous rencontrez des problèmes avec la largeur de la zone de réponse, recherchez cette ligne de code:

En ajustant la valeur de « Col. » à un moins grand nombre, vous pouvez modifier la largeur du blog en fonction des écrans plus petits ou les navigateurs alternatifs. De plus, vous pouvez réellement modifier les polices des questions lors de l`édition de la page. Avec assez de personnalisation, vous pouvez vous retrouver avec quelque chose comme l`image ci-dessous.

Video: How to Add Contact Form on Blogger

Conclusion

Ceci est un moyen rapide et efficace de placer un style correspondant à la forme Google Docs sur votre blog Blogger, et le tutoriel pourrait probablement être adapté à tout autre blog ou site web. Vous pouvez faire beaucoup plus que ce que vous voyez ici, alors assurez-vous de jouer avec elle pendant un petit moment.

Quels autres les sites utilisez-vous pour créer des formulaires web? Comment ce tutoriel fonctionne pour vous? Si vous avez des problèmes pour faire votre propre formulaire web, laissez-nous savoir dans les commentaires ou bien poser une question sur au Réponses MakeUseOf.