Samstag, 25. April 2015

[Tutorial]Rezensionen-Widget

Wie erstelle ich ein  Rezensionen-Widget.

Nachdem die Frage öfters aufkam, möchte hier mal eine ausführliche Antwort schreiben.


Bei Layout das Gadget  hinzufügen klicken


HTML/JavaScript hinzufügen

Dort dann den Code eingeben


Hier ein Beispiel
 <a href="
Hier deine Rezi Link
" target="_blank">
<img align=“left“ alt=“ “ border=“0“ height="70" src="
Hier die Grafikadresse von dem Bild
" title="
Dein Text
" width="45" / /></a>

Was heißt was ?
Height ist die Höhe und kann beliebig verändert werden
Width ist die Breite und kann auch beliebig verändert werden
Border ist der Rahmen, da unerwünscht hier auf 0
Aligin, ist für die Ausrichtung
Alt, in die "" beim alt könnt ihr einen Test setzen, der Angezeigt wird, sollte das Bild nicht angezeigt werden zum Beispiel weil ein anderer Browser es nicht unterstützt....


Kontrolle ?
Klickt mal auf Rich Text
dann sollte es in  etwa so aussehen

Sollte sich die Cover "komisch" verschieben und nicht mehr aneinander liegen, hat sich vermutlich ein Absatz eingeschlichen, dann beim HTML Code nach <br /> = Absatz suchen und diese entfernen




Grafikadresse / Quellcode ???
Wenn ihr mit rechts auf das Bild klickt erscheinen verschiedene Möglichkeiten, je nach Webbrowser heißen sie etwas unterschiedlich. Bei FF heißt es Grafikadresse kopieren. Bei Opera Bild-Adresse-Kopieren und bei IE auf Eigenschaften ( ganz unten) und dann Adresse ( Url) kopieren und darauf achten, dass auch alles kopiert wird, am besten durch "alles markieren" sicher gehen




Wenn ihr noch fragen habt einfach schreiben, oder falls ihr eine einfache Methode kennt :-)



Kommentare:

  1. Das ist ja mal hilfreich! Ich bastle das immer als Post und füge dann den Code seitlich ein.

    AntwortenLöschen
    Antworten
    1. Auch eine Möglichkeit. Ich hab damals ziemlich lange rum gesucht aber keine Anleitung / Erklärung gefunden und es dann einfach so probiert. Kannte mich mit dem HTML Zeug gar nicht aus^^

      Löschen
  2. Hallo,
    hahah das ist klasse... tatsächlich finde ich das so toll bei dir das ich schon überlegt habe so etwas auch auf meinem Blog einzubauen und ich hätte dich dann wohl gefragt lol. Danke für den tollen Beitrag!
    Liebe Grüße
    Viki

    AntwortenLöschen
    Antworten
    1. Freut mich, wenn ich helfen konnte :-)

      Löschen
    2. Huhu,
      bei mir klappt es auch nicht so wirklich hahahah ich stell mich aber auch bei so etwas immer fürchterlich Doof an... (ich finde nie den Quellcode der Bilder heraus?)
      LG
      Viki

      Löschen
    3. Welchen Webbrowser benützt du? Bei FF kannst du einfach mit rechts auf das Bild klicken und dann Grafikadresse kopieren klicken, dann hast du sie....Bei den anderen müsste es auch so gehen, aber weiß es nicht genau, weil ich schon lange nur noch FF habe^^

      Löschen
    4. Stimmt das so was am Browser liegen kann hab ich gar nicht dran gedacht. Ich werde gleich mal einen anderen Probieren, denn mit der rechten Maustaste konnte ich keinen herausfinden ;) Danke noch mal lol :D

      Löschen
    5. Kein Thema, ich helfe gerne, besonders wenn jemand so lieb ist und mir Überraschung Post schickt, hab mich mega gefreut ( hab auch ein paar Bilder gemacht sind im letzten Neuzugang post ) Vielen Dank :-)
      Ach ja hab oben mal ein paar Ergänzungen gemacht, weil die Frage mit dem Quellcode nicht nur bei dir aufkam ;-)

      Löschen
    6. Huhu,
      :D schön das es angekommen ist, ich dachte vielleicht gefällt es dir. lol
      Es hat auch endlich geklappt, lag tatsächlich am Browser das ich den Quellcode nicht finden konnte :D. Noch einmal vielen herzlichen Dank!
      Liebe Grüße
      Viki

      Löschen
  3. Ai super Kate hat es mir schon versucht zu erklären aber ich bin dafür immer ein wenig dusselig xD Danke so mit Bildern verstehe ich es super :D
    Danke das ist echt so super von dir *-*
    Liebe Grüße und danke für diesen wundervollen Post
    Maddy

    AntwortenLöschen
    Antworten
    1. Schön, dass dir die Erklärung hilft :-)

      Löschen
    2. Hihi ja ich werde es gleich ausprobieren :)

      Löschen
    3. Sag Bescheid wenn noch was unklar ist bzw. ob es geklappt hat :)

      Löschen
    4. Leider klappt es bei mir irgendwie nicht :O :D
      Kann ich dich vielleicht irgendwo anschreiben wo ich nicht alles zuspamen würde xD
      Das wäre super nett *-*

      Löschen
    5. Ich schreib dir gleich mal eine Mail :-)

      Löschen
  4. Uii! Das ist ja eine coole Erklärung! Ich werde es gleich mal ausprobieren!♥
    Liebe Grüße Alex, von
    booksarepeople.blogspot.de
    icecold7.blogspot.de

    AntwortenLöschen
    Antworten
    1. Danke, meld dich falls noch etwas unklar ist :-)

      Löschen
  5. Super, dass du die Anleitung hier zur Verfügung stellst! Sobald ich genügend Rezis habe, probier ich es gleich aus.

    AntwortenLöschen
    Antworten
    1. Nachdem die Frage nun öfters aufkam, dachte ich so ein Post wäre mal Sinnvoll^^
      Sag Bescheid, falls noch was unklar ist :-)

      Löschen
  6. Hallo Weinlachgummi,

    das ist doch genau die Erklärung, nach der ich gesucht habe. :D Danke, dass du das nochmal so ausführlich beschrieben hast. :-*

    LG Steffi
    (http://litis-fabelhafte-welt-der-buecher.blogspot.de)

    AntwortenLöschen
    Antworten
    1. Hey Steffi,
      freut mich, wenn ich helfen kann :-)

      Löschen
  7. ich bin jetzt soweit. Klappt auch einigermaßen. Eine Frage: im richtext Sind die Bilder untereinander und nicht nebeneinander angeordnet. Ist das normal oder muss ich im code etwas ändern? L

    LG
    loralee

    AntwortenLöschen
    Antworten
    1. Hi,
      schau mal ob sich beim code absätze rein geschlichen haben. Wenn du wo
      siehst, diese entfernen, dann sollten alle nebeneinader sein

      Löschen
    2. Yuhu,
      du hast recht, da hatten sich noch ein paar
      eingeschlichen...
      Bis es zu einem Block angewachsen ist, wie beidir, wird wohl noch dauen, aber eine Reihe hab ich schon voll :-)
      1000 Dank
      loralee
      1000 Dank

      Löschen
    3. Super :-)
      Freut mich.
      Des wird sich bestimmt bald ändern ;)
      Liebe Grüße

      Löschen
  8. Hallo ich bin es schon wieder lol,
    nach dem es letzten Monat ohne Probleme geklappt hat stelle ich heute fest das ich wohl doch irgend etwas falsch mache... und zwar: Man sieht die Bilder in meiner Box und auch auf dem Blog, allerdings lässt sich jeweils immer nur das erste Bild der Reihe durch anklicken sozusagen weiterleiten, die anderen sind ohne jegliche Funktion. Setez ich eines der Bilder darunter, funktioniert es aber...nur eben nicht nebeneinander... ??
    Liebe Grüße
    Viki... und sry fürs schon WIEDER Nerven!

    AntwortenLöschen
    Antworten
    1. Du nervst nicht :)
      magst du mir mal den code per mail schicken, dann kann ich schauen woran es liegen könnte.

      Löschen
    2. Sehr gerne, wenn du mir deine Email Adresse durch gibst :D (Ich Stalke schon, kann aber nix finden lol)

      Löschen
    3. Hahahah, ok das hätte ich mir denken können ;D ich schick gleich einmal eine Email Raus. Vielen Dank schon einmal!

      Löschen
    4. :-) Dem Nicknamen bin ich treu ergeben *lol*
      Ok, werde heute wahrscheinlich nicht mehr dazu kommen, aber schaus mir dann morgen an :)

      Löschen
  9. Huhu,

    ich hab mich jetzt mal daran versucht und bin stellenweise doch etwas verzweifelt, weil Blogger nach dem Speichern plötzlich komische Links einfügt, wo eigentlich keine hin sollten. Dadurch hat sich dann ständig was bei mir verschoben. Also nochmal löschen und alles von vorn... *seufz* Aber so langsam nimmt es Form an.

    Eine Frage habe ich dann aber doch noch. Ist das mit dem Rahmen/Border so richtig? Wenn ich da eine Zahl eingebe (habe es testweise von 3 bis 50 probiert) passiert gar nix. o_O

    GLG
    Steffi

    AntwortenLöschen
    Antworten
    1. Hallo Steffi,
      des ist aber komisch :/

      Wegen dem Rahmen, wenn du einen möchtest, kannst du mal hier schauen http://www.html-seminar.de/css-border-rahmen.htm da ist es schön erklärt und auf den Punkt gebracht :-)

      Falls ich dir wegen dem komischen links irgendwie helfen kann gibt gerne Bescheid :)

      Löschen
    2. Hallo,

      danke für den Link. Da findet man ja noch so einiges anderes Hilfreiches. :D
      Wenn ich doch mehr Zeit hätte, mich mal mit diesem ganzen HTML-Kram in aller Ruhe auseinanderzusetzen... *g* Es gäbe viel mehr Möglichkeiten.

      LG

      Löschen
    3. Ja, man hat wirklich viele Möglichkeiten. Aber ich hab da auch nicht die Zeit für bzw. investiere ich sie dann lieber in ein Buch ;)

      Löschen
    4. Hallo,
      Ich hab es schon mal mit etwas ähnlichem versucht aber da ich noch ziemlich neu bin bei blogger und keine Ahnung von html habe, hat es erst nicht so funktioniert, aber Dank dir kann ich die Bilder jetzt doch einfügen.
      LG Louisette

      Löschen
    5. Hallo Louisette,
      da freue ich mich :-) Schön, dass dir die kleine Anleitung helfen konnte.
      Liebe Grüße

      Löschen

Ich freue mich über eure Kommentare :-)
Manchmal braucht meine Antwort etwas , aber sie kommt ^^