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

#Thủ Thuật #Windows #Blogger #Facebook

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

Share:
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 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!
CHUYÊN MỤC

Bài Viết Liên Quan

Bình Luận Gần Đây

Một số lưu ý khi bình luận
● Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước.
● Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin.
● Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
● Để bình luận một đoạn code, hãy mã hóa code trước nhé.