Kết nối với chúng tôi

Trang trí hiệu ứng Tết 2017 độc đáo cho WordPress-Blogger-Website

Trang trí hiệu ứng Tết 2017 độc đáo cho WordPress-Blogger-Website

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.
https://www.upsieutoc.com/images/2014/12/31/Untitled-1.jpg
<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

https://www.upsieutoc.com/images/2014/12/31/Untitled-1395ed.jpg

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

4.5/5 - (2 bình chọn)

Các bình luận

Đọc tiếp...
Bài viết liên quan...
3 bình luận

1 bình luận

Gửi bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Cùng chuyên mục Thủ thuật Website

Lên trên