Willkommen zu Silkroad Guides Blog

Als ich vor geraumer Zeit einen Guide über das „Geld verdienen mit bloggen” geschrieben habe, haben viele Spieler ihren eigenen Blog bei Blogger.com eröffnet. In Sachen HTML brauchen aber offensichtlich noch einige ein paar Grundkenntnisse, die ich euch gerne geben will.
Wie schön könnte die Welt sein, wenn es keine DAU’s (Dümmster Anzunehmender User) geben würde. Obwohl man den Begriff DAU nicht gleich verwenden sollte wenn es manchen Menschen an HTML-Kentnissen fehlt.
Nunja das Bloggen haben nun ja schon einige Verstanden und tippen fleißig ihre Texte, oder kopieren die Texte meines Blogs (>.<). Wie auch immer solange ich immer als Quelle genannt werde beschwere ich mich mal nicht… Das Schreiben auf Blogger sollte allerdings jeder von euch können. Nun wollen allerdings auch einige von euch zum Beispiel ‘Partnerbuttons‘ oder Ähnliches auf ihrem Blog einfügen. Ich nehme mir einfach mal die Sache mit den ‘Partnerbuttons‘ da dies eine Sache ist nach der ich täglich gefragt werde. Wie fügt man also einen oder mehrere dieser Buttons auf seinem Blog bei Blogger.com hinzu? Als erstes geht ihr bei Blogger auf „Layout”. Ihr solltet nun direkt bei den Seitenelementen angekommen sein, hier klickt ihr nun einfach ein „Gadget hinzufügen”. In dem Pop-Up das sich nun geöffnet haben sollte wählt ihr nun „HTML/Javascript”. Hier gebt ihr nun zuerst den Titel ein, zum Beispiel ‘Partner’. In den Content fügt ihr nun einfach folgenden Code ein:
Und schon hättet ihr einen Button hinzugefügt, zumindest wenn ihr „LINK ZUM PARTNERBLOG” mit einem Link zu der Seite ersetzt hättet zu der, der Partnerbutton linken soll und „LINK ZUM PARTNERBUTTON” mit einem Direktlink zum Bild des Partnerbuttons ausgetauscht hättet. Ein Partnerbutton hat übrigens die Standartgröße 88 x 31 Pixel. Anschließend klickt ihr einfach auf „Speichern”. Nun wurde das Gadget zu eurem Blog hinzugefügt und ihr könnt es per Drag’n'Drop dahinschieben wo es hinsoll.
Natürlich könnt ihr den oben genannten Code noch erweitern sodass sich die Seite eures Partners in einem neuen Fenster öffnet, dazu fügt ihr einfach folgende Zeile noch hinzu:
Auf diese Art und Weise fügt ihr zum Beispiel auch Bilder in euren Blogposts ein, dort könntet ihr dann noch weitere Einstellungen direkt im Code vornehmen wie zum Beispiel die Größe des Bildes, dazu fügt ihr noch die folgenden Werte ein:
Dabei ersetzt ihr den XX Wert hinter width und height jeweils mit der Größe in Pixeln. Den blauen Teil des Codes könnt ihr auch ganz weglassen wenn ihr nur das Bild einfügen wollt, ohne das das Bild auf etwas verlinkt.
Wie füge ich meinen eigenen Header in den Blog ein?
Obwohl man dazu keine HTML Grundkenntnisse benötigt, möchte ich es hier dennoch erwähnen. Bei Blogger gibt es zwei Möglichkeiten einen eigenen Header auf dem Blog einzubauen. Die erste wäre es wieder bei den Seitenelementen beim Header-Modul auf “Bearbeiten” zu klicken, hier könnt ihr nun einen eigenen Header hochladen. Wenn das nicht möglich ist, oder es dumm ausschaut, dann sucht im HTML Code (HTML bearbeiten) nach dem Hintergrundbild eures Designs. Ladet das Hintergrundbild herunter und fügt mit einem Bildbearbeitungsprogramm, wie zum Beispiel Photoshop, euren Header manuell auf dem Hintergrundbild ein. Anschließend ladet ihr das Hintergrund Bild irgendwo hoch und ersetzt den Link im HTML Code mit dem neuem Code. Ihr solltet vorher ein Backup vom Hintergrundbild anlegen…
Wie füge ich mein eigenes ‘Favicon’ auf dem Blog ein?
Wenn ihr das Icon von Blogger nicht mögt, dann könnt ihr natürlich auch euer eigenes Favicon auf eurem Blog einfügen. Dazu fügt ihr folgenden Code im head Bereich unter dem title Tag ein:link href="'LINK" rel="'shortcut"
Das Favicon solltet die Größe 16×16 Pixel haben und sollte eine .ico Datei sein. Allerdings funktionieren auch .png etc…-------------
Wenn ihr weitere Fragen habt, dann postet diese einfach in die Kommentare. Ich werde euch dann antworten und eure Frage in „die Liste der Grundkenntnisse” aufnehmen.
Ich hoffe ich konnte helfen.

Quelle: Pains Blog