Tipps & Tricks für Blogger! Teil 5

Tipps und Tricks für Blogger Teil 5: Kommentare, Header zentrieren, Schnee auf eurem Blog...

Hii ihr Lieben! Heute kommt nun der letzte Teil meiner "Serie". Ich hoffe sie hat euch gefallen? ;)


Kommentarfeld verschieben, Reaktionen...: 
Geht auf Blogger--> Euer Blog --> Layout --> Blogposts bearbeiten --> Dort könnt ihr dann verschiedene wichtige Einstellungen ändern. Hier könnt ihr dann "Reaktionen" einstellen ( seht ihr bei mir unter jedem Blog Post: Wie war`s?) Dann könnt ihr ebenfalls die Position des Kommentarfelds ändern. Ich habe es zum Beispiel direkt unter meinen Posttitel geschoben.


"Kommentare" umbennen, Anzahl Kommentare anzeigen:
Hier gibt es zwei Versionen, wie ihr das schaffen könnt.

Die einfache Version:
Die einfache Version ist zwar nicht schwer, aber funktioniert bei vielen Blogs nicht. Probiert es trotzdem mal aus, und wer weiss :D... Vielleicht klappt es ja bei euch?

Geht auf Blogger--> Euer Blog --> Layout --> Blogposts bearbeiten --> Hier könnt ihr dann die Bezeichnung für "Kommentare" ändern und einstellen, dass die Anzahl Kommentare angezeigt werden soll. Falls dies nicht klappt, runterscrollen zur schweren Version :D

Zum Beispiel könnt ihr eben, anstatt dem Wort "Kommentare" ein anderes auswählen, wie z.B.  Wörtlein.


Die schwere Version mit HTML:
Geht auf Blogger--> Euren Blog --> Vorlage --> HTML bearbeiten--> Klickt einmal mit der Maus in das Feld mit den viiiiiiiielen Codes, Zahlen... Dann sucht ihr mit der "F" Taste und "Strg" nach folgendem Code, bzw. kopiert ihn in das Suchfeld, dass oben links erscheint, wenn ihr diese beiden Tasten drückt:

<data:post.commentLabelFull/>:

Dann drückt ihr "Enter" und seht, die Stelle wo markiert ist. Den Code ersetzt ihr dann durch diesen hier unten, indem ihr in einsetzt:

 <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>

Dann speichert ihr das ganze ab! So, jetzt könnt ihr schon mal die Anzahl von Kommentaren unter euren Posts sehen. Wenn ihr die Bezeichnung für "Kommentare" nun noch ändern wollt, ist das einfach. Ihr ersetzt, den von mir schwarz markierten Text nun mit "Wörtlein, Kommis, ...":

 <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>

Wenn ihr das gemacht habt, sieht der Code dann etwa so aus:

 <b:if cond='data:post.numComments == 1'>1 Wörtlein<b:else/><b:if cond='data:post.numComments == 0'>0 Wörtlein<b:else/><data:post.numComments/> Wörtlein</b:if></b:if>

Speichern und Fertig! Für Anfänger mag es sich vielleicht schwer anhören, aber glaubt mir, das ist es nicht :)

Header mittig verschieben:

Viele Blogger (so auch ich) haben das Problem, dass der Header von der Grösse her zwar stimmt, aber zu weit links ist und nicht schön mittig sitzt. Wie ihr euren Header zentrieren könnt, zeige ich euch jetzt:

Geht auf Blogger--> Euren Blog --> Vorlage --> Anpassen --> Erweitert --> CSS hinzufügen

Jetzt gebt ihr einfach folgenden Code ein, abspeichern und fertig :)

#Header1_headerimg {
  margin: auto;
}

Schnee auf eurem Blog:
Wieder mal ein HTML Tutorial, das nicht soo schwer ist :)

Geht auf Blogger--> Euren Blog --> Layout --> Gadget hinzufügen --> HTML / Javascript

Nun fügt ihr diesen Code beim "Inhalt" hinein, das Titelfeld bleibt leer.


<script language="JavaScript">
// Author: Yurij Gera
// TODO: make @media print... work for Mozilla and Opera

var SnowCount     = exAutoCalculate();
var SnowMinSize   = 12;   // Minimum Snow-Font Size [Pixel]
var SnowMaxSize   = 28;   // Maximum Snow-Font Size [Pixel]
var SnowMinYSpeed = 0.5;  // Maximum Y Speed [Pixel/Frame]
var SnowMaxYSpeed = 2.5;  // Maximum Y Speed [Pixel/Frame]
var SnowMinXSpeed = 0.05; // Minumum Radial Speed [Radian/Frame]
var SnowMaxXSpeed = 0.15; // Maximum Radial Speed [Radian/Frame]
var SnowMinXDelta = 10;   // Minimum X Delta [Pixel]
var SnowMaxXDelta = 20;   // Maximum X Delta [Pixel]
var SnowMoveDelay = 25;   // Delay [Milliseconds]
var SnowColors    = ['#BBBBBB', '#DDDDDD', '#FFFFFF', '#BBBBFF']; // Snow Colors [Array]

exSnowInit();

function exSnowInit() {
 SnowMoveDelay = 25; // Delay [Milliseconds]
 exAddEvent(window, 'load', exSnowStart);
 exAddEvent(window, 'resize', exSnowRefresh);
 document.createStyleSheet().cssText = "@media print {.exSnowClass { DISPLAY: none; }}"; // IE only
}

function exAutoCalculate() {  
 var start = new Date();
 for (var i = 0; i < 50000; i++) {
  Math.random();
 }
 var end = new Date();
 var delta = end.valueOf() - start.valueOf();
 var EstimatedSnowCount = Math.min(Math.floor(10000 / delta), 500);
 if (navigator.userAgent.match(/Opera/)) EstimatedSnowCount *= 0.5; // Hot fix opera
 return EstimatedSnowCount;
}

function exRandom(Min, Max, Natural) {
 if (typeof Natural == 'undefined')
  Natural = false;
 if (Natural) {
  return Math.floor(Min + (Max - Min + 0.999999) * Math.random());
 }
 else
  return Min + (Max - Min) * Math.random();
}

function exSnowStart() {
 Snow = new Array();
 for (i = 0; i < SnowCount; i++) {
  var e = document.createElement("span");
  e.className = 'exSnowClass';
  e.style.fontFamily = 'Times';
  e.style.fontSize = (SnowMinSize + Math.floor((SnowMaxSize - SnowMinSize) * Math.random())) + 'px';
  e.style.color = SnowColors[exRandom(0, SnowColors.length-1, true)];
  e.style.cursor = 'default';
  e.style.position = 'absolute';
  e.onselectstart = function () { return false; };
  var t = document.createTextNode("*");
  e.appendChild(t);
  Snow[i] = document.body.appendChild(e);
 }
 exSnowRefresh();
 exSnowMove();
}

function exSnowRefresh() {
 SnowBoxWidth = document.body.clientWidth;
 SnowBoxHeight = document.body.clientHeight;
 for (i = 0; i < Snow.length; i++) {
  var e = Snow[i];
  e.YSpeed = exRandom(SnowMinYSpeed, SnowMaxYSpeed);
  e.XSpeed = exRandom(SnowMinXSpeed, SnowMaxXSpeed);
  e.XMaxDelta = exRandom(SnowMinXDelta, SnowMaxXDelta);
  e.XDelta = Math.PI * Math.random(); // Stored Radial Delta (Radian)
  e.X = exRandom(SnowMaxXDelta, SnowBoxWidth - SnowMaxXDelta - SnowMaxSize);
  e.Y = exRandom(0, SnowBoxHeight - SnowMaxSize);
  e.style.left = e.X + 'px';
  e.style.top = e.Y + 'px';
 }
}

function exSnowMove() {
 for (i = 0; i < Snow.length; i++) {
  with (Snow[i]) {
   Y = (Y + YSpeed < SnowBoxHeight - SnowMaxSize) ? Y + YSpeed : 0;
   XDelta += XSpeed;
   style.left = X + Math.sin(XDelta) * XMaxDelta + 'px';
   style.top = Y + 'px';
  }
 }
 setTimeout("exSnowMove()", SnowMoveDelay);
}

function exAddEvent(o, e, f) {
 if (typeof o.addEventListener != 'undefined')
  o.addEventListener(e, f, false);
 else if (typeof o.attachEvent != 'undefined')
  o.attachEvent("on" + e, f);
 else
  return false;
 return true;
}</script>

Speichern und schon schneit es auf eurem Blog :)

Ich hoffe, dass euch dieser Teil wieder so gut gefallen hat, wie die anderen. Ich habe mir viel Mühe gegeben bei der Serie und merke, dass es sich echt gelohnt hat. Ich habe tolles Feedback von euch bekommen <33

Ich werde euch ALLE POSTS oben in der Tab leiste verlinken :)

Xoxo 

Julie