Quelltext betrachten

Nachdem man sich die Mühe gemacht hat ein Blog-Badge-Button zu erstellen sollte er auch auf dem eigenen Blog zur Geltung kommen. Wenn du ihn in deine Modulleiste auf der Seite einbauen willst, sind dazu ein paar Kniffe nötig. Es geht bestimmt auch einfacher, aber ich habe es so hinbekommen:


- Lade den Blog-Badge (am besten in einem kleinen Artikel) bei Twoday-net hoch 

->1. im Artikel „Bild einfügen“ -> neues Bild hochladen -> Quellverzeichnis angeben, wo sich das Bild bei dir auf dem Rechner befindet -> Name geben -> „Bild hochladen“

-> 2. Bild auswählen -> „Bild einfügen“ (kannst unter „Bild verlinken“ auch gleich die Webadresse deines Blogs angeben. Dann hast du schon die erste Funktion des Badges miteingebaut^^)



'''Anlegen der Badge-Leiste:'''

-> „Admin“-> „Module“ -> „Freetext (2)“ -> „Einstellungen“ -> Name für Überschrift wählen

Da hier nur HTML Texte zu gebrauchen sind, wird’s hier ein wenig kniffliger: 
Kopier den HTML Code am Ende dieses Artikels mit der Tastenkombination „STRG +C“ und setz ihn mit der Kombination „STRG+V“ in das Feld „Freier Text“ ein. An den entsprechenden Stellen musst du entweder die Webadresse deines Weblogs eingeben, den Namen deines Weblogs und das Quellverzeichnis, wo dein Bild bereits im Internet veröffentlicht wurde (Deshalb auch dein kurzer Badge Artikel^^) einsetzen. Wie der fertig modifizierte Text aussehen soll, zeig ich am Schluss mit einem kleinen Beispiel. 

Das Quellverzeichnis für dein Bild findest du heraus, indem du den Artikel öffnest, wo du deinen Badge das erste Mal hochgeladen hast. Danach einfach Rechtsklick auf das Bild -> Eigenschaften -> bei Grafikeigenschaften die Adresse markieren, mit STRG + C kopieren und in den HTML-Text mit STRG +V einsetzen.

-> Sichern



'''Leiste im Blog hochstellen:''' 

Funktioniert wie beim Counter über „Sidebar Module anordnen“)



'''Der HTML Text:'''

<a href="http:// Blogadresse.net/" title="Blogname"><img src="http:// Quellverzeichnis des Bildes.png" height="15" width="80" alt="Blogname" border="0"></a>

'''->''' ''Nur den Text zwischen den Ausrufezeichen verändern. Die Ausrufezeichen selbst müssen stehen bleiben!!''


'''So sollte es dann fertig aussehen:'''

<a href="http://ireen.twoday.net/" title="Mediensache"><img src="http:// twoday.net/static/Ireen/images/Blog-Badge.png" height="15" width="80" alt="Mediensache" border="0"></a>

'''Un ferdisch^^'''