Rss-Feed
Facebook
Twitter

Samstag, Oktober 02, 2010

Social Media Button ins Blogger Template einfügen

Um mit den Lesern besser zu agieren, nutzen viele Blogger sog. Social Media Button(wie bei mir oben rechts). Heute zeige ich euch mal wie man diese ins Blogger Template einbaut. Dazu geht ihr auf Design und auf Html bearbeiten. Dort sucht ihr im Html-Code den </head> - Tag. Unter diesen fügt ihr folgenden Code ein:

<div style='position: absolute; top: 3px; right: 3px;'>
<a href='http://Adresse-des-Social-Profils.de'><img src='http://Adresse-des-Bildes.de/bild.jpg'  alt='z.B.Twitter' /></a>
</div>


Beschreibung:
top: 3px; = Abstand nach oben
right: 3px; = Abstand nach rechts
Bottom und left würden auch gehen.

http://Adresse-des-Social-Profils.de = z.B der Link zu ihrem Facebook Profil
http://Adresse-des-Bildes.de/bild.jpg = Adresse eines Facebook Button
Button gibt es tausende. Google: Free Social Media Button
Die Button irgendwo downloaden, dann "Neuer Post", Bilder einfügen, speichern aber nicht veröffentlichen. Wenn ihr in der "Verfassen" Ansicht auf ein Bild klickt bekommt ihr die Adresse angezeigt.




So sieht zum Beispiel der Code zu meinem Twitter Button aus:


<div style='position: absolute; top: 3px; right: 3px;'>
<a href='http://twitter.com/staigi83'><img alt='Twitter' src='http://1.bp.blogspot.com/_o12fUTaQUoM/TKcKA9X3VyI/AAAAAAAAAN8/JmvCTR5s6I4/twitter.png'/></a>
</div>