Trang chủ » Wap Web
Code index giao diện năm mới 2014 cho Blogger
Đăng lúc 20:37 bởi Nguyen Duc Son
Code index giao diện năm mới 2014 cho Blogger - Giao diện chào đón Tết 2014 - Chia sẻ code index năm mới 2014 - Giao diện năm mới cho blogger blogspot - Thiết kế index giao diện năm mới 2014 - Share code index happy new year 2014.

Năm mới đến rồi rộn ràng chuẩn bị thi cử nên mình chưa có thời gian thiết kế một giao diện năm mới 2014 cho blogger blogspot được, nhưng hứa rằng từ giờ tới Tết âm lịch mình sẽ cố gắng thiết kế một Template chào năm mới hjhj Tạm thời mình chia sẻ cho các bạn Code index giao diện năm mới 2014 này mình vừa dùng cho fchiase.com xong.

Code index giao diện năm mới 2014 cho Blogger


Hướng dẫn thêm vào Blogger Blogspot


1. Đăng nhập vào Blogger.com
2. Vào phần Mẫu » Chỉnh sử HTML.
3. Tìm đến thẻ ]]></b:skin> và chèn code sau vào trước nó :

body { padding-bottom: 20px; }
.b-l, .b-r, .f-t, .h-t{ position: fixed; z-index: 9999; }
.b-l{ top: 0; left: 0; }
.b-r{ top: 0; right: 0; }
.f-t{
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 104px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ_ErWQyUFaQ-guAykkYRruQL-tWDfr04ZGCA3fiwx4Ic20xLh0DgD-AG5hCmwHZ6RM5EI-78HvSrt5JweqI2vJvdi7v13HV8hR6_GdRwr3ded0utl4jNxMICGx6DG0_n_Oz2eUipL54U/s1600/%5BFchiase.com%5Df-t.png) repeat-x bottom left;
}
.h-t{ bottom: 20px; left: 20px; }

4. Và giờ thì bạn chỉ cần thêm code này vào sau thẻ mở <body> :

<script type='text/javascript'>
document.write("<img class='b-l' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6rYFocD9aqOxVrGUYeaprRzF0HlmwECGd7KscmulyM6uCokcfIn6I2uGBrfNynE9pqc2otY8WZZCnejzSz0IemXCI-DKCfrltsvH-CXfmyO4xzj_1Ha4JciBGyP_f4qel_J4LfFBDJsM/s1600/%5BFchiase.com%5Db-l.png'/><img class='b-r' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Ii_mjyUGNS8Qvdskw0VyiH-owWwElqdFoOG7UOvZAywmnYIlnpmFviYzpzF69ivMy-ZMKO3G1uGNP5rpBzFqyrk5Y2G21nDoQ1xJlN_Czkzr19bGGqu9lxQKOXyEiz47xMHrjOYDoiQ/s1600/%5BFchiase.com%5Db-r.png'/><div class='f-t'></div><a href='http://www.fchiase.com' title='Ga Sat Blog'><img class='h-t' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5fu5NFF6v60pTRe4HOhNsbAvgMMCCOkK1QPy96r17aPxsN2Gk47y-MSgPTyjNRVs-5DqlJPRB8SlKFZHncMKajMUpwh55L38XCjH5VmkX3d4xjh-sfr3IEvUma5BE9N_a50LaJskdOXE/s1600/%5BFchiase.com%5Dh-t.png'/></a>");
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;"><span style="font-size:18px;color:#fff">*</span><\/div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
</script>

5. Lưu lại rồi xem thử kết quả.

Kết bài : mở bát cho năm mới thay vì lấy mồng 1 mình xơi hẳn mồng 2 cho máu :)) Chúc các bạn năm mới cùng gia đình hạnh phúc, an khang thịnh vượng. Chúc cộng đồng Blogger năm 2014 ngày càng phát triển !

Tìm kiếm : ...
LIÊN QUAN
BÌNH LUẬN

Bài viết có 1 nhận xét