Link-Me Box selbst machen ♥♥

Diesmal gibt es eine Schritt-für-Schritt Anleitung, wie ihr sich eine Link-Me Box selbst machen könnt. :)

Wofür ist sie gut? So eine Box ist vielseitig, in der Bloggerwelt wird sie aber gerne dazu genutzt, um sich gegenseitig zu verlinken - wie zB. als Blogging Friends.

Dazu braucht ihr natürlich erst einmal ein Bild, ihr später als Banner nehmen könnt. Gängige Größen sind 100x80px & 200x60px, aber ihr könnt damit auch experimentieren. Falls ihr schon eins habt, sehr gut, dann könnt ihr gleich anfangen! Wenn nicht, müsst ihr euch erst eins machen.

Hier seht ihr, wie ihr eine GIF-Animation erstellt, ein guter Startpunkt für ein eigenes Banner, obwohl ihr nicht unbedingt eine Animation nehmen müsst, ein "normales" Bild reicht auch ;)

Grundsätzlich reicht es den Blognamen in einer interessanten Schrift in ein kleines Bild zu pressen, das geht mit eigentlich allen Bildbearbeitungsprogrammen, auch Paint reicht aus.

Nun denn, wenn ihr das lest, vermute ich mal, dass ihr ein Bild habt und wir beginnen können. :)
Grundsätzlich ist eine Link-Me Box nur das Bild und unten eine Box mit dem HTML-Code für das Bild.

Ich versuche jetzt mal so gut es geht den Code zu erklären, den ihr benutzt.

<center>
<a href="http://copypastel0ve.blogspot.com/">
<img src="http://i1021.photobucket.com/albums/af334/Inhji/CopyPasteLoveBanner1.gif" /></a><br />
<textarea style="font-size: 10px; color: #aaa;" rows="6" cols="25" onclick="this.select();">
&lt;a href=&quot;http://copypastel0ve.blogspot.com/&quot;&gt;
&lt;img src=&quot;http://i1021.photobucket.com/albums/af334/Inhji/CopyPasteLoveBanner1.gif&quot; target=&quot;_blank&quot; /&gt;
&lt;/a&gt;
</textarea>
</center>

Ersetzt das blaue mit eurem Bloglink. Das rote mit dem Bildlink. (Achtet darauf, dass ihr keine Anführungszeichen davor oder dahinter "verschluckt"!) Die unterstrichenen Werte könnt ihr auch ändern, probiert es einfach aus, wenn ihr Lust habt.

So, das ganze fügt ihr jetzt in ein HTML/Java-Script Gadget oder in einem Post ein und fertig ist eure Link-Me Box! :)

4.7.2013 // letztes Update von Mira