Trang trí Blog ngày Tết với hình ảnh câu đố, mâm cỗ tuyệt đẹp!

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

Bước 1: Đăng nhập Blogger Mẫu Chỉnh sửa HTML.
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">
// <![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>

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.

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

Xem hiệu ứng tuyết rơi đẹp hơn tại đây.
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!

aaaaaaaaaa

Xin chào các bạn mình là một người có niềm đam mê mãnh liệt với công việc thiết kế Website, đặc biệt với Blogger. Bắt đầu tìm hiểu và tự học hỏi trên mạng từ năm 2012, và hiện tại dành 100% thời gian cho công việc trên Internet.

Chia Sẽ

Thành Kent Blog

Trang trí Blog ngày Tết với hình ảnh câu đố, mâm cỗ tuyệt đẹp!