Ein Lesestatus-Widget für WordPress.com


Da WP.com es leider nicht zulässt, in das Text-Widget Codes wie javascript oder iFrame einzufügen, können keine Lesestatus-Widgets von renomierten Verlagen oder Buchportalen (wie z. B. lovelybooks) genutzt werden.

screenshot-wp-scriptcodes

Screenshot wp.com

Zwar gibt es die Möglichkeit, so etwas annähernd mit dem Standart-Widget „Goodreads“ zu implementieren – aber das sieht

  1. nicht wirklich nett aus und
  2. ist die Seite von Goodreads komplett auf englisch, was für viele auch eine Hürde darstellen kann.

Wir warten jetzt schon – wie viele andere auch – seit Wochen händeringend auf ein Update von Lovelybooks, die ein wirklich sehr schönes Lesestaus-Widget für Buchblogger herausgebracht haben – nur eben als javascript und daher nicht für WP.com geeignet. 😦

Doch was in der Zwischenzeit nutzen?
Viele Möglichkeiten gibt es ja nicht…. oder? Doch!


Lesestatus für WP.com

Wer auf seinem WordPress.com-Blog ein Lesestatus-Widget haben möchte, der kann ganz einfach folgenden Code in ein neues Text-Widget einfügen:

<div align=“center“>
<img src=“DEIN LINK ZUM BILD/BUCH, DAS DU GERADE LIEST“

title=„DEIN BUCH // DESSEN AUTORIN*AUTOR style=“width:150px; border-radius:5px“ /><br/>
<div style=“text-align:left; width: 150px; height: 15px; background: none repeat scroll 0% 0% rgb(255,250,240); border: none; border-radius:5px“><div style=“width:50%; height: 15px; background: none repeat scroll 0% 0% rgb(240,128,128); font-size: 8px; line-height: 8px; border-top-left-radius:5px; border-bottom-left-radius:5px;“>
</div></div>
100 von 200 Seiten | <b>Ich mag das Buch bis jetzt!</b><br />

<br />
</div>

Das Ergebnis ist ein Lesestatus-Widget inkl. Statusbalken und aktueller Meinung zum Buch. 🙂


Anpassungen:

  • <img src=“DEIN LINK ZUM BILD/BUCH, DAS DU GERADE LIEST“
    === Trage hier den Link zu dem Buchcover ein
  • title=“DEIN BUCH // DESSEN AUTORIN*AUTOR“
    === Das hier ist der Text, der erscheint, wenn man mit der Maus über das Bild fährt.
  • <div style=“width:50%; height: 15px; background: none repeat scroll 0% 0% rgb(240,128,128); font-size: 8px; line-height: 8px; border-top-left-radius:5px; border-bottom-left-radius:5px;“>
    === Die ersten 50% kannst du in deine entsprechende Prozentzahl ändern, (Berechnung: Aktuelle Seitenzahl MAL hundert GETEILT DURCH gesamte Seitenzahl)
    === Die Farbe des Balkens kannst du mittels des rgb Codes ändern. Dazu einfach die drei Zahlen in der Klammer abändern. Farbtabelle hier:http://www.farb-tabelle.de/de/farbtabelle.htm
  • </div></div>100 von 200 Seiten | <b>Ich mag das Buch bis jetzt!</b>
    === Schreibt zusätzlich zu dem Prozentbalken noch, auf welcher Seitenzahl von wie vielen Seiten insgesamt ihr euch befindet. Außerdem könnt ihr noch eine kurze Meinung zum Buch abgeben. (Wer seine Meinung nicht abgeben möchte, lässt den Platz zwischen <b> und </b> einfach frei).

Probiere es aus!

Wir nutzen diese Möglichkeit bereits, wie du in unserer Seitenleiste feststellen  kannst, und sind damit super zufrieden.

Probiere es doch einfach selber einmal aus. Bei Fragen/Problemen schreibe uns einfach einen Kommentar – wir helfen gerne weiter! 😉

Teile uns auch gerne mit, ob und wie zufrieden du mit dem Widget bist!

Eure
Buchstabler

Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s