[Blogger] Trang trí tết cho blogspot, Code trang trí tết cho website

[Mr.P]

New member

DEMO online:

Đây là COde treo lồng đèn ở trên
Mã:
<img src="http://3.bp.blogspot.com/-k5hUYj1Om7A/Uscw7H4bUCI/AAAAAAAABSY/tdL13KfBYHU/s1600/dao-01.png" style="position:fixed; top: 0px;left:-0px;border:none;z-index:5;"/>
<img src="http://1.bp.blogspot.com/-wNco8MXkCcg/Usg7eMesj0I/AAAAAAAAkk0/fFfPNSlaI0I/s1600/hoa.mai.png" style="position:fixed; top: 0px;right:-20px;border:none;z-index:5;"/>
<img src="http://1.bp.blogspot.com/-i71FPoBkDXo/Usc92pIZRvI/AAAAAAAABTA/3Bb2X6vzxNA/s1600/mai-01.png" style="position:fixed; top: 50px;right:-30px;border:none;z-index:5;"/>
<!--Đèn lồng-->
<div style='position: fixed; top: -10px; right:8%;'>
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-PKjmFUzhwLI/UshQy2U1WSI/AAAAAAAABUI/WB_0vXgtIc0/s1600/den-long-2.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-PKjmFUzhwLI/UshQy2U1WSI/AAAAAAAABUI/WB_0vXgtIc0/s1600/den-long-2.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-PKjmFUzhwLI/UshQy2U1WSI/AAAAAAAABUI/WB_0vXgtIc0/s1600/den-long-2.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-PKjmFUzhwLI/UshQy2U1WSI/AAAAAAAABUI/WB_0vXgtIc0/s1600/den-long-2.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-PKjmFUzhwLI/UshQy2U1WSI/AAAAAAAABUI/WB_0vXgtIc0/s1600/den-long-2.gif" />
<img border="0" height="100" src="http://2.bp.blogspot.com/-12Z9TeklSxs/UsdLoH5Zx3I/AAAAAAAABTo/x-Jg1MY30BI/s1600/1283.gif" />
</div>

Đây là code ở dưới
Mã:
<style type='text/css'>html{height:auto!important}body{background:none;padding-bottom:130px}</style>
<img src='http://4.bp.blogspot.com/-aotIQzUP53Y/UsplbN0KstI/AAAAAAAABVE/gUS_nHPuKWI/s1600/buttom-tet.png' style='position:fixed;z-index:9999;bottom:0px;left:46%'/>
<div style='position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:150px;background:url(http://2.bp.blogspot.com/-BrhuYuCHZzw/UsplbN77wNI/AAAAAAAABVI/ixwE3JIdG6k/s1600/bottom.png) repeat-x bottom left;'></div>

Đây là code 2 con ngựa chạy 2 bên

Mã:
<div style="left: 0px; bottom: 100px; position: fixed; z-index: 50; id="columnleft";position:relative;">
<img alt="quy ngo trai" style="border-width:0px" src="http://2.bp.blogspot.com/-DwFRJsS4cvs/Uspmo_ZWSCI/AAAAAAAABVU/gK7Lh9L-pKs/s1600/Quy-ngo_left.png" width="140" height="229" />
</div>
</div>
<div style="right: 0px; bottom: 100px; position: fixed; z-index: 50;id="columnright";
position:relative;">
<img alt="quy ngo phai" style="border-width:0px" src="http://1.bp.blogspot.com/-MwZk4cD-PBQ/UspmpZS6sSI/AAAAAAAABVc/BYzXokaUtLU/s1600/Quy-ngo_right.png" width="140" height="229" /> 
</div>
</div>

Đây là code Pháo hoa
Mã:
<script type="text/javascript">
// <![CDATA[
var bits=80; // how many bits
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c"); 
//                     blue    red     green   purple  cyan    orange  pink

/****************************
*      Fireworks Effect     *
*(c)2004-11 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var bangheight=new Array();
var intensity=new Array();
var colour=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var swide=800;
var shigh=600;
var boddie;

window.onload=function() { if (document.getElementById) {
  var i;
  boddie=document.createElement("div");
  boddie.style.position="fixed";
  boddie.style.top="0px";
  boddie.style.left="0px";
  boddie.style.overflow="visible";
  boddie.style.width="1px";
  boddie.style.height="1px";
  boddie.style.backgroundColor="transparent";
  document.body.appendChild(boddie);
  set_width();
  for (i=0; i<bangs; i++) {
    write_fire(i);
    launch(i);
    setInterval('stepthrough('+i+')', speed);
  }
}}

function write_fire(N) {
  var i, rlef, rdow;
  stars[N+'r']=createDiv('|', 12);
  boddie.appendChild(stars[N+'r']);
  for (i=bits*N; i<bits+bits*N; i++) {
    stars[i]=createDiv('*', 13);
    boddie.appendChild(stars[i]);
  }
}

function createDiv(char, size) {
  var div=document.createElement("div");
  div.style.font=size+"px monospace";
  div.style.position="absolute";
  div.style.backgroundColor="transparent";
  div.appendChild(document.createTextNode(char));
  return (div);
}

function launch(N) {
  colour[N]=Math.floor(Math.random()*colours.length);
  Xpos[N+"r"]=swide*0.5;
  Ypos[N+"r"]=shigh-5;
  bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);
  dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];
  if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
  else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
  else stars[N+"r"].firstChild.nodeValue="|";
  stars[N+"r"].style.color=colours[colour[N]];
}

function bang(N) {
  var i, Z, A=0;
  for (i=bits*N; i<bits+bits*N; i++) { 
    Z=stars[i].style;
    Z.left=Xpos[i]+"px";
    Z.top=Ypos[i]+"px";
    if (decay[i]) decay[i]--;
    else A++;
    if (decay[i]==15) Z.fontSize="7px";
    else if (decay[i]==7) Z.fontSize="2px";
    else if (decay[i]==1) Z.visibility="hidden";
    Xpos[i]+=dX[i];
    Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  }
  if (A!=bits) setTimeout("bang("+N+")", speed);
}

function stepthrough(N) { 
  var i, M, Z;
  var oldx=Xpos[N+"r"];
  var oldy=Ypos[N+"r"];
  Xpos[N+"r"]+=dX[N+"r"];
  Ypos[N+"r"]-=4;
  if (Ypos[N+"r"]<bangheight[N]) {
    M=Math.floor(Math.random()*3*colours.length);
    intensity[N]=5+Math.random()*4;
    for (i=N*bits; i<bits+bits*N; i++) {
      Xpos[i]=Xpos[N+"r"];
      Ypos[i]=Ypos[N+"r"];
      dY[i]=(Math.random()-0.5)*intensity[N];
      dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
      decay[i]=16+Math.floor(Math.random()*16);
      Z=stars[i];
      if (M<colours.length) Z.style.color=colours[i%2?colour[N]:M];
      else if (M<2*colours.length) Z.style.color=colours[colour[N]];
      else Z.style.color=colours[i%colours.length];
      Z.style.fontSize="13px";
      Z.style.visibility="visible";
    }
    bang(N);
    launch(N);
  }
  stars[N+"r"].style.left=oldx+"px";
  stars[N+"r"].style.top=oldy+"px";
} 

window.onresize=set_width;
function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min;
  shigh=sh_min;
}
// ]]>
</script>

Các code này mình sưu tầm thôi nhé, không rõ tác giả.
 

Còn đây là bộ code khác

Mã:
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="http://2.bp.blogspot.com/-ft2o54AdRc8/UQyiJQP7JPI/AAAAAAAAISU/JAkdryENARA/s399/left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="http://2.bp.blogspot.com/-HFXAPTfzVyU/UsTEAjBz5lI/AAAAAAAAO7o/GRXxJgVi1qw/s1600/right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(http://1.bp.blogspot.com/-dsGkK8sD1zU/UQyiOwgAZgI/AAAAAAAAISk/ofH_qM2jdcM/s600/bottom.png) repeat-x bottom left;"></div>><a href="http://bloggersviet.blogspot.com/2013/02/trang-tri-tet-cho-blogger.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:0px;left:46%" src="http://4.bp.blogspot.com/-vntrnUTDNVk/UQyiJMFxeJI/AAAAAAAAISM/hH7CBJFagpk/s120/buttom-left.png"/>');var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><\/div>')}}
//]]>
</script>

Sưu tầm
 
CÒn đây là các code thay đổi hình nền tết, cho blogspot,

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn Chỉnh sửa HTML (Edit HTML)
4. Tìm đoạn code sau:

Mã:
body{...}

nen-tet-namkna-blogspot-com-1.jpg

Mã:
body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-1.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}

nen-tet-namkna-blogspot-com-2.jpg

Mã:
body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-2.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}

nen-tet-namkna-blogspot-com-3.jpg

Mã:
body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-3.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}

nen-tet-namkna-blogspot-com-4.jpg

Mã:
body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-4.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}

nen-tet-namkna-blogspot-com-5.jpg

Mã:
body{background-color:#fff;background-image:url(https://scipt-namkna.googlecode.com/svn/trunk/Photo/nen-tet-namkna-blogspot-com-5.jpg);background-position:50% 50%;background-attachment:fixed;margin:0;padding:0;color:#333;font:x-small Georgia Serif;text-align:center}

Thêm một cành đào góc trên bên phải hoặc bên trái blogger.


Thêm góc trên cùng bên trái:
Mã:
<a style="display:scroll;position:fixed;Top:0px;left:0px;" href="http://namkna.blogspot.com/"><img src="http://2.bp.blogspot.com/-_seWa5Mb7FU/URoO9lKCjhI/AAAAAAAAImA/S9Br9_Cb-bk/s1600/canh-dao-namkna-blogspot-com-1.png" /></a>
Thêm góc trên cùng bên phải:
Mã:
<a style="display:scroll;position:fixed;Top:0px;right:0px;" href="http://namkna.blogspot.com/"><img src="http://2.bp.blogspot.com/-D_4y7xj4mRw/URoO-0GA4yI/AAAAAAAAImI/8y--lYfuq0U/s1600/canh-dao-namkna-blogspot-com-3.png" /></a>
Thêm góc dưới cùng bên trái:
Mã:
<a style="display:scroll;position:fixed;bottom:0px;left:0px;" href="http://namkna.blogspot.com/"><img src="http://1.bp.blogspot.com/-wotY-fSEMr0/URoO_245vTI/AAAAAAAAImQ/kWNephLj71Q/s1600/canh-dao-namkna-blogspot-com-2.png" /></a>
Thêm góc dưới cùng bên phải:
Mã:
<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://namkna.blogspot.com/"><img src="http://3.bp.blogspot.com/-r4e6ZTQTGfc/URoPBTX5wdI/AAAAAAAAImY/OTVFV2o3dy0/s1600/canh-dao-namkna-blogspot-com-4.png" /></a>

Treo 2 câu đối 2 bên blog. Demo:
Mã:
<script type='text/javascript'>
//<![CDATA[
document.write('
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="http://4.bp.blogspot.com/-Goon456ZKnE/URoTu4h0TWI/AAAAAAAAImo/-0D8IIxwTos/s1600/left-cau-doi-namkna-blogspot-com.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="http://2.bp.blogspot.com/-nCQoih5pHEw/URoT-eLVnaI/AAAAAAAAImw/bp-2vpQToJE/s1600/right-cau-doi-namkna-blogspot-com.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(http://1.bp.blogspot.com/-WB2bGH2U9b0/URoUV06N1WI/AAAAAAAAIm4/GgV9mmRvqiY/s1600/bottom-cau-doi-namkna-blogspot-com.png) repeat-x bottom left;"></div><a href="http://namkna.blogspot.com/" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="http://1.bp.blogspot.com/-4e5f0uh5bes/URoUkIn1nLI/AAAAAAAAInA/VP144hs97ZU/s1600/buttom-left-namkna-blogspot-com.png"/>');
var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[];
for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"></div>');
//]]>
</script>

Treo câu đối 2 bên blog.

Cặp 1:
Mã:
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://namkna.blogspot.com/"><img src="http://2.bp.blogspot.com/-wHC_LZElV6w/URoYOC2nfPI/AAAAAAAAInY/e-Y3PsOo7Kg/s1600/1b-left_namkna-blogspot-com.png" /></a>
<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://namkna.blogspot.com/"><img src="http://1.bp.blogspot.com/-of_Hysldo0I/URoYNe-2MKI/AAAAAAAAInQ/LQseWXdlinE/s1600/1a-right_namkna-blogspot-com.png" /></a>
Mẫu 2:
Mã:
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://namkna.blogspot.com/"><img src="http://4.bp.blogspot.com/-mG3tMXrCQmU/URoZ_jw4LKI/AAAAAAAAIn0/oAl7uUk2cKw/s1600/2a-left_namkna-blogspot-com.pngp" /></a>
<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://namkna.blogspot.com/"><img src="http://4.bp.blogspot.com/-ckmbyGyU9wY/URoZ_2x-mMI/AAAAAAAAIn4/xSZcTjci50s/s1600/2a-right_namkna-blogspot-com.png" /></a>

Sưu tầm.
 
Back
Top