Donnerstag, 30. Januar 2014

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

23 Comments

  1. Danke, danke, danke!!!
    Viele Fragen beantwortet!! <3
    XXX Melle

    http://melle-loves-fashion.blogspot.de/

    AntwortenLöschen
  2. Danke, du hast mir echt weitergeholfen! :) ♥ Das muss echt mega viel Arbeit gewesen sein ... :o

    Liebe Grüße,
    Sophie

    xxxitssimplymexxx.blogspot.de

    AntwortenLöschen
    Antworten
    1. Danke <3:) Ja war es .... Aber hat mir auch Spass gemacht, da ich so liebes Feedback von euch bekomme :)

      Löschen
  3. Wirklich tolle Reihe, das mit den Schnee werde ich gleich ausprobieren :)
    Aber ich habe schon wieder eine Frage :)
    Wie kann ich jemanden auf meinen Blog verlinken oder einen anderen Blog? Z.B.: bei Blogvorstellung oder Gewinnspiel?
    Danke schon mal im vorraus :)

    Liebe Grüße, Sarah

    Himbeer-Traum

    AntwortenLöschen
    Antworten
    1. Hii <3 Danke erst mal :)
      Also du ja verschiedene Gadgets hinzufügen und es gibt z.B. Linkliste oder Lieblingsblogs,.... Dann kannst du einfach den Titel auf "Blogvorstellung" ändern und verschiedene Blogs hinzufügen... Ich hoffe, das ist was du meinst :)
      Xoxo

      Löschen
  4. Diese Reihe finde ich so super informativ. Toll das du das alles so ausführlich erklärst!
    Liebe Grüße Ellen <3
    http://sometimes-fabulous.blogspot.de/

    AntwortenLöschen
  5. Das war, wie ich finde, der beste Post der Serie :) Die Serie ist dir total gut gelungen und hat mich immer wieder gefreut, einen Post davon zu lesen.
    Liebe Grüße ♥

    AntwortenLöschen
  6. Ich habe dich zum liebsten Award nominiert :) Es würde mich freuen, wenn du mitmachst :) ♥

    Liebe Grüße,
    Sophie

    xxxitssimplymexxx.blogspot.de

    AntwortenLöschen
  7. Hi , ich habe mal eine Frage und zwar ich kann bei meinem Home bei dir heißt es Startseite nur mein ask.fm link hinmachen ich möchte aber das da mehr steht wie bekomme ich das hin ?:)

    Die Tricks sind echt super mega gut ! ich glaube da mit hast du vielen geholfen ! Mach weiter so <3

    Liebe Grüße ♥

    http://missgrazia.blogspot.de/

    AntwortenLöschen
    Antworten
    1. Dankschön <3 Schau dir am Besten mal Teil 2 an, da steht alles :)

      Löschen
  8. eine frage.. wie bekommt man den post tiitel in die mitte ? . und wie men instagram auf den blog bekommt :) ♥

    AntwortenLöschen
    Antworten
    1. Hm, also du könntest zum Besipiel deinen Posttitel als Bild speichern z.B. eine "Collage" mit Picmonkey (halt nur mit Schrift) ,dann den "Header" zentrieren :)

      Du kannst ja ausstellen, das der Blogtitel angezeigt wird :)

      Löschen
  9. Huhu Julie,
    du hast bei der Pastell Pretties Blogparade gewonnen. Schau mal vorbei.
    Lieber Gruß Chourie

    Chourieskleinewelt.blogspot.de

    AntwortenLöschen
  10. Die Reihe hat mir sehr sehr gut gefallen, da ich noch ein Neuling auf Bogger bin!
    Danke! Du hast mir sehr geholfen! <3 <3 <3
    www.itisjanina.blogspot.com

    AntwortenLöschen
  11. Ich find die Kategorie echt gut! (Und ich liebe deinen Mauszeiger, aw :D)
    Alles Liebe!!

    AntwortenLöschen
  12. Also erst mal wollte ich Danke Sagen, für die ganzen lieben Kommentare von dir auf meinem, Blog ! Freue mich jedes mal eines davon zu lesen ! :-) ♥
    Und dann muss ich jetzt auch noch mal sagen :
    ich finde dein Blogdesign echt schön ! Und dein Header ist auch total gelungen ! Sieht Klasse aus :-)<3
    Ich bin gerade dabei deine BloggerTipps Posts zu lesen, bín zwar noch nicht fertig, aber ich kann jetzt schon sagen das du das echt super geschrieben hast ! Ich werde das mit den Kommentaren auch gleich mal auf meinem Blog ausprobieren :-)
    Liebe Grüße,
    Lou

    http://mygoldenpineapple.blogspot.de/

    AntwortenLöschen
  13. Sehr tolle Reihe :)!ich werde mir die Seiten auf jeden Fall Abspeichern, sodass ich sie mir bei Fragen immer noch mal anschauen kann :)
    Liebste Grüße,
    Lilly <3

    AntwortenLöschen
  14. Hey :)
    Ich habe deine Reihe grade entdeckt und damit auch deine Reihe! :) Waren echt ein paar tolle Tipps dabei, die ich auch gleich angewendet habe :) Vielen Dank <3
    Angelina von http://heartofarosee.blogspot.de/

    AntwortenLöschen
  15. ziemlich nachgemacht von lifeisajoke und dein blog ist nicht mal schön :x

    AntwortenLöschen
  16. ich fand die reihe richtig toll! ich konnte viele tipps erfahren und anwenden :) allerliebste grüße
    xo Julia www.whatevercattie.blogspot.de

    AntwortenLöschen

Huhu♡ Über eure Kommentare, Kritik und Postwünsche würde ich mich sehr freuen! Auf gegenseitiges Verfolgen habe ich keine Lust, also fragt bitte nicht :)
Hinterlasst mir einfach euren Bloglink, ich schaue bei jedem vorbei!
Unangebrachtes lösche ich (dazu gehören auch Kommentare, die nur Werbung für deinen Blog sind)!

XoXo
Julie♡

© Copyright · Kommentar-Styling by: HTTP://RAS-PBERRYJAM.BLOGSPOT.COM/