Trang trí hiệu ứng Tết 2017 độc đáo cho WordPress-Blogger-Website
1.667 lượt xem
Mỗi năm tết đến xuân về, trong mỗi con người chúng ta, ai cũng có những cảm xúc riêng của mình. Đó là dòng cảm xúc vô cùng thiêng liêng khi được sống trong những ngày hạnh phúc, đầm ấm bên gia đình và người thân. Hãy cùng các Blogger tôn vinh những vẻ đẹp truyền thống của ngày Tết với câu đối đỏ, bánh trưng xanh,…cùng trang trí Tết chào đón năm mới độc đáo cho WordPress/Blogger/Website.
Demo: https://kenh76.net/js/tet-2017.html
Treo câu đối 2 bên Sidebar blog/website
Cách thực hiện
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.
<img src="http://3.bp.blogspot.com/-NN_BX9rA83I/VJ6oz44qhCI/AAAAAAAABss/XWqP9itsQY8/s1600/Caudoitet1.png" style="display:scroll;position:fixed;top:0px;left:5px;"/> <img src="http://3.bp.blogspot.com/-Qa0y0pgMAa0/VJ6o0FmI8sI/AAAAAAAABsw/O2KWYner4k4/s1600/caudoitet2.png" style="display:scroll;position:fixed;top:0px;right:5px;"/>
Source trang trí tổng hợp cho Blog/Website
Source được thiết kế năm 2015 bởi anh Nguyễn Duy. Theo ý của anh, mình chỉnh sửa lại hình ảnh, cập nhật lại Code với năm Ất Mùi 2015 này.
Source tổng hợp bao gồm:- Hai câu đối trang trí 2 bên blog/website.
- Hình ảnh thể hiện khung cảnh Tết bên dưới bottom blog/website.
Source
Cách thực hiện
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.
<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://3.bp.blogspot.com/-NN_BX9rA83I/VJ6oz44qhCI/AAAAAAAABss/XWqP9itsQY8/s1600/Caudoitet1.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="http://3.bp.blogspot.com/-Qa0y0pgMAa0/VJ6o0FmI8sI/AAAAAAAABsw/O2KWYner4k4/s1600/caudoitet2.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(http://2.bp.blogspot.com/-kIyHPSeQClI/VJ-OW0qm8rI/AAAAAAAABu0/r4kQuKdBpUY/s1600/tetnguyendan2.png) repeat-x bottom left;"></div><a href="http://www.dongvietblog.com/2014/12/trang-tri-tet-chao-don-nam-moi-doc-dao-cho-blog-website.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="http://4.bp.blogspot.com/-vLa1Kt6Lt4c/VJ9boHA6XPI/AAAAAAAABuc/7p1KULP5w5g/s1600/tetnguyendan.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>
Hiệu ứng pháo hoa đẹp cho blog/website
Cách thực hiện
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.
<script src="https://www.googledrive.com/host/0B1EJGJ56bNPuQmpNUDBGbk1ZZGM" type="text/javascript"></script>
Theo Đồng Việt Blog
Các bình luận
1 bình luận