Hinzufügen von Hintergründen zu Blogger Bilder erschienen.

April 5

Hinzufügen von Hintergründen zu Blogger Bilder erschienen.

Cascading Stylesheets verwendet, um Stil-Webseiten helfen Ihnen gebuchten Bilder in Ihrem Blogger-Beiträge bunte Hintergründe hinzufügen. Du musst nicht verstehen, wie CSS funktioniert, um dies zu tun. Google erstellt eine Benutzeroberfläche, mit dem Blogger Benutzer anzeigen und aktualisieren den HTML-Code, der Ihre Blogs generiert. Fügen Sie einfach eine kurze Textzeichenfolge an den Code, der ein Bild definiert, um es eine Hintergrundfarbe geben, die die Stimmung des Blogs widerspiegelt.

Anweisungen

1 Öffnen Sie Ihren Browser, und navigieren Sie zu Blogspot.com. Melden Sie Ihrem Konto, wenn Sie nicht bereits eingeloggt sind. Ihr Dashboard-Seite wird angezeigt.

2 Suchen Sie das Blog, das Sie ändern möchten, und klicken Sie "Einträge bearbeiten" unterhalb der Blog-Name. Es erscheint eine Liste von Blog-Posts auf einer neuen Webseite.

3 Klicken Sie auf die Schaltfläche "Bearbeiten" neben einer Nachricht, die ein Bild enthält. Die Post bearbeiten-Seite wird geöffnet und zeigt eine Bearbeitungs-Box. Klicken Sie auf die Registerkarte "Verfassen" in das Feld oben rechts. Text und Bilder, die Ihr Amt zu machen, werden im Feld angezeigt werden.

4 Klicken Sie auf die Registerkarte "HTML". Das Feld zeigt den HTML-Code verwendet, um die Post zu erstellen. Dieser Code enthält ein oder mehrere "Img"-Tags. Jeden Tag definiert eines der Bilder in Ihrem Blog veröffentlichen. Ein typische Img-Tag wird angezeigt, wie unten dargestellt:

< Img / >

Die Zeichenfolge erscheinen, nachdem das Wort "Src" die URL des Bildes ist wird in deinem Blog angezeigt. Durch diese Img-Tag ändern, können Sie das Bild einen Hintergrund hinzufügen.

5 Suchen Sie das Img-Tag für das Bild, das Sie ändern möchten, und fügen Sie den folgenden Text vor dem Wort "Src" im Img-Tag:

Style = "Padding: 40px; Hintergrund-Farbe: grün; "

Der "Green"-Wert legt die Hintergrundfarbe fest. Das Polsterung-Attribut mit dem Wert "40px" in diesem Beispiel bestimmt die Größe des Hintergrundes. Dieser Wert wird in Pixel angegeben. Wenn Sie nach dem Wort "Src" für das Tag "Img" im vorherigen Beispiel die Zeichenfolge eingefügt haben, scheint das resultierende Img-Tag, wie unten dargestellt:

< Img Style = "Padding: 40px; Hintergrund-Farbe: grün; "/ >

Achten Sie darauf, mindestens ein Leerzeichen vor dem Wort "Src".

6 Klicken Sie auf "Vorschau", unten das Bearbeiten den Blog in der Vorschau anzeigen. Ein grüner Hintergrund erscheint hinter Ihr Bild. Zurück zu das Bearbeiten, und klicken Sie auf "Veröffentlichen", um Ihre Änderungen zu veröffentlichen. Fügen Sie Hintergründe zu anderen Bildern in anderen Stellen bei Bedarf folgendermaßen hinzu.

Tipps & Warnungen

  • Ändern Sie die Farbe "Grün" in eine andere Farbe, wenn Sie nicht wie in der Img-Tag-Definition. HTML definiert eine Reihe von Farben, die Browser erkennen. Websites wie W3Schools.com haben Listen von Farbnamen, die Sie verwenden können.
  • Um einen Hintergrund zu entfernen, zurück zu den HTML-Code, und löschen Sie den Text, den Sie dem Img-Tag hinzugefügt.