3. Juni 2010 von Dieter | 2 Kommentare | drucken
Webseiten-Infos.de mit Twitter-Icon
Vor rund einem Jahr unternahm ich meine ersten Gehversuche mit Twitter (siehe hierzu meinen Blogbeitrag “Webseiten-Infos.de auch auf Twitter“). Nun gibt es in der rechten Spalte (Sidebar) auf der Website Webseiten-Infos.de endlich auch ein dahin verlinktes Twitter-Icon (blaues Vögelchen).
Direkt darüber gibt es den Link zu dem letzten Blogbeitrag “Was ist Twitter?”.
Das anklickbare Twitter-Vögelchen ruft zudem “Folge mir!“.
Schau mer mal, ob ich die Anzahl meiner “Follower” weiter steigern kann. Aktuell weist WebseitenInfos bei Twitter knapp unter 200 Twitter-Nutzer auf, die mir folgen (“Follower“). Die Zahl der “Follower” repräsentiert die Popularität eines Twitter-Nutzers. Mein Ziel ist es in naher Zukunft diese Grenze zu durchbrechen.
Wie bin ich beim Einbau des Twitter-Icons vorgegangen?
Zuerst hatte ich versucht den XHTML- und CSS-Code des WordPress-Plugins Follow Me für das Twitter-Icon zu übernehmen. Das klappte auch. Allerdings passte das Icon am linken oder rechten Rand des Browserfensters optisch nicht zu dem von mir abgewandelten Layout des YAML Green Themes.
Deshalb entschied ich mich doch für die klassische Darstellung eines Twitter-Vögelchens in der rechten Spalte (Sidebar).
In diesem Zusammenhang ersetzte ich auch gleich noch das RSS-Icon in der rechten Spalte (Sidebar) durch eine größere Variante.
Darüber hinaus machte ich die Hintergrundgrafiken (background-images) anklickbar. Der Internet Explorer 8 ( IE 8 ) zickte dabei erst einmal herum. Die Twitter- und RSS-Icons ließen sich nicht anklicken. Mehr zur technischen Umsetzung und diesem Problem gibt es in einem eigenen Blogbeitrag.
Hätte ich noch folgende Fragen an Dich:
- Gefällt Dir das Twitter-Icon oder findest Du es unpassend?
- Twitterst Du auch und falls ja wie lautet Dein Twittername?
- Was hältst Du von Twitter? Hype oder Revolution im Web?
Infos
Webseite veröffentlicht am Donnerstag, den 3. Juni 2010, um 15:52 Uhr, zuletzt geändert am Samstag, den 19. Juni 2010, um 22:56 Uhr.
Kategorie: Webdesign
Schlagworte: Follower, Icon, Twitter, Vögelchen
Statistik: 259 Blogbeiträge, 682 Schlagworte, 1.557 Kommentare, 112 Feedleser
1. Tanja
Kommentar vom 4. Juni 2010 um 06:42
Hab gerade gekuckt, ich folge Dir schon länger
Bei dem Button würde ich noch einen target blank einbauen.
2. Dieter
Kommentar vom 4. Juni 2010 um 07:49
@Tanja
Ja, wir folgen uns ja gegenseitig bei Twitter.
Gegen target=”_blank” habe ich mich aus mehreren Gründen entschieden:
- Formal: Ich möchte nicht die DocType-Variante XHTML 1.0 Strict gegen die Transitional-Variante austauschen. Strict erlaubt nicht das Öffnen eines neuen Browser-Tabs/-Fensters. Und dem Benutzer das Öffnen eines neuen Fensters mit JavaScript vorzuschreiben, damit die Seiten weiter validieren, halte ich nicht für sinnvoll.
- Faktisch kann jeder Besucher mit dem Zurück-Button in seinem Browser zur besuchten Webseite zurück. In meinem Firefox bleiben da sogar angefangene Kommentare bestehen.
- Erfahrende Internetnutzer kennen auch die Alternativen mit ihrem Browser einen neuen Browser-Tab oder ein neues Browserfenster zu öffnen (bei meinem Firefox mittels Mausklick mit der rechten Maustaste).
- Allen Internetnutzern lasse ich die Qual der Wahl, indem sie unmittelbar über dem Twitter-Vögelchen das Häckchen bei “in neuem Tab/Fenster öffnen?” setzen können (siehe hierzu meinen Blogbeitrag “Neues Fenster für alle Seiten?“). An dieser Stelle noch einmal herzlichen Dank an Fritz Weisshart für diese Lösung.