DIY for Blogger (Weinachsstimmung) ❤️

By Kathiee Lyn - 09:43:00

                                                            Hallo ihr Lieben,

Wie ihr bereits schon wisst habe ich meinen Blog eibisschen weihnachtlicher gestaltet.
Ich bin total in Weinachsstimmung und freue mich schon richtig auf Heiligabend.
Um euch auch in Weinachsstimmung zu bringen habe ich einiges geändert auf meinen Blog
Damit ihr euren Blogg auch weihnachtlicher gestalten könnt zeige ich euch paar Tutorialls

                                                                  Mauszeiger


Ich habe als Mauszeiger einen Tannenbaum genommen weil er super zu Weinachten passt.


  <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-5/hol442.ani), url(http://cur.cursors-4u.net/holidays/hol-5/hol442.gif), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/17/decorated-red-christmas-tree.html" target="_blank" title="Decorated Red Christmas Tree"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Decorated Red Christmas Tree" style="position:absolute; top:
0px; right: 0px;" /></a>

                                               Das bei HTML hinzufügen bei Layout-Widgets


Hier findet ihr noch einige Mauszeiger: http://www.cursors-4u.com/cursor/2010/03/12/blogger.html

                                                              MP3- Player


Ganz Oben ist der Musik-Player zu sehen , den könnt ihr ganz einfach selber gestalten mit euer Lieblingsmusik.
Perfekt zu Weinachten habe ich Weihnachtslieder genommen, die super die Weinachsstimmung aufbauen
                                                       http://playlist.me/w/i.php

                                                                      Der Schneefall

Der sieht nicht nur super schön aus, sondern lässt dein Blog weihnachtlicher aussehen.
Ich finde ihn perfekt für diese Jahreszeit.

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

Füge das bei HTML ein sowie beim ersten Tutorial

                                                                             Der Hintergrund


Den Hintergrund habe ich anschließend geändert, damit es etwas schöner aussieht und nicht so langweilig.
Den könnt ihr bei Vorlagen-Hintergrund ändern.
                                                            
                                                                    Mein Hintergrund

 
Ich hoffe euch gefällt die neue Gestaltung❤️
 
Viel Spaß beim selber gestalten ❤️
 


  • Share:

You Might Also Like

4 Kommentare

  1. Tolle Idee.
    rock-your-life22Blospot.de

    AntwortenLöschen
  2. Super Idee! Bei mir funktioniert der Schneefall leider nicht. Wo genau muss ich den html einfügen?
    LG Sofia
    dreamylifedreamyme.blogspot.de

    AntwortenLöschen
    Antworten
    1. Bei HTML/JavaScript
      den findest du bei ''Gadget hinzufügen''
      Dan musst du einfach den gesamten text dort einfügen & anschließend auf speichern.
      Es sollte eigentlich funktionieren :)

      Löschen