Kennt ihr diese Blogs, die diese schwarze oder bunte Balken unter ihrem Postdatum und ihrem Gadgettitel haben? Ihr habt euch bestimmt schon mal gefragt, wie das geht und hier kommt eure Antwort :)
Schritt 1
Schritt 2
Unter "Design" --> "HTML bearbeitet" sucht ihr im HTML-Feld mit STRG+F nach dem rot markierten Feld. Am besten nach Headings suchen, da das unter h2 bei jedem etwas variiert.
Schritt 3
Darunter fügt ihr dann diesen Code ein:
background:#000000 url("URL VOM BILD") repeat;
#000000 ist der Farbcode für Schwarz. Weitere Farbcodes findet ihr hier, wenn ihr euch damit nicht auskennt und euch die Farbe nicht ausrechnen könnt :)
Ihr könnt natürlich auch ein Bild einfügen, jedoch wird nur ein Teil vom Bild gezeigt, und zwar der anfangend von der oberen linken Ecke. Also schneidet eure Bilder so zu, dass das, was ihr unbedingt angezeigt haben wollt, an der oberen Kante ist und lädt sie in externen Fotoalben (z.B. Photobucket).
Wenn ihr kein Bild haben wollt, lässt ihr url("") einfach leer, so wie ich:
Dann drückt ihr auf Speichern und dann habt ihr es auch schon geschafft. War doch gar nicht so schwer, oder? :3
Funktioniert das auch bei dem Post-Titel? :)
AntwortenLöschen@janine: sollte, du musst nur den entsprechenden html-bereich finden ;)
AntwortenLöschenahh toller blog! ich hab schon so lang überlegt wie das mit dem schwarzen balken funktioniert! hat auch gut geklappt.. jetzt is aber der balken zu schmal :)
AntwortenLöschentrotzdem danke!!
forevermore-blog.blogspot.com
Ja echt super Tutorial, aber leider ist bei mir auch der balken zu schmal!! :)
AntwortenLöschenDanke
marinasbestmoments.blogspot.com
für schwarzen balken im post-titel:
AntwortenLöschen1. .post h3 a im html-code suchen.
2. folgende werte müssen sich zwischen den klammern { } befinden bzw. reinkopiert werden:
background-color: #000000;
color: #ffffff;
display: inline;
3. (schritte 3 und 4 sind kein muss und definieren lediglich einen farbwechsel von text und/oder hintergrundfarbe, wenn man auf den post-titel geht)
.post h3 a:hover im html-code suchen.
4. folgende werte müssen sich zwischen den klammern { } befinden bzw. reinkopiert werden:
background-color: #000000;
color: #cccccc;
FERTIG :)
mit diesem code sieht es dann circa so aus wie in meinem blog.
wer in der ganzen zeile einen balken haben möchte, gibt bei display die definition block statt inline ein.
natürlich dann noch das übliche rumspielen mit farben, schriften usw.
tipp! bei farbigen hintergründen am besten schriften wie arial, verdana usw. nehmen. verzierte schriften lassen sich da nämlich sehr schlecht lesen.
klasse homepage! aber habt ihr eine Idee wieso das nicht funktioniert?
AntwortenLöschenLiebe grüße,
veexo
gute idee :)
AntwortenLöschennur dass bei mir die schrift (datum etc.) einen zu kleinen kontrast zur farbe hat... wie kann ich denn die schrift ändern?
lg :)
bei mir klappt es nicht :S
AntwortenLöschenbei mir wird alles schwarz außer das datum :(
könnt ihr euch denken wieso ?
bei mir hat es wunderbar funktioniert :D.. Danke!
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
AntwortenLöschen@ Jani:
AntwortenLöschenDas geht so - du gehst auf den vorlagen-designer und dann "Textfarbe für sidebar-titel" und dann wählst du eine farbe aus, fertig !:)
Mhmn, also ich hatte schon so einen Balken unter meinem Datum, wollte nur die Farbe verändern und hab den Farbcode geändert, aber da ist die Farbe noch dieselbe wie vorher??
AntwortenLöschenWisst ihr was ich falsch gemacht hab oder was ich noch machen muss?
Mein HTML sieht eigentlich genau so aus wie das bei euch auf dem Bild nur halt der andere Farbcode...
Hee, danke! Toller Blog + tolle Tipps. Bei mir war der Balken zwar anfangs zu schmal, aber dann hab' ich bei Blogger-Vorlagendesigner die Farbe des Datum-Headers auf transparent umgestellt und dann war alles supi! :D Lg.
AntwortenLöschenIch wollte gerade die Farbe von den Balken ändern, aber in der Vorschau sind sie weg.
AntwortenLöschenHi, wie kann ich den Balken denn kürzer machen?
AntwortenLöschenwo findet ihr das "design" ? kannd as sein, dass das das Ältee "blogspot" ist?
AntwortenLöschenJa, du findest es unter Vorlage --> HTML bearbeiten :)
Löschengibt es auch eine Möglichkeit den Balken nicht unter das Datum zu machen, sondern nur unter die Überschrift des Seitentextes?:/
AntwortenLöschenKönntest du mir vielleicht sagen, wie ich den Balken breiter machen kann. Ansonsten hat das Tutorial einwandfrei funktioniert.
AntwortenLöschenLiebe Grüße :)
Christina von ufer-los.blogspot.de