Eine Blog-Schaltfläche Textfeld unterhalb für Code hinzufügen

March 1

Eine Blog-Schaltfläche Textfeld unterhalb für Code hinzufügen

Ich bin sicher, Sie haben gesehen, dass viele Blogs, die eine Schaltfläche mit Scroll-Textfelder unterhalb haben, auf denen sich die Schaltfläche Code. Diese Textfelder für Codes machen es leicht, andere Menschen zu den Blog-Schaltfläche auf ihren Blog und Link zum original Blog mühelos platzieren.

Anweisungen

1 Speichern Sie Ihr Bild auf ein online-Fotoalbum (z. B. Photobucket) oder legen Sie sie in einem Blog-Post und veröffentlicht den Beitrag.

2 Die direkte Internet-Verbindung für das Bild abrufen. Scrollen Sie durch Photobucket einfach über das Bild um die Link-Option-Box aktivieren. Kopieren Sie dann die gesamte Adresse, die im Feld Direktlink ist. Wenn Sie Ihre Schaltfläche in einem Blogbeitrag veröffentlichen klicken Sie auf Ansicht-Blog. Klicken Sie auf das Bild, dadurch gelangen Sie zu einer neuen Webadresse wo sehen Sie nur Ihre Schaltfläche. Kopieren Sie die gesamte Adresse in der Adressleiste.

3 Fügen Sie die Schaltfläche Code auf ein Word-Dokument, um es zu speichern, bis Sie es brauchen.

4 Gehen Sie zu Ihrem Blogger-Blog, und klicken Sie auf Layout.

5 Wählen Sie eine Minianwendung hinzufügen. Klicken Sie auf HTML/Javascript.

6 Geben Sie etwas wie: "Get My Button" im Titel.

7 Kopieren Sie diesen Code und fügt ihn in das Textfeld ein.

[Mitte] [a Href = "http://YOUR WEB Adresse /" Target = "_blank" Title = "BLOG-Titel"] [Img Alt = "BLOG-Titel" Src = "http://IMAGE WEB-Adresse" /] [/ a] [Mitte]

[/center][Mitte] [Textarea Id = "Source Code" Zeilen = "3" Name = "Source Code"] [Mitte] [a Href = "http://YOUR WEB Adresse /"] [Img Border = "0" Src = "http://IMAGE WEB-Adresse" /] [/ a] [/center] [/textarea] [/center]

Aller Fronthalterungen [mit ersetzt werden müssen < und aller die hinteren Halterungen] müssen durch ersetzt werden >

Oder Sie können einfach den Code kopieren, aus unserem Blog unter http://a-heart4home.blogspot.com/2009/04/blog-button-with-text-box-for-code.html

Es gibt auch ein direkter Link zu den Code im Ressourcenabschnitt.

8

Sobald der Code richtig formatiert ist (mit < und >), müssen Sie die allgemeine Informationen mit Ihren Daten ersetzen.

Ersetzen Sie IHRE WEB-Adresse mit der Adresse Ihres Blogs.

Schließen Sie Ihre Blog-Titel in dem angegebenen und zurück und Kopie im Bild-Web-Adresse und fügen Sie ihn in die richtige Position.

Stellen Sie sicher, dass Sie alle allgemeinen Informationen löschen. Der Code sollte nun aussehen wie der Code auf dem Foto links (Klicken Sie zum Vergrößern auf das Bild). Die farbige Informationen sollten mit Ihren spezifischen Infromation ersetzt werden.

9 Speichern Sie dieses Gadget und positionieren Sie es wo Sie es gerne möchten.

10 Speichern Sie Ihre Änderungen, und klicken Sie auf Ansicht-Blog.

11 Klicken Sie auf Ihr sicherstellen, dass es führt Sie zur Homepage von Ihrem Blog.

Es ist auch eine gute Idee, kopieren Sie den Code aus der Box und versuchen, die Taste zu Ihrem Blog hinzufügen.

Zu tun diese einfach markieren und kopieren Sie den Code aus dem Textfeld, das jetzt auf Ihrem Blog sichtbar ist. Dann unter Layout fügen Sie eine HTML-Gadget hinzu und fügen Sie den Code in das Textfeld ein. Änderungen speichern und Anzeigen von Ihrem Blog. Diese "neue" Schaltfläche verfügen nicht über das Textfeld darunter (das ist, was Ihre Schaltfläche auf Blogs anderer Leute aussehen wird.) Klicken Sie auf die Taste, um sicherzustellen, dass sie Ihre Blog Homepage bringt.

12 Genießen Sie die Verbreitung des Wortes über Ihr Blog. Lassen Sie Ihre Leser wissen, Sie haben nun eine Schaltfläche, die sie kopieren können und Platz in ihren Blogs.

Tipps & Warnungen

  • Wenn der Code nicht funktioniert, stellen Sie sicher, dass Sie wieder gehen, darüber sorgfältig zu sehen, ob etwas hinzugefügt oder gelöscht wurde. Verwenden Sie den Beispielcode in das Bild als Anhaltspunkt.