Jimdo Share Buttons - Tutorial

In diesem Tutorial zeige ich euch wie ihr sogenannte Share Buttons bei Jimdo erstellen könnt. Beispiele dafür seht ihr oben link or oben rechts. Anhand des RSS-Beispiels hier bist du in der Lage dann selber deine eigene Konstellation zusammenzustellen.

RSS-Bild einrichten

Wir möchten gern ein RSS-Bild einrichten und es mit einem Hover-Bild ausstatten, so dass sich das Bild ändert wenn man darüberfährt. Das ist nicht sonderlich schwer, also los geht's.

Kopiert euch den folgenden Code und denkt daran die fett markierten Stellen abzuändern, falls ihr besondere Wünsche habt:

<a href="http://kwoxer.de/rss/blog"><img style="margin-top:5px;" src="http://u.jimdo.com/www62/o/s6f642b1872bd8b62/img/i032db36ccf14086c/1339863590/std/image.png" width="32" title="Blog"

alt="Blog" onmouseout="javascript:this.src='http://u.jimdo.com/www62/o/s6f642b1872bd8b62/img/i032db36ccf14086c/1339863590/std/image.png';" onmouseover="javascript:this.src='http://u.jimdo.com/www62/o/s6f642b1872bd8b62/img/iae665adf248bad6d/1403039127/std/image.png';"/></a>

</div>

Packt diesen Code-Schnipsel einfach in eure Sidebar als HTML/Widget. Da dort Änderungen schwer nachzuvollziehen sind empfehle ich solche in einem externen Editor wie Notepad++ zu machen. Aber ist Geschmackssache denke ich.

Speichert euren HTML-Code nun und ladet die Seite neu. Es sollte folglich nun rechts oben einen RSS-Button mit Verlinkung und Mousehover-Effekt anzeigen. Dies sollte sowohl in Admin- als auch der normalen Sicht geschehen.

Erweiterte Button-Liste

Wie ihr sicher schon gemerkt habt, befindet sich oben links noch mehr von dem Zeug. Da dieser Code ziemlich lang ist füge ich diesen als Text-Datei an. Bei Bedarf also herunterladen und dann wie oben zu sehen wieder einbinden wenn ihr fertig seid.

Ihr könnt die Bilder auch gerne bei euch verwenden. Die Bilder lass ich online.