07 August 2014

Tutorial: Kommentaranzahl wieder anzeigen

Hallo Leute,
als ich vor über zwei Jahren mit dem Bloggen begonnen habe, wurde immer automatisch die Anzahl der Kommentare unter dem Post angezeigt. Kurz danach hat Blogger das aber umgestellt, sehr zum Missfallen der Blogger. Und trotzdem wurde dieser Schritt nicht rückgängig gemacht. Nun steht da immer

Keine Kommentare
1 Kommentar:
Kommentare:

Es gibt aber wieder eine einfache Möglichkeit, dies zu ändern.

Geht auf Vorlagen > HTML bearbeiten > drückt Strg+F > sucht nach:

<data:post.commentLabelFull/>:

Wenn ihr den Code gefunden habt, löscht und ersetzt ihn durch folgenden Befehl:

<b:if cond='data:post.numComments == 1'>1 Kommentar<b:else/><b:if cond='data:post.numComments == 0'>0 Kommentare<b:else/><data:post.numComments/>Kommentare</b:if></b:if>

Dies ist die Anzeige, wenn euer Post 1 Kommentar hat. Hier könnt ihr schreiben, was ihr wollt. Aber denkt immer dran, dass vorne eine 1 steht (z.B. 1 Meinung, 1 lieber Kommentar, Eine Antwort...)

Hier ist die Anzeige, wenn ihr 0 Kommentare, also keinen, habt. Auch hier könnt ihr eure kreativen Ergüsse verewigen, wie z.B. Kein Kommentar, 0 Rückmeldung...

Jetzt kommen wir zum wichtigsten Punkt. Hier steht die Anzeige, wenn euer Post mehr als einen Kommentar hat. Wichtig ist, dass ihr keine Zahl vorher hinschreibt, da diese sich automatisch aus der Anzahl der Kommentare errechnet. Schreibt stattdessen einfach immer die Plural-Form von dem Wort hin, was ihr haben wollt, wie Meinungen, nette Meldungen, Ansichten...

Und da stellt sich einer mal vor, dass Blogger das nicht umändert......

Tutorial: Header zentrieren

Hallo Leute,
ich weiß ehrlich gesagt nicht, warum Blogger nicht von sich auch längst die Möglichkeit anbietet, den Header zu zentrieren. Es sieht meistens einfach besser aus, besonders wenn der Header nicht genau an die Breite des Blogs angepasst ist.

Es gibt aber einen ganz einfachen kleinen Trick, damit der Header schön sauber in die Mitte rutscht und euch keinen Ärger mehr bereitet. 

Dafür geht ihr auf Vorlage > Anpassen > Erweitert > CSS hinzufügen und gebt in das freie Feld folgenden Befehl ein:

#Header1_headerimg {
margin: auto;
}

Dann nur noch auf Enter drücken und schon solltet ihr in der Vorschau sehen können, dass der Header sich zentriert hat. Sollte es doch nicht geklappt haben, probiert diesen Code:

#header-inner img {
margin: 0 auto;
}

Und damit sollte es getan sein ;)

15 April 2014

Tutorial: Fortschrittsbalken

Hallo Leute,
nach einer gefühlten Ewigkeit habe ich wieder ein kleines aber feines Tutorial. Dieses eignen sich besonders für Buchblogs, da es sich hierbei um einen Fortschrittsbalken handelt. Mit dem kann man, wie der Name ja schon sagt, seinen Fortschritt festhalten und anzeigen. Die meisten Buchblogs haben einen, man kann den Balken aber sicherlich auch auf andere Themengebiete anwenden.

Zum einfügen eines solchen Balkens geht ihr auf 

Layout > Gadget hinzufügen > Grundlagen > HTML/Java-Script

In dem freien Feld, was nun erscheint, gebt ihr folgendes ein:

<div class="art-block widget widget_progressbar" id="progressbar-6"><div class="art-block-body"><div class="art-blockcontent"><div class="art-blockcontent-body"><style type="text/css">#progressbar {width: 100%;height: 10px;background-color: #000000;border: 2px solid none;margin: 0;padding: 0;}#progressbar div {height: 100%;background-color: #00000; border-right: 2px solid none; margin: 0;padding: 0;}</style> <p style="text-align: center;"></p><p></p><div id="progressbar" style="margin: 0 style="><div style="width:0%"></div></div><p></p> <p style="text-align: center;">TEXTITEXT</p><p style="text-align: center;">
</p><div class="cleared"></div></div></div> <div class="cleared"></div></div></div>

Hier gebt ihr die Breite eures gesamten Balkens ein. 100% bedeutet, dass er die ganze Breite eurer Sidebar einnimmt. Wenn eure Sidebar also 100px breit ist, ist das auch der Balken. 

Hier fügt ihr eine Farbe nach eurer Wahl ein, sie bestimmt die Hintergrundfarbe eures Balkens, beziehungsweise den Part, der noch nicht ausgefüllt ist. Farben könnt ihr HIER finden.

Hier fügt ihr eine Farbe nach eurer Wahl ein, sie bestimmt die Fortschrittsfarbe eures Balkens, beziehungsweise den Part, der erscheint, wenn ihr Fortschritte macht. 

Hier gebt ihr an, wie viel Prozent Fortschritt ihr schon gemacht habt. Einen Prozentrechner gibt es HIER

Hier könnt ihr einen Text nach Belieben einfügen, zum Beispiel wie viel Prozent ihr schon geschafft habt.

Dann noch auf Speichern klicken und der Balken sollte fertig sein. Ihr könnt dann die Prozentangabe und den Fortschritt immer wieder ändern, indem ihr das Gadget bearbeitet. Der fertige Balken sollte dann so aussehen:



50% von 100%