Posts mit dem Label HTML & CSS werden angezeigt. Alle Posts anzeigen
Posts mit dem Label HTML & CSS werden angezeigt. Alle Posts anzeigen

Drei Widgets nebeneinander einfügen

Drei Widgets nebeneinander einfügen

Hallo Ihr Lieben, Heute zeige ich euch, wie man in die Minima Vorlage drei Widgets nebeneinander einfügen kann. Im Vorlagendesigner kann man zwar einen Footer mit drei Spalten einfügen, für die, die lieber mit der Minima-Vorlage arbeiten, haben diese Möglichkeit nich...
Weiterlesen »

Favicon einfuegen

Favicon einfuegen

Für alle, die sich schon immer gefragt haben, wie dieses kleine, komische Bild heisst, das ihr in dem Bild oben sehen könnt: Das nennt sich Favorite Icon, oder ganz kurz Favicon. Diese Grafik taucht auf, wenn jemand eine Seite zu den Lesezeichen bzw. Bookmarks hinzufügt. Da bei Blogger Blogs...
Weiterlesen »

Zitatbox gestalten

Zitatbox gestalten

Hallo Ihr Lieben, heute zeige ich euch, wie man den Zitatbox schöner gestalten kann. Außerdem habe ich euch 6 Varianten vorbereitet, die ihr so übernehmen oder abgeändern könnt. Sucht im "HTML bearbeiten" nach: .post-body blockquote { Darunter könnt ihr nun beliebige CSS-Codes einfügen, die eure Zitatbox...
Weiterlesen »

CSS-Bezeichnungen im Minima

CSS-Bezeichnungen im Minima

.post h3 { background: #fff !important; } Hallo ihr Lieben,  Heute erkläre ich euch, was die einzelnen CSS-Bezeichnungen, die ihr beim „Layout gestalten“ seht genau bedeuten. Welche Eigenschaften ihr in die jeweiligen Bezeichnungen (der korrekte Fachausdruck ist Selektor) verwenden könnt, seht...
Weiterlesen »

Textstellen hervorheben

Textstellen hervorheben

Heute zeige ich euch eine einfache Methode, wie ihr euren Text aufpeppen und einige Textstellen hervorheben könnt. Gestalten Wir fügen im "HTML bearbeiten" über "]]></b:skin>" folgenden Code ein: b{ ... } i{ ... } u{ ... } Die ... könnt ihr nun durch beliebige CSS-Codes eintauschen. Im CSS-Katalog...
Weiterlesen »

{Minima Basics #2} Bloghintergrund ändern

{Minima Basics #2} Bloghintergrund ändern

Es wurde gefragt, wie man einen eigenen Hintergrund einfügen kann. Bei den neuen Vorlagen kann man zwar ein Bild hochladen, aber die Größe ist der Datei ist begrenzt und außerdem kann man nicht bestimmen, wie der Hintergrund sich verhält. Bei der Minima-Vorlage, mit der ich am liebsten arbeite, kann man...
Weiterlesen »

Der CSS-Katalog

Der CSS-Katalog

Da viele Tutorials Grundkenntnisse in CSS voraussetzen, habe ich hier ein CSS-Katalog erstellt, welches an sich kein eigenes Tutorial ist, sondern als Begleitmaterial für andere Tutorials dient. Achtung: Dieser Post ist nicht dafür geeignet, CSS in seiner Gesamtheit zu erlernen. Benutzen von CSS CSS ist...
Weiterlesen »

Zähler für Kommentare & Posts

Zähler für Kommentare & Posts

Wer von euch schon immer mal schnell sehen wollte, wie viele Posts und Kommentare sich denn eigentlich schon auf eurem Blog angesammelt haben, ist hier genau richtig. Diese kleine Statistik kann nämlich in Form eines Gadgets auf eurer Seite eingefügt werden....
Weiterlesen »

Kommentare auftrennen

Kommentare auftrennen

Hey ihr Lieben, Ich zeige euch, wie man die Kommentaranzahl und den Kommentarlink getrennt anzeigen lassen kann. Besonders schön sieht das aus, wenn unter den Postfooter nicht viel steht und die einfache Kommentaranzeige unterhalb des Posts optisch schnell verloren geht....
Weiterlesen »

Suchfeld als Overlay

Suchfeld als Overlay

Hallo zusammen :) Ich bin Myri aus dem KreaTief und darf euch heute wieder einen Gastpost präsentieren. Diesmal zeige ich euch, wie ihr ein Suchfeld in einem Overlay über dem Post platziert. Aktuell könnt ihr euch das gerade auf meinem Blog ansehen, oder in einer vereinfachten Form im Demo, das ich geschrieben...
Weiterlesen »

Automatisches "Weiterlesen"

Automatisches "Weiterlesen"

Oder auch "Auto Read More". Im Internet gibt es viele englischsprachige Tutorials, wie man das auf seinem Blogger-Blog einbinden kann. Leider sehen die meisten dann so aus: Links klein ein Vorschaubild und rechts Text. Um die Bilder normal groß und den Text darunter zu haben, musste man bisher in allen...
Weiterlesen »

Datum aufspalten & gestalten

Datum aufspalten & gestalten

***UPDATE*** Bitte beachtet die Änderungen, ich habe den ganzen Teil ab CSS angepasst! Also, ich bin Myri und mittlerweile kennt ihr mich vielleicht, ich bin die, die immer wieder die Tutorials schreibt, die Leute zur Verzweiflung bringen... aber ich helf auch ganz gern bei Problemem aus ^^ In diesem Tutorial...
Weiterlesen »

[LinkWithin] Widget anpassen

[LinkWithin] Widget anpassen

Heute zeige ich euch, wie ihr das LinkWithin anpassen könnt. Normalerweise kann man nur die Anzahl der vorgeschlagenen Posts und den Hintergrund (light oder dark) bestimmen. Mit diesem Tutorial könnt ihr den Satz "Das könnte Sie auch noch interessieren", die Position des Widgets und das Aussehen ändern...
Weiterlesen »

"Abonnieren Posts (Atom)" entfernen

"Abonnieren Posts (Atom)" entfernen

Hallo ihr Lieben :) Hier ist nach langer Zeit wieder Neele von vanillebrause. Heute möchte ich euch zeigen, wie man den nervigen Schriftzug / Link "Abonnieren Posts (Atom)" unter eurem Blog entfernen kann. Das wurde schon mehrfach angefragt und ich finde auch, dass der Link nicht wirklich nützlich ist. Auf...
Weiterlesen »

Schriftart für Posttitel ändern

Schriftart für Posttitel ändern

Hallo Ihr Lieben, Wir zeigen euch heute, wie Blogspot-Blogger und Bloggerinnen eine andere Schriftart beim Posttitel einbinden können, die man unter Vorlagendesigner nicht findet...
Weiterlesen »

{Minima Basics #1} Breite und Größe anpassen

{Minima Basics #1} Breite und Größe anpassen

Heute zeige ich euch den ersten Teil der Minima-Basic-Tutorials. In diesem Tutorial wird nichts Blogger-spezifisches gezeigt, sondern nur, wie man mit CSS die Breite der Layout-Container an seine eigenen Wünsche anpasst. Ein ähnliches Tutorial existiert schon, behandelt aber weit aus mehr als nur die Breite...
Weiterlesen »

Wie erstelle ich ein Menu: Responsives 1-Level-Menu (Teil 10) ♥♥♥

Wie erstelle ich ein Menu: Responsives 1-Level-Menu (Teil 10) ♥♥♥

Hallo zusammen :) Hier ist mal wieder Myri und ich möchte euch heute ein einfaches responsives Menü vorstellen. Und damit ihr sehen könnt, wie das Ergebnis aussieht, habe ich ein klitzekleines (tonloses) Video für euch, was euch das Ergebnis gleich mal demonstriert. ...
Weiterlesen »

Individuellen Pinterest-Hover-Button

Individuellen Pinterest-Hover-Button

Heute zeige ich euch, wie man einen Button über eure Bilder legt, mit dem man innerhalb von wenigen Sekunden die Bilder auf Pinterest teilen kann. Pinterest eignet sich perfekt für kreative Köpfe, die ihre Kreationen zeigen und andere wiederum weiter "pinnen". Wenn es euch nichts ausmacht, dass eure Bilder...
Weiterlesen »

Sidebartitel ausblenden

Sidebartitel ausblenden

Heute zeige ich euch, wie man die Sidebartitel ausblenden kann. Dieser Post besteht aus zwei Teilen: Wie man alle Sidebartitel ausblendet und wie man nur bestimmte Titel ausblendet. Ersteres ist wirklich sehr einfach, bei zweiteres müsst ihr euch selbst ein wenig mit eurem Code beschäftigen ist es...
Weiterlesen »

Grafiken (zB. Social Icons) einbinden

Grafiken (zB. Social Icons) einbinden

Hallo Ihr Lieben, heute kommt mal wieder ein längeres Tutorial von mir, indem ich euch zeige, wie man allgemein Grafiken, die man irgendwo heruntergeladen hat, auf seinem Blog einbinden kan...
Weiterlesen »