5. Februar 2017

Blogger: Titel-Schriftfarbe anpassen


Dank an Bilal Aslam aus Lahore von
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!

Ich zeige das mal von ganz vorne.

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 »ein­fa­chen« 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.
     Übrigens empfiehlt Bilal, sich die Geschiche vorher sicherheitshalber zu kopieren. Sollte man machen. Ich hab’s nicht gemacht, hab’ mich vertan, und bin dann schließlich ohne zu speichern wieder heil ausgestiegen. Beim zweiten Anlauf hatte ich’s richtig.    Sie können sich Zwischenergebnisse immer im Blog anschauen; Sie arbeiten am »Original«. Das bringt aber nichts. Dass z.B. der Name eines einzelnen Blogeintrags rot erscheint, da lassen Sie sich nicht stören. Ab sofort können Sie wie vorher viele Schriftfarben variieren, und den Titel dazu.    Dafür dehen Sie wie gewohnt über Vorlagen und Erweitert in die Farbwahl, die nun auch für den Blog-Titel geht.
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 Ein­stell­ungs­mög­lich­keiten, unter anderem finden Sie das »um« als dritten Punkt.
   Um in am ändern, das Da­tums­for­mat aus­wä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: