Sonntag, 13. November 2016

Layoutänderungen im BLOG

Da ich nun doch schon einige Post gemacht habe ist es nun nötig mit der "Weiterlesen"-Funktion zu arbeiten, da die Startseite sonst mit Information überladen wird und der Besuch in Scrollorgien ausartet.

Jetzt werden bei den Beiträgen nur mehr wenige Zeilen angezeigt und man kann schneller durch die Themen surfen und Beiträge die interessant sind "weiterlesen".

Eine Anleitung wie das geht und wie man einen Weiterlesen-Button mit CSS programmiert findet man hier:
https://blogdings.de/weiterlesen-link-blogger/

Meinen roten Weiterlesen-Button habe ich noch etwas mit weiteren Parametern gepimpt. Mit Element Untersuchen kann man sich im Browser die passenden Einstellungen zusammensuchen und die dann ins CSS übertragen.

.jump-link  a {
     background: #b9000e;
     color: #fff;
     letter-spacing: 1px;
     font-weight: bold;
     padding: 5px;
     border-radius: 5px;
     text-transform: uppercase;
     transition: .4s all ease;
}

.jump-link  a:hover {
     background: #e9000e;
     text-decoration: none;
}


Die mobile Ansicht von Blogger habe ich deaktiviert, weil hier die Seitenleiste des BLOGs weggeblendet wird. Mit einem HD-Handy ist der BLOG auch so gut lesbar!

Keine Kommentare:

Kommentar veröffentlichen