{Tutorial} Wie füge ich Social Icons in meiner Sidebar ein?

Freitag, 8. Januar 2016

Als allererstes müsst ihr eure Social Icons irgendwo hochladen, ich empfehle dabei immer Abload. Ladet die Social Icons hoch die ihr haben wollt.

Danach geht auf euren Blog -> Design -> Layout -> Gadget hinzufügen -> HTML/Javascript hinzufügen.

Dort fügt ihr dann folgendes ein (Ihr braucht diesen Code PRO Icon!):
<a href="LINK DER WEBSITE"><img src="DIREKTLINK DES BILDES" width="150"/>

Am Ende könnte der Code (hier als Beispiel mit 4 Icons) so aussehen:
<center><a href="https://plus.google.com/"><img src="http://abload.de/img/roundgoogledilpm.png" width="50"/></a>
<a href="https://www.instagram.com/"><img src="http://abload.de/img/roundinstagramk3b95.png" width="50"/></a><br />
<a href="https://www.instagram.com/"><img src="http://abload.de/img/roundpinterest6izr7.png" width="50"/></a>
 <a href="https://plus.google.com/"><img src="http://abload.de/img/roundgoogledilpm.png" width="50"/></a></center>

LINK DER WEBSITE hier müsst ihr einfach wie schon gesagt nur die URL der Seite zu dem der Button verlinken soll einfügen.

DIREKTLINK DES BILDES wenn ihr eure Icons auf Abload hochgeladen habt stehen neben jedem Icon Links. Ihr müsst den Direktlink hier einfügen.

width="150" hier könnt ihr die Zahl beliebig verstellen, sie gibt die Breite des Bildes an. Die Höhe ändert sich automatisch mit wenn ihr diese Zahl ändert.

Ihr könnt wenn ihr zum Beispiel zwei nebeneinander und untereinander haben wollt auch ein <br /> nach dem zweiten Code einfügen. Dann gibt es einen Zeilenumbruch!

Ihr könnt ebenfalls vor allen Codes und am Ende aller Codes ein <center>ALLE CODES</center> oder <right>ALLE CODES</right> reinpacken. Dann werden die Icons auch noch zentriert.


War das Tutorial nützlich?



Keine Kommentare:

Kommentar veröffentlichen