Tiếp tục với series trang trí blog ngày tết, bài viết này mình sẽ giới thiệu đến các bạn một thủ thuật nữa, giúp trang trí cho blog thêm hoành tráng hơn nhân dịp Tết 2017 này! Thủ thuật khá đơn giản, nhưng rất đẹp! Cùng thực hiện để trang trí cho ngôi nhà của mình nhé! Xem demo ảnh dưới hoặc xem ngay tại trang chủ blog mình nha.Bước 2: Copy và paste 1 trong 3 đoạn code sau vào sau thẻ
<body> trong template. Có thể kết hợp kiểu 1 với kiểu 3 hoặc kiểu 2 với kiểu 3 để trang trí đẹp hơn.Kiểu 1: Hai câu đối 2 bên.
<script type="text/javascript">Kiểu 2: Hai băng rôn "Cung Chúc Tân Xuân Bính Thân 2017" và "Vạn Sự Như Ý Bính Thân 2017" treo 2 bên.
// <![CDATA[
document.write('<a href="https://blogttcn.blogspot.com/2017/01/trang-tri-blog-ngay-tet-voi-hinh-anh-cau-do-mam-co-thieu-nhi-phao-hoa-tuyet-dep.html" target="_blank"><img style="position:fixed;z-index:9999;top:0;left:0" src="https://1.bp.blogspot.com/-N2HRbdgT4DM/WGpZ2o8xn3I/AAAAAAAACFA/Ha2QxUK07D4kzF33b41g-9w3_2MUO_nBwCLcB/s1600/trang-tri-tet-by%255Bblogttcn.blogspot.com%255Dleft.png"/></a><a href="https://blogttcn.blogspot.com/2017/01/trang-tri-blog-ngay-tet-voi-hinh-anh-cau-do-mam-co-thieu-nhi-phao-hoa-tuyet-dep.html" target="_blank"><img style="position:fixed;z-index:9999;top:0;right:0" src="https://4.bp.blogspot.com/-v8W-vYAvCqc/WGpUTXOXJNI/AAAAAAAACEs/J4ODSd1usnMlLrFhSS6jm9fv7rXDOaA1gCLcB/s1600/trang-tri-tet-by%255Bblogttcn.blogspot.com%255D2.png"/></a><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;"></div><a href="https://blogttcn.blogspot.com/2017/01/trang-tri-blog-ngay-tet-voi-hinh-anh-cau-do-mam-co-thieu-nhi-phao-hoa-tuyet-dep.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="https://2.bp.blogspot.com/-f0TzkYWiV7E/WGpUTfUcSJI/AAAAAAAACEw/R2WV-yFbbS427g1pOuVUjyAcFstx5_7fwCLcB/s1600/trang-tri-tet-by%255Bblogttcn.blogspot.com%255D3-bottom.png"/></a>');/]]>
</script>
<a href="https://blogttcn.blogspot.com/2017/01/trang-tri-blog-ngay-tet-voi-hinh-anh-cau-do-mam-co-thieu-nhi-phao-hoa-tuyet-dep.html" target="_blank"><img style="position:fixed;z-index:9999;top:0;left:0" src="https://4.bp.blogspot.com/-CJejSHCxof8/WGpcx4l6Q7I/AAAAAAAACFM/xA6qwIks1vAX7p2sxnJZtkvDn-o_hCYFACLcB/s1600/cung-chuc-tan-xuan-by-blogttcn-blogspot-com.png"/></a><a href="https://blogttcn.blogspot.com/2017/01/trang-tri-blog-ngay-tet-voi-hinh-anh-cau-do-mam-co-thieu-nhi-phao-hoa-tuyet-dep.html" target="_blank"><img style="position:fixed;z-index:9999;top:0;right:0" src="https://4.bp.blogspot.com/-1fsCLYxvEG4/WGpcxwUIMFI/AAAAAAAACFQ/GkV3IU8xk1cPNZLgvGuV49z58RbXXPwEgCLcB/s1600/van-su-nhu-y-by-blogttcn-blogspot-com.png"/></a>Style 3: Tuyết rơi
<script type="text/javascript">
//<![CDATA[
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>
Nếu đặt ở vị trí này, có thể sẽ che đi một phần nội dung của blog, nên mình khuyên nên sử dụng thuộc tính position:absolute thay vì position:fixed.
Bước 3: Lưu template.
Chúc các bạn năm mới tràn đầy niềm vui, sức khỏe và tiền bạc!
Bình luận Blogger
● Comment có văn hóa: Không chửi tục, nói bậy, thông qua khung Comment.
● Với tên "ẩn danh" thì bạn tích vào ô: "chứng minh bạn không phải là rô-bốt".
● Để bình luận một đoạn code, bạn click vào đây để mã hóa code trước nhé !
● Để đăng ảnh làm hình minh họa, bạn click vào đây để Upload ảnh lên sever nhé !
0 nhận xét | Viết lời bình