Wie Sie wissen, Blogger CSS-Regeln

August 18

Wie Sie wissen, Blogger CSS-Regeln

Möchten Sie Ihrem Blogger-Blog anpassen? Verwenden Sie diesen einfachen Trick, um die CSS-Regeln in eine Blogger-Vorlagen mit der Darstellung des Blogs in einem Browser anzupassen.

Anweisungen

So finden Sie die CSS

1 Melden Sie sich bei Blogger.

2 Wählen Sie aus dem Blogger-Dashboard die Vorlage für Ihren Blog.

3 Suchen Sie die CSS in der Blogger-Vorlagen. Die CSS-Regeln sind in den Head-Abschnitt des Dokuments. Suchen Sie die CSS-Regel, die die Darstellung des Elements steuert, den Sie anpassen möchten. Irgendwann ist es offensichtlich die CSS beherrschen die Darstellung des Elements steuert. In diesem Fall ändern Sie die CSS-Regel. Speichern Sie die Vorlage und veröffentlichen Sie im Blog.

Andere Male Sie etwas ändern wollen und es ist nicht so offensichtlich welche Regel steuert es. Wenn das der Fall ist, führen Sie die Schritte im nächsten Abschnitt.

Wie man Quelltext anzeigen verwenden, um die CSS-Regel anpassen finden

4 Zeigen Sie den Blog in einem Browser an, wie Leser würde es sehen.

5 Quelltext anzeigen im Browsermenü zu finden. Dies ist in den meisten Fällen unter dem Menüpunkt Ansicht. Es kann sagen "Quelltext anzeigen" oder "Page Source."

6 Durchsuchen Sie den Quelltext der Seite für den Teil von Ihr Blog aussehen, die Sie ändern möchten. Genommen Sie an, dass Sie die Darstellung von den Post-Titel ändern möchten. Sie bemerkt, eine Klasse im CSS bezeichnet. Post-Titel, aber es muss nicht alle Regeln, die Sie ändern möchten. Lässt man den Quelltext der Seite, sehen Sie den HTML-Code im Bild gezeigt.

Aha! Der Post-Titel wird auch von Regeln für das h3-Element gesteuert.

7 Verwenden Sie die gelernte von Quelltext anzeigen, um die entsprechende Regel in der Blogger-Vorlagen zu finden. In diesem Beispiel Anpassung sowohl der. Post-Titel und h3 Regeln Ergebnisse erhalten.

8 Wenn die Anpassung abgeschlossen ist, speichern Sie die Vorlage und veröffentlichen Sie im Blog.

Tipps & Warnungen

  • Der Firefox-Browser mit Web Developer Toolbar installiert kann Elementnamen schnell finden, ohne Quelltext anzeigen durchlesen. Wählen Sie die Web Developer Toolbar Informationen > Element Anzeigeinformationen.
  • Was können Sie tun, wenn die offensichtliche CSS und CSS-Regeln, die Sie entdeckt mit Quelltext anzeigen nicht ändern wie Sie wollen? Manchmal bewirkt eine CSS-Regel weiter oben in der Kaskade den Teil der Seite, die Sie anpassen möchten. Betrachten Sie Regeln wie Körper, #content oder #sidebar, in diesem Fall. In einer dieser Deklarationen möglicherweise die Herrschaft Auswirkungen auf das Element, die Sie ändern möchten.