Info: Dieser Blog wurde 2014 eingestellt. Dies hat viele Gründe, die an dieser Stelle jedoch nicht relevant sind. Die meisten der hier veröffentlichten Tutorials sind inzwischen nicht mehr aktuell, verlasst euch also nicht auf das hier geschriebene.
Zusammen mit dem Blog sind auch unsere E-Mail, unser ask.fm und unser facebook eingestellt.

Link us ! (+ Tutorial für Link-Me Box)









Yihaa, wie ihr seht, könnt ihr uns nun verlinken. Das Banner ist noch etwas eintönig, aber ich arbeite dran. =)
Kopiert  einfach den Code und fügt ihn bei Gadgets unter HTML/Java-Script ein.
Nun zum Tutorial (
Das wichtige für so eine Link-Me Box ist natürlich, dass ihr euren Banner schon fertig habt. Ihr braucht nämlich  die URL eures Bildes. Dafür könnt ihr das Bild natürlich bei Photobucket oder wo auch immer hochladen und die URL nehmen, oder ihr macht es wie ich, ladet das Bild bei Blogger hoch, klickt mit rechts rauf und sagt 'Bild in neuem Tab öffnen.'
So. Jetzt zum eigentlichen Code.

<center>
<a href="http://time-to-steal-ideas.blogspot.com/">
<img src="http://4.bp.blogspot.com/-qix8_rVQHfQ/T7DWTM6BeOI/AAAAAAAAA-Y/dAZeKY6HilU/s1600/Unbenannt-1+Kopie.jpg" /></a><br />
<textarea style="font-size: 10px; color: #aaa;" rows="6" cols="25" onclick="this.select();">
<br />
<a href="http://time-to-steal-ideas.blogspot.com/">
<img src="http://4.bp.blogspot.com/-qix8_rVQHfQ/T7DWTM6BeOI/AAAAAAAAA-Y/dAZeKY6HilU/s1600/Unbenannt-1+Kopie.jpg" target="_blank" />
</a><br />
</textarea>
</center>

Okay, die ganze Sache ist jetzt ziemlich bunt geworden, aber ich versuche euch jetzt mal den Code zu erklären.
Der obere, grau hinterlegte Teil ist Codes, der das Bild über die Link-Me Box zaubert. Klickt man auf das Bild, wird man zur jeweiligen Seite geleitet.
Darunter beginnt der Code für die Box. Ihr seht, dass darin auch der gleiche Code wie drüber steht. Aber Schritt für Schritt:
<center>...</center> - Dieser Code sorgt eigentlich nur dafür, dass das Ganze zentriert ist.
<a href=...>...</a> - Was zwischen diesesn Klammern steht, bedeutet, dass es ein Link ist. Normalerweise steht dort Text, aber hier steht:
<img src=.../> - img steht ganz klar für image, was bild bedeutet. Also wird hier das Bild eingefügt, auf das der Link verweist. Da dieser Teil des Codes zwischen den 'Link-Schnippseln' steht, wird der Link mit dem Code verbunden.
<br/> - Einfach nur ein Absatz fürs Aussehen.
<textarea style =...>...</textarea> - Eigentlich der wichtigste Teil des Codes, denn er gibt an, dass diese hübsche Box entsteht.

So, jetzt dazu, wie ihr diese Box personalisiert:

<center>

<a href="http://linkzueuremblog/">
<img src="http://linkzueurembild" /></a><br />
<textarea style="font-size: 10px; color: #aaa;" rows="6" cols="25" onclick="this.select();">
<br />
<a href="http://linkzueuremblog/">
<img src="linkzueurembild" target="_blank" />
</a><br />
</textarea>
</center>

Eigentlich ganz simpel, oder?

Paula



Kommentare:

  1. Hi

    Könnt ihr vll. ein Tutorial schreiben, wie man Neuste Post - Startseite - Ältere Posts formatiert? Ich kriege es nicht richtig hin. Neuste Posts werden nicht angezeigt.

    Liebe grüße, Tenzi

    AntwortenLöschen
  2. Super Tutorial. Ich werde das morgen mal versuchen! :)
    Eure Tutorials sind wirklich super, konnte schon einige auf meinem Blog anwenden! <3

    AntwortenLöschen
  3. Bei mir funktioniert das leider nicht und ich weiß auch nicht, was ich falsch mache. Das Bild wird zwar angezeigt, aber nicht die Box :/

    AntwortenLöschen

Wie schon an anderer Stelle dieser Seite bemerkt, ist der Blog eingestellt. Das bedeutet leider auch, dass wir als Blogautoren auf deinen Kommentar nicht eingehen werden.