
http://www.betatemplates.com/2010/06/change-post-title-color-template.html
Da hab’ ich’s her.
Ich hatte bei Blogger einen Blog mit der Vorlage »Einfach« gemacht, ein Titelbild ausgewählt, und den Namen des Blogs hineingesetzt.
Das Titelbild war dunkel, die Schrift für den Blognamen war schwarz. Man sah ihn nicht. Mist!
Alle anderen Schriftfarben konnte ich ändern, nur die Titelfarbe (un Schriftart) nicht. Also hinein in den HTML-Kode. No problem!

Den Blog ansteuern. Das ▼ Pfeilchen nach unten beim obersten Blog anklicken, das heißt expandieren, und aus den Blogs den aussuchen, um den es geht.
Im aktuellen Fall war’s der Sarnerblog.
…
…
…
…
…
…
…
…
…
…
…
…
…
…
…
…
…
…
…
…
…
Jetzt bitte auf Vorlage gehen.
Nun sieht man die Auswahl der »einfachen« Vorlagen. Ganz oben ist die aktuelle Ansicht, links die am PC.
Unter dem PC-Muster Kann man zwischen »Anpassen« und »HTML bearbeiten« auswählen.
Wir wählen mutig HTML anpassen«.
Bilal schreibt unter seinem Punkt 3: “You’ll see following page with a LOT of code.” – Sie können nun gerne bei ihm weiterlesen. Ich bring’s Ihnen hier deutsch.
Hier der Kode ganz oben links. In Zeile 9 sehen Sie
9► ‹b:skin›---‹/b:skin›
Das ► soll uns sagen, dass die --- ’ne Menge Kode bedeuten; in der Tat geht’s richtig erst bei Zeile 582 weiter.
Jetzt öffnen wir uns diesen ganzen Kode – indem wir aufs Pfeilchen klicken und uns den Kode »expandieren«. Wupp: Noch mehr Kode, diesman nicht grün sondern blau dargestellt. – Und in diesem Kode gilt es waz zu ändern.
Übrigens empfiehlt Bilal, sich die Geschiche vorher sicherheitshalber zu kopieren. Sollte man machen. Ich hab’s nicht gemacht, hab’ mich vertan, und bin dann einfach ohne abschließendes Speichern des vermurksten Koes wieder ausgestiegen und hab’ neu angesetzt.
Am Anfang und am Ende des »blauen« Kodes
muss dazugebaut werden!
Die Anfangszeile, genaugenommen die bloße Überschrift
/* Variable definitions
====================
ersetzen Sie mit:
/* Variable definitions
====================
<Group description="Post Title Color" selector="h3.post-title">
<Variable name="post.title.link.color" description="Link Color" type="color" default="#ff0000" value="#ff0000"/>
<Variable name="post.title.hover.color" description="Link Hover Color" type="color" default="#0000ff" value="#00ffff"/>
<Variable name="post.title.color" description="Color on Post Page" type="color" default="#ff00ff" value="#ff00ff"/>
</Group>
und unten ersetzen Sie den reinen Abschlusskode
]]></b:skin>
mit was davor:
h3.post-title { color:$(post.title.color); } h3.post-title a, h3.post-title a:visited { color:$(post.title.link.color); } h3.post-title a:hover { color:$(post.title.hover.color); } ]]></b:skin>
Das war’s.


Das Resultat sieht jetzt so aus, schön weiß aug schwarz. (Die Einrückung habe ich mit erzwungenen Leerstellen im Text gemacht, ich hab’ die auf der Tastatur …)
Wie der Blog inzwischen aussieht, müssen Sie sich anklicken. ——————————————————————
Übrigens. Um das unsinnige »um« durch »am« zu ersetzen in:
geht man auf Layout, Festnetz (großes Feld links in der Mitte)
und klickt auf Bearbeiten. Es erscheint eine Latte von Einstellungsmöglichkeiten, unter anderem finden Sie das »um« als dritten Punkt.
Um in am ändern, das Datumsformat auswählen, Speichern nicht vergessen.
Eventuell noch die »Freigabeschaltflächen« ausknipsen wie im Sceenshot.
Link hierher:
http://blogabissl.blogspot.com/2017/02/bloggertitel-schriftfarbe-anpassen.html
Keine Kommentare:
Kommentar veröffentlichen