Comment ajouter un bouton Blog avec la boîte de texte en dessous pour le code

Je suis sûr que vous avez vu beaucoup de blogs qui ont un bouton de défilement avec des zones de texte en dessous de cette maison le code du bouton. Ces zones de texte pour les codes, il est facile pour d'autres personnes pour placer le bouton du blog sur leur blog et un lien sans effort au blog d'origine.

Choses que vous devez

  • Bouton que vous souhaitez utiliser pour "annoncer" sur votre blog (150 pixels est la taille standard)
  • Blog (ce code est spécifiquement pour Blogger)
  • Ordinateur avec Internet

Instructions

  1. Enregistrez votre image à un album photo en ligne (tels que Photobucket) ou le placer dans un billet de blog et de publier le poste.

  2. Récupérer le lien direct à Internet pour l'image. Grâce photobucket défiler tout simplement sur l'image pour activer la boîte de l'option de liaison. Ensuite, copiez l'adresse entière qui est dans la boîte de lien direct. Si vous publiez votre bouton dans un billet de blog cliquez sur Afficher le Blog. Ensuite, cliquez sur l'image, ce qui vous mènera à une nouvelle adresse web où vous ne verrez que votre bouton. Copiez l'adresse entière qui est dans la barre d'adresse.

  3. Collez le code du bouton sur un document Word pour sauver jusqu'à ce que vous en avez besoin.

  4. Accédez à votre blog Blogger et cliquez sur Mise en page.

  5. Choisir d'ajouter un gadget. Cliquez sur HTML / javascript.

  6. Tapez quelque chose comme, "Obtenez My Button" dans la zone de titre.

  7. Copiez ce code et placez-le dans la zone de texte.




    [Center] [a href ="http: // VOTRE ADRESSE WEB /" target ="_blank" title ="BLOG TITRE"] [Img alt ="BLOG TITRE" src ="http: // IMAGE ADRESSE WEB"/] [/ A] [center]

    [/ Center]
    [Center] [textarea id ="Code source" rows ="3" name ="Code source"] [Center] [a href ="http: // VOTRE ADRESSE WEB /"] [Img border ="0" src ="http: // IMAGE ADRESSE WEB"/] [/ A] [/ center] [/ textarea] [/ center]

    Tous les supports avant [devront être remplacées par lt; et tous les supports de dos] devront être remplacées par gt;

    Ou vous pouvez simplement copier le code de notre blog http://a-heart4home.blogspot.com/2009/04/blog-button-with-text-box-for-code.html

    Il ya aussi un lien direct vers le code dans la section des ressources.

  8. Une fois que le code est correctement formaté (avec lt; et gt;), vous devez remplacer l'information générique avec vos informations.

    Remplacez l'adresse VOTRE WEB à l'adresse de votre blog.




    Branchez dans le titre de votre blog endroit indiqué et revenir en arrière et de copier l'adresse Web d'image et de le coller dans l'emplacement correct.

    Assurez-vous que vous supprimez toutes les informations génériques. Votre code devrait ressembler le code dans la photo à gauche (cliquez sur l'image pour agrandir). Les informations de couleur doivent tous être remplacé par votre infromation spécifique.

  9. Enregistrer ce gadget et le positionner où vous voulez qu'il soit.

  10. Enregistrez vos modifications et cliquez sur Afficher le Blog.

  11. Cliquez sur le bouton pour vous assurer qu'il vous emmène à la page d'accueil de votre blog.

    Il est également une bonne idée de copier le code de la boîte et essayez d'ajouter le bouton sur votre blog.

    Pour ce faire, tout simplement mettre en évidence et copiez le code de la zone de texte qui est maintenant visible sur votre blog. Puis, sous Mise en page, ajouter un gadget HTML et collez le code dans la zone de texte. Enregistrer les modifications et afficher votre blog. Cette "nouveau" bouton aura pas la zone de texte ci-dessous (ceci est ce que votre bouton ressemblera sur les blogs d'autres personnes.) Cliquez sur le bouton pour vous assurer qu'il apporte jusqu'à la page d'accueil de votre blog.

  12. Profitez de passer le mot sur votre blog. Laissez vos lecteurs savoir que vous avez maintenant un bouton qui ils peuvent copier et placez sur leurs blogs.

Conseils & Avertissements

  • Si le code ne semble pas fonctionner, assurez-vous revenir sur le attentivement pour voir si quelque chose a été supprimé ou ajouté. Utilisez l'exemple de code dans l'image comme un guide.
» » » » Comment ajouter un bouton Blog avec la boîte de texte en dessous pour le code