7. Juli 2013

Scrolleiste für Blogger-Widget

Auch wenn dieses Blog noch nicht so viele Einträge hat, besteht es schon länger. Daher sind manche Anzeigen an der Seite wie z.B. die Liste von Lesenswerten Blogs doch recht lang. Auf BBT (Best Blogger Tutorials) habe ich eine schöne Anleitung gefunden, wie für das Blog Archiv eine Scrolleiste hinzugefügt werden kann. Das schöne ist: das funktioniert auch bei anderen Widgets.

Hier die grundsätzliche Vorgehensweise:

  1. Geh auf Blogger -> Dashboard -> Vorlage
  2. Wenn du sicher gehen willst, dass deinem Blog nichts passiert, lade das aktuelle Template als Sicherheitskopie herunter.
  3. Geh auf html bearbeiten
  4. Such die in der Anzeige Zu Widget wechseln den Namen des Widgets heraus, für das du eine Scrolleiste hinzufügen willst
  5. Gehe auf Vorlage->anpassen->erweitert->CSS hinzufügen
    Alternativ: Klicke irgendwo in das html-Feld und dann auf strg+f und suche nach folgendem Eintrag ]]></b:skin> (der Code wird vor dieser Zeile eingefügt)
  6. Füge den folgenden Code ein:
    #widgetname .widget-content{
    height:200px;
    width:auto;
    overflow-y:scroll;
    overflow-x:hidden;
    }
  7. Ersetze widgetname mit der Bezeichnung des Widgets, das die Scrolleiste bekommen soll.
  8. Passe die Angabe height:200px so an, dass sie der gewünschten Höhe entspricht.
  9. Speichern und fertig.
Was macht was?
height   legt die Höhe des Anzeigefelds fest, frei änderbar

width: auto   sorgt dafür, dass sich die Breite automatisch anpasst

overflow-y:scroll   zeigt eine vertikale Scrolleiste an  

overflow-x:hidden   verhindert eine horizontale Scrolleiste

Keine Kommentare :

Kommentar veröffentlichen

Ich freue mich immer über Kommentare und Anregungen.

Related Posts Plugin for WordPress, Blogger...