Obwohl WordPress eine der mächtigeren Blogging-Plattformen ist, war ich schon immer ein Fan von Googles Blogger.

Nachdem ich meinen eigenen Tech-Blog, TechComet, auf Blogger erstellt hatte, erkannte ich, dass mein Blog keine professionelle Note aufwies, da sein Favicon auf das Standard-Blogger-Logo eingestellt war: das weiße und orangefarbene "B".

Wenn Sie eine Marke für Ihr Blog erstellen möchten, müssen Sie das Standardsymbol durch eine eigene Kreation ersetzen, die dem Thema Ihrer Website entspricht.

In diesem Artikel werden die Schritte zum Erstellen und Ändern des Blogger-Favicons beschrieben.

Hinweis : Die aufgeführten Schritte richten sich an Blogger-Benutzer. Die allgemeinen Schritte zum Erstellen eines Favicons können jedoch auf jede Website oder jedes Blog angewendet werden.

Verwendung eines Favicon

Ein Favicon ist ein 16 × 16-Symbol, das in der Titelleiste oder Adressleiste eines Browsers angezeigt wird. Browser, die Tabbed Browsing unterstützen, zeigen auch das Favicon auf jedem einzelnen Tab an.

Wie der Screenshot zeigt, kann ein Favicon Ihrem Blog dabei helfen, sich in einem überfüllten Browser zu profilieren, da es sich um großartige visuelle Indikatoren handelt.

Ein neues Favicon erstellen

Der erste Schritt besteht darin, ein eigenes Favicon zu erstellen.

Favicons werden in der Regel im .ico-Format erstellt. Sie können das Favicon jedoch auch mit den Formaten GIF oder PNG erstellen.

Wenn Sie sich nicht besonders kreativ fühlen, können Sie im Internet nach Bildern suchen, die Sie als Favicon anzeigen möchten, und diese auf die Größe 16 × 16 verkleinern und als .ico, .png oder .gif-Datei speichern. Es gibt auch eine Reihe von Favicon-Galerien, in denen Sie vorgefertigte Favicons herunterladen können, die die erforderliche Größe und das Format haben.

Wenn Sie jedoch Schwierigkeiten haben, eine Marke für Ihr Blog zu erstellen, ist es sinnvoll, dass das Favicon mit dem Thema Ihres Blogs übereinstimmt. Zum Beispiel habe ich ein dunkelbraunes Thema für meinen Blog:

Und ich entschied, dass es am besten wäre, wenn ich ein Favicon erstellen würde, das der Beschriftung und dem Farbschema entsprach.

Photoshop ist wahrscheinlich die beste Anwendung, um ein Favicon zu erstellen. Denken Sie daran, Ihr Bild auf einer 16 × 16-Leinwand zu zeichnen und es als .gif- oder .png-Datei zu speichern.

Wenn Sie Photoshop nicht besitzen, gibt es eine Reihe von "Favicon-Generatoren" wie diese, in denen Sie ein Bild auf einer 16 × 16-Leinwand erstellen und bearbeiten können.

Hochladen Ihres Favicons

Blogger bietet keine Hosting-Services an, aber alle Bilder, die Sie an einen Blog-Post anhängen, werden automatisch in Ihrem Picasa-Konto gespeichert.

Alles, was Sie tun müssen, ist einen leeren Blog-Post zu erstellen und Ihr Favicon anzuhängen. Sehen Sie sich dann die HTML-Version Ihres Blog-Posts an, indem Sie auf " HTML bearbeiten" klicken.

Der Ort meines Favicons ist " http://2.bp.blogspot.com/_MZZJ1m2SoG0/TG-IyPj4ZZI/AAAAAAAAAF0/bC0IZk9S3a8/s1600/logo-(16×16).png ". Notieren Sie sich den Link, in dem sich Ihr Favicon befindet.

Wenn Sie einen anderen Image-Upload-Dienst wie ImageShack verwenden, notieren Sie sich den direkten Link zum Bild (dh einen Link, der mit .ico, .png oder .gif und nicht mit .html endet). Der ImageShack-Link für mein Favicon befindet sich beispielsweise unter " http://img175.imageshack.us/img175/8924/logo16x16.png ".

Ändern des Standard-Favicons für Blogger

Sobald Sie ein Favicon erstellt und hochgeladen haben, mit dem Sie zufrieden sind, öffnen Sie Ihr Blogger-Dashboard und wählen Sie " Design ".

Als Nächstes wählen Sie im Haupt-Blogger-Fenster " HTML bearbeiten ".

Dies öffnet den HTML-Vorlageneditor. Aktivieren Sie " Widget-Vorlagen erweitern", um sicherzustellen, dass der gesamte HTML-Code für Ihre Website sichtbar ist.

Dann scrollen Sie nach unten und fügen Sie die folgenden VOR dem " " Etikett:

Aktualisieren Sie Ihr Blog und das neue Favicon sollte sichtbar sein.