So fügen Sie Social Media Icons zu Blogger hinzu
In diesem Tutorial zeige ich Ihnen, wie Sie Social Media Icons zu Ihrem Blogger-Blog hinzufügen. Dieses Tutorial enthält kostenlose Social-Media-Symbole, um Ihnen den Einstieg zu erleichtern.
Aufgrund der jüngsten Änderungen, bei denen Photobucket jährlich 400 US-Dollar für die Nutzung des Dienstes berechnet, habe ich dieses Tutorial aktualisiert, das Ihnen zeigt, wie Sie Ihre Bilder über Ihr eigenes Blogger-Konto hosten können.
Freebies zum Herunterladen
Stellen Sie sicher, dass Sie diese kostenlosen Social Media-Symbole für Ihr Blog herunterladen, indem Sie auf den folgenden Link klicken. Es ist keine Anmeldung erforderlich. Klicken Sie hier, um Icons herunterzuladen.
SO STARTEN SIE EIN BLOG: Bevor ich in das Tutorial einsteige, wenn Sie daran interessiert sind, ein Blog zum Geldverdienen zu starten, hat Bluehost viel zu bieten! Holen Sie sich einen KOSTENLOSEN Domainnamen, eine automatische WordPress-Installation und ein kostenloses SSL-Zertifikat für nur 3,95 USD pro Monat (klicken Sie hier).
So fügen Sie Social Media-Symbole zu Blogger hinzu
Erstellen Sie in Blogger einen neuen Beitrag und laden Sie Ihre Social Media-Symbole in den Beitrag hoch.
Wählen Sie nach dem Hochladen Ihrer Bilder, wenn Sie dazu aufgefordert werden, Folgendes aus:
- Bildausrichtung: Keine
- Bildgröße: Originalgröße
Schritt #2
Wählen Sie die Registerkarte „HTML“. Danach sehen Sie die Bildlinks für jedes Ihrer Social-Media-Symbole (ich habe den Link unten hervorgehoben). Lassen Sie dieses Fenster offen.
Schritt #3
Öffnen Sie eine neue Registerkarte. Wählen Sie in Ihrem Blogger-Dashboard „Layout.“
Schritt #4
Wählen Sie „Gadget hinzufügen“ in Ihrem Bereich „Seitenleiste rechts“ und wählen Sie dann das Gadget „HTML / JavaScript“.
Schritt #5
Fügen Sie im Feld „HTML / JavaScript“ den folgenden Code ein (tun Sie dies für jedes Social-Media-Symbol):
< a href=“URL geht hier“><img src=“Bilddirektlink geht hier“ /></a>
Schritt #6
Gehen Sie zurück zum Post-Editor, in den Sie Ihre Social-Media-Symbole hochgeladen haben. Kopieren Sie den Bildlink für eines Ihrer Symbole (siehe Schritt 1).
Schritt #7
Kehren Sie zu Ihrem „HTML / JavaScript“ -Gadget in Blogger zurück und fügen Sie Ihren Bildlink dort ein, wo „Image Direct Link Goes Here“ steht (tun Sie dies für jedes Social-Media-Symbol und halten Sie es in Anführungszeichen). Es sollte ungefähr so aussehen:
<a href=“URL geht hier“><img src=“https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png“ /></ a>
Schritt #8
Jetzt ist es an der Zeit, Ihre Social-Media-URLs hinzuzufügen. Wenn Sie das Gadget „HTML / JavaScript“ in einem neuen Fenster oder Tab geöffnet lassen, gehen Sie zu Ihrem Social Media-Profil und kopieren Sie Ihre Profil-URL.
Schritt #9
Fügen Sie nun im Gadget „HTML / JavaScript“ Ihre URL dort ein, wo „URL Goes Here“ steht (tun Sie dies für jedes Social-Media-Symbol und halten Sie es zwischen den Anführungszeichen).
Schritt #10
Wählen Sie „Speichern“, wenn Sie fertig sind. Der fertige Code sollte ungefähr so aussehen:
< ein href =“https://www.facebook.com/BeautifulDawnDesigns“><img src=“https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png“ /></ a>
Sie können den von Ihnen erstellten Beitragsentwurf löschen.
Hinweis: Wenn Sie eine E-Mail-Schaltfläche mailto:youremailaddresshere zwischen den Anführungszeichen, wo es heißt URL Geht hier.