Follow Buttons + schwebende Social Media Buttons

Heey ihr Lieben!
Jemand hat gefragt, wo oder wie man die Follow Buttons, die bei uns an der Seite sind her bekommt bzw. macht.
Leider kann ich euch nicht sagen, wie man die macht, aber ich kann euch sagen wo ihr kostenlos solche Buttons herbekommt.

1. Geht auf diese Seite http://www.iconfinder.com/search/?q=follow+button, dort sucht ihr euch Buttons nach eurer Wahl aus.

2. Speichert sie in einem Ordner von eurem Computer.

3. Um schwebende Social Media Buttons hinzubekommen müsst ihr die Bilder z.B. hier bei  http://tinypic.com/ hochladen.

4. Jetzt geht es ans coden. Ghet aufs Dashboard/Layout/Gadget hinzufügen/ HTML/Java Script.

5. Diesen Code müsst ihr nun in die leeren Zeilen einfügen.

<style>
#floatbubble {position:fixed; left: 10px; bottom: 30px; width:40px; z-index:999;}
#floatbubble a {display:block; width:40px; height:40px; background-position: center; background-repeat: no-repeat; white-space: nowrap;}

#facebook a:link {background-image:url(LINK ZUM BILD); }
#px a:link {background-image:url(LINK ZUM BILD); }
#flickr a:link {background-image:url(LINK ZUM BILD); }
#da a:link {background-image:url(LINK ZUM BILD); }
#vimeo a:link {background-image:url(LINK ZUM BILD); }
#formspring a:link {background-image:url(LINK ZUM BILD); }
#rss a:link {background-image:url(LINK ZUM BILD); }
</style>

<div id='floatbubble'>
<div id='facebook'><a href="LINK" target="_blank"></a></div>
<div id='px'><a href="LINK" target="_blank"></a></div>
<div id='flickr'><a href="LINK" target="_blank"></a></div>
<div id='da'><a href="LINK" target="_blank"></a></div>
<div id='vimeo'><a href="LINK" target="_blank"></a></div>
<div id='formspring'><a href="LINK" target="_blank"></a></div>
<div id='rss'><a href="LINK" target="_blank"></a></div>
</div>

Rot markierte Zeilen löscht ihr und stellt dort den letzten Link also ich glaube der heißt Layout Link ein von deinem Button den du bei tinypic hochgeladen hast.

Blau markierte Zeilen gibst du den Link zu deinem Social Media Button ein.

Rot markierte Zeilen bestimmt die Breite der Buttons.

Ich werde gleich noch ein Tutorial schreiben, wie ihr Google Friend Connect und BlogConnect verlinkt.

Eure Lena.

Social Media Buttons

Hallo. 

Ich möchte euch heute zeigen, wie ihr Social Media Buttons wie auf meinem Blog beautycoral.blogspot.de hinbekommt.

1. Bloggerdashboard → Euer Blog → Layout → Gadget hinzufügen → HTML/Java Script 
2. Nun fügt ihr diesen Code ein.

 <a href="BLOG - LINK" ><img src="http://2.bp.blogspot.com/-obPvC7_ESdg/UIbmBS3NfZI/AAAAAAAAAz4/I1RC0uPwfYY/s1600/blogger.png" hight="30" /> </a>

<a href="FACEBOOK LINK" ><img src="http://3.bp.blogspot.com/-8UVpawKaXp0/UIbmDmeZDCI/AAAAAAAAA0A/vsWPVpO6ae4/s1600/facebook.png" hight= "30" /> </a>

<a href="TWITTER LINK" ><img src="http://4.bp.blogspot.com/-EzzNDz5yZ6k/UIbmExiEThI/AAAAAAAAA0I/84qwzPrXHgc/s1600/twitter-bird-light-bgs.png" hight="30" /> </a>

3. Der erste Absatz vom Code besteht für einen anderen Blog, wie z.B. einen Gemeinschaftsblog, wie ich ihn habe, wenn du das nicht willst löschtst du einfach diesen Absatz. Der zweite Absatz ist für Facebook und der dritte für Twitter. Dort wo ihr euren Link von eurem Social Network einfügen müsst habe ich rot markiert. Letztendlich sollte der Code aber in schwarz in eurem Gadget stehen. 

Eure Lena!