Home »

Trang Trí Giáng Sinh Cho Blogger

Thứ Tư, 18 tháng 12, 2013
Trang Trí Giáng Sinh Cho Blogger

    Vậy là chỉ còn lại không đầy một tuần nữa là đến giáng sinh rồi, không biết các bạn đã làm gì để chuẩn bị cho giáng sinh của mình chưa? một vài biểu tượng tuyết rơi, chuông giáng sinh, ông già noen trên trang chủ blogger chính là chủ đề của chúng ta ngày hôm nay.

1. Tạo hiệu ứng tuyết rơi trên blogger.
các bạn hãy vào bố cục >> thêm tiện ích >> thêm html/javascript và paste đoạn code sau vô:

<!-- Hiệu ứng tuyết rơi cho blog-->
<script type='text/javascript'>
//<![CDATA[
var snowmax = 30; // Số lượng tuyết
var snowcolor = new Array("#aaaacc", "#ddddFF", "#ccccDD");
var snowtype = new Array("Arial Black", "Arial Narrow", "Times", "Comic Sans MS");
var snowletter = "*"; //Hình tuyết, có thể thay thành dấu chấm “.” hay các kí tự khác
var sinkspeed = 0.9; //               Tốc độ rơi của tuyết
var snowmaxsize = 30; //           Kích thước hạt tuyết to nhất
var snowminsize = 10; //             Kích thước hạt tuyết nhỏ nhất
var snowingzone = 1;
var snow = new Array();
var marginbottom;
var marginright;
var ScrollTop;
var timer;
var i_snow = 0;
var x_mv = new Array();
var crds = new Array();
var lftrght = new Array();
var browserinfos = navigator.userAgent;
var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/);
var ns6 = document.getElementById && !document.all;
var opera = browserinfos.match(/Opera/);
var browserok = ie5 || ns6 || opera;
function randommaker(a)
{
    rand = Math.floor(a * Math.random());
    return rand
}
 function iecompattest()
{
 return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
}
 function InitHeight() {
 if (ie5 || opera) {
  marginbottom = iecompattest().clientHeight + 5; //clientHeight;
  marginright = iecompattest().scrollWidth + 5; //clientWidth
 }
 else {
  if (ns6) {
   marginbottom = self.innerHeight;
   marginright = self.innerWidth
  }
 }
 ScrollTop = document.body.scrollTop;
 if (ScrollTop == 0) {
  if (window.pageYOffset)
   ScrollTop = window.pageYOffset;
  else
   ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
 }
 marginbottom += ScrollTop;
}
 function initsnow()
{
 InitHeight()
  var a = snowmaxsize - snowminsize;
  for (i = 0;i <= snowmax;i++)
 {
  crds[i] = 0;
  lftrght[i] = Math.random() * 15;
  x_mv[i] = 0.03 + Math.random() / 10;
  snow[i] = document.getElementById("s" + i);
  snow[i].style.fontFamily = snowtype[randommaker(snowtype.length)];
  snow[i].size = randommaker(a) + snowminsize;
  snow[i].style.fontSize = snow[i].size + "px";
  snow[i].style.color = snowcolor[randommaker(snowcolor.length)];
  snow[i].sink = sinkspeed * snow[i].size / 5;
  if (snowingzone == 1) { snow[i].posx = randommaker(marginright - snow[i].size) }
  if (snowingzone == 2) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) }
  if (snowingzone == 3) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4 }
  if (snowingzone == 4) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2 }
  snow[i].posy =  randommaker(2 * marginbottom - marginbottom - 2 * snow[i].size);
  snow[i].style.left = snow[i].posx + "px";
  snow[i].style.top = snow[i].posy + "px"
  }
  movesnow()
}
 function movesnow()
{
 InitHeight();
 for (i = 0; i <= snowmax; i++)
 {
  crds[i] += x_mv[i];
  snow[i].posy += snow[i].sink;
  snow[i].style.left = snow[i].posx + lftrght[i] * Math.sin(crds[i]) + "px";
  snow[i].style.top = snow[i].posy + "px";
  if (snow[i].posy >= marginbottom - 2 * snow[i].size || parseInt(snow[i].style.left) > (marginright - 3 * lftrght[i]))
  {
   if (snowingzone == 1) { snow[i].posx = randommaker(marginright - snow[i].size) }
   if (snowingzone == 2) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) }
   if (snowingzone == 3) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4 }
   if (snowingzone == 4) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2 }
   snow[i].posy = ScrollTop
  }
 }
var a = setTimeout("movesnow()", 60)
}
function hidesnow()
{
 if (window.timer) { clearTimeout(timer) }
 for (i = 0;i <= snowmax;i++)
 {
  document.getElementById("s" + i).style.visibility = "hidden"
 }
}
 for (i = 0;i <= snowmax;i++)
{
 document.write('<div id="s' + i + '" style="POSITION: absolute; Z-INDEX: 9' + i + "; VISIBILITY: visible; TOP:-" + snowmaxsize + 'px; LEFT: 15px;">' + snowletter + "</div>")
}
if (browserok)
{ initsnow() }
else
{ document.write('Votre navigateur ne supporte pas ce Javascript, ') };
//]]>
</script>

2. Code chuông giáng sinh.
Bạn hãy paste đoạn code sau vô html/javascript.
<img src="https://lh6.googleusercontent.com/-6YdWdL5SKmg/UXzW9XHcXoI/AAAAAAAAYyw/FNtF99kqugo/s131/christmas-bells-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFx52bAcO1fz-I_gVsk1GFjvMW-zv0yelGxnKCiGIrTglTa5OOxwI6ANGz9MgC7WhD3g3gR4J36hNUf3c43BrSW4lpGV5VD5WyQ7YaxmdxYXFmEozsHM-AUKL1VQvoRjq_ieYvt2PAgVb/s141/christmas-bells-icon-right.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>
Sau đó save lại xem kết quả.

3. Code ông già noen.
 Các bạn hãy chèn đoạn code sau trước thẻ đóng </head>

<marquee scrolldelay='100' style='position:fixed; top:0; right:0; z-index:9999; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_5tR2dHnSWg5mOc7gIqmNyDFTdoYmq7_Oy2hAgB_jrh4rGY4TxvE6RqAoOx_o4bCYC_OGRtyGVvF8bJQe7nqusOZh8sQ8sLshX2TdAgS9Q7HxUKpysIQwAySqXhGgsgda8nrzWRVrnzU/' /></marquee>

Sau cùng là save lại.
Để cho chắc chắn thì các bạn hãy tải mẫu code của blogger của mình lưu lại cẩn thận rồi hãy thực hiện nha.
Chúc các bạn thành công.
Tags:

Comments[ 0 ]


Đăng nhận xét