Es gibt mittlerweile eine Menge an Templates, Icons, Buttons, Fonts, die du verwenden kannst, um deinen Blog zu verschönern. Mit Hilfe dieser Tools kannst du deinen Blog selbst gestalten und deinem ganz persönlichen Stil anpassen. Aber wie geht das eigentlich?
Du hast tolle Social Media Icons (Facebook, Pinterest, Twitter, Instagram etc.) gefunden oder sogar eigene Icons designed, und möchtest diese nun in deinen Blog einbinden? Wir zeigen dir hier Schritt für Schritt wie das am leichtesten mit einem Blogspot Blog gelingt.
1. Gehe auf deinen Blogspot Blog und klicke auf “Neuen Post erstellen” und starte einen neuen Post. Du brauchst den Blog-Post nur um HTML Code zu generieren. Du kannst den Post danach auch sofort wieder löschen. Wichtig ist nur, dass du ihn nicht unabsichtlich veröffentlichst. Du könntest diesen Code natürlich auch selber schreiben wenn du weißt wie es geht.
2. Klicke auf den “Bild einfügen” Button oben links und füge die gewünschten Social Media Icons als Bilder in das Dokument ein.
3. Wähle die Social Media Icons aus, die zu deinem Blog am besten passen. Der blaue Rahmen um das Bild herum zeigt dir an, welche Bilder du bereits ausgewählt hast. Klicke den Button “Ausgewählte hinzufügen” an.
4. Du kannst deine Logos entweder mit dem “zentriert” Button untereinander anordnen, oder auch ganz individuell anpassen. Wichtig ist nur, dass du die Anordnung festlegst, bevor du den Code kopierst.
5. Klicke nun neben “Verfassen” auf den “HTML” Button über deinem Textfeld links um auf die HTML-Sicht zu wechseln. Keine Angst, du kannst ganz leicht zu deiner vorherigen Ansicht zurück wechseln indem du den “Verfassen” Button wählst.
6. Zur “Verfassen”- Ansicht wechseln, den gewünschten Icon markieren. Oben auf der Werkzeug-Leiste “Link” auswählen. Das Fenster “ Link bearbeiten” öffnet sich. In das Feld “Webadresse” des gewünschten Links (z.B. Link auf deine Facebook Fanpage) hinzufügen und auf “ok” klicken. Fertig!
7. Kopiere nun den ganzen Code.
8. Verlasse den Post und gehe in dein “Dashboard / Blog Übersicht” und klicke auf der linken Seitenleiste den Layout-Button.
9. Klicke auf “Gadget hinzufügen”. Hier kannst du wählen, wo du die Icons platzieren möchtest (oben, unten, rechts etc.). Ein neues Fenster öffnet sich.
10. Suche darin “HTML/Javascript” und klicke auf das “+” um das Gadget hinzuzufügen. Füge den HTML Code, den du vorher kopiert hast, in die leere Box ein und speicher das Ganze ab.
11. In der Leiste “Titel” kannst du so etwas wie “Mehr über mich”, “meine Social Media Kanäle” oder anderes schreiben. Der Titel wird über den eingefügten Social Media Icons stehen. Ich habe meine Titelleiste erstmal leer gelassen, wie du auf dem Screenshot sehen kannst.
12. Gehe auf “Layout speichern” oben rechts und anschließend auf “Blog anzeigen” auf der oberen Leiste.
13. Fertig! Und so sieht es bei mir aus:
So einfach geht es. Du kannst das Layout und die Icons jederzeit nach Lust und Laune ändern. Vielleicht hast du gerade unglaublich tolle neue Icons entdeckt? Dann kann es ja jetzt los gehen. Hier findest du ein paar tolle Social Media Icons für jeden Geschmack.
It is really a nice and useful piece of information. Iˇ¦m glad that you shared this useful information with us. Please stay us informed like this. Thanks for sharing.
Super Erklärung. Glaube nur, dass zwischen 4 und 5 noch stehen sollte, wie man über LINK dem Icon die gewünschte Adresse zuteilt.
Vielen Dank für den Tipp – wir haben es hingefügt.
Liebe Grüße,
Dein BlogStars Team
super eklärt :)
Schön, dass es dir gefällt :)
Hoffentlich konnten wir dir helfen!
Liebe Grüße, dein Stylebook BlogStars Team
Beste Erkärung. Habe es endlich geschafft :)