Favicon bei Blogger erstellen

Viele Fragen sich bestimmt, wie man denn individuell sein eigenes kleines Favicon auf seiner Blogger Seite erstellen kann. Soweit ich weiß, gibt es bei den Layout Einstellungen die Möglichkeit , ein Bild hochzuladen und als Favicon zu verwenden - der Haken an dieser ganzen Sache ist nur, dass es bei vielen trotzdem nicht Funktioniert! Mein Computer die Bitch  Bei mir wollte es nicht funktionieren -_- Also musste ich mir selbst helfen und durch ein paar leichte Handclicke , verziert mein kleines quadratisches Favicon am oberen Tabrand meinen Blog :D Wenn ihr also auch gerne sowas cooles und unnützes haben wollt , folgt einfach meinem kleinen Tutorial:

Was Ist ein Favicon?

Das kleine süße quadratische Teil am oberen Tabrand ist gemeint :) Falls ein Besucher deiner Seite, deinen Blog beispielsweise in seiner Lesezeichenleiste abspeichern will, weiß er genau welcher Blog gemeint ist.

weiterlesen»

Wie erstelle ich ein Favicon?

1. Zuallererst erstellt ihr euch eine quadratische png, jpg Bilddatei mit dem Motiv eurer Wahl. Das Bild sollte ca. 16x16 Pixel oder 32x32 Pixel groß sein. 
2. Nun müsst ihr eure Bilddatei in eine .ico Datei umwandeln. Dafür gibt es zig Seiten im Internet (zum Beispiel hier) und Speichert die umgewandelte Datei bei euch ab.
3. Für unser Vorhaben brauchen wir jetzt noch die URL eurer .ico Datei und die bekommt ihr folgendermaßen:
   Geht bei Blogger auf  "Neuer Post"  und klickt auf Bild Einfügen
   
   
   
   
   
4. Ladet nun eure .ico Datei hoch und macht einen rechtsklick auf euer Bild. Wählt "URL kopieren" aus.
   
   
   
   
   
   
   
5. Diese speichert ihr am besten auch erstmal irgendwo ab (Word..Notizzettel...etc...)
6. Jetzt kommt der Interessante Teil :D  Geht auf eure Blogseite und drückt F12 auf eurer Tastatur und es erscheint die Quellcode Leiste eurer Seite:  
   
   
   
   
   
7. Drückt STRG+F  und eine kleine Suchleiste erscheint links unten im Quellcode:
   
   
   
   
   
8. Und sucht bzw. gebt folgenden Code ein:
   <link href="http://fdfsfsfeww.blogspot.de/favicon.ico" rel="icon" type="image/x-icon">
9. Ersetzt das rot markierte durch eure Bild-URL die ihr in Schritt 4 kopiert habt (Tipp: Um den Code zu bearbeiten Rechtsklick und auf HTML bearbeiten / Edit as HTML gehen)
10. Schließt nun die Quellcode Seite und euer Favicon müsste sich schon geändert haben :)
    
    

«zurück