Code trang trí đón tết mới nhất cho blogspot đẹp 2019
Nắm 2019 đã tới, đầu tiên Công Nghệ Webblog xin kính chúc quý khách hàng, cùng độc giả một năm mới an khang thịnh vượng, sức khỏe tiền tài và thành công trong công việc kinh doanh của mình. Cùng với không khí đón tết, hay cùng trang trí website, blogspot của các bạn với các hiệu ứng đẹp để đón tết nguyên đán 2019.
Dưới đây là tổng hợp các code trang trí đón tết mới nhất cho website mà chúng tôi sưu tầm và tổng hợp cho các bạn tham khảo – các code này tương thích tốt trên mọi template blogpsot.
1. Code hiệu ứng cậu chúc tết chạy dọc 2 bên website – blogspot
Để thêm code trang trí này bạn thêm code bên dưới vào 1 tiện ích HTML/javascript ở phần bố cục.
Hoặc vào phần chủ đề –> chỉnh sửa HTML và tìm thẻ </body> hoặc <!–<head/>–> ( với những bạn đang sửa dụng code bên mình) thêm code bên dưới ngay trên các thẻ vừa tìm được.
<script type='text/javascript'>
//<![CDATA[
document.write('<div class="tet-2019"><img class="left-2019" id="left-2020" src="https://lh4.googleusercontent.com/-HXBsyeylNsk/XDQOO3VSvjI/AAAAAAAACm0/mN6mv1PCfgc8o3PrRm_kvBWN7KmMjsPqQCLcBGAs/s1600/tet1.png"/><img class="right-2019" id="right-2020" src="https://lh4.googleusercontent.com/-tlsSRiDAay8/XDQOjlNI5uI/AAAAAAAACm8/66f7Unvw1J039PCBEUX9q-gFOfUw8JoGgCLcBGAs/s1600/tet2.png"/></div><style>#left-2020{width: 130px;left:0;z-index:7;position:fixed;;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear}#right-2020{width: 130px;right:0;z-index:7;position:fixed;;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear}.left-2019{top:0px}.right-2019{top:0px}.text-2019-l{top:0px}.text-2019-r{top:0px}@media screen and (max-width:1024px){.tet-2019{display:none}}@media screen and (max-width:1440px){#shareduyblogs{display:none}}</style>')
//]]>
</script>
<script>//<![CDATA[
var lastScroll = 0;
jQuery(document).ready(function($) {
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll > lastScroll) {
$('#right-2020').removeClass('left-2019').addClass('text-2019-l')
$('#left-2020').removeClass('right-2019').addClass('text-2019-r')
} else if (scroll < lastScroll) {
$('#right-2020').addClass('left-2019').removeClass('text-2019-l')
$('#left-2020').addClass('right-2019').removeClass('text-2019-r')
}
lastScroll = scroll;
})
})
//]]></script>
Xong bạn lưu lại và truy cập vào website – blog xem kết quả.
2. Ảnh tết chạy dọc dưới trân trang website – blogspot
Các thức thự hiện như trên, bạn có thể thêm code bên dưới vào trong tiện ích HTML hoặc thêm trên các thẻ </body> hoặc <!–<head/>–>.
<script type='text/javascript'>
//<![CDATA[
document.write('<div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(https://lh4.googleusercontent.com/-QbePDLdhNNY/XEUwuZ9uKNI/AAAAAAAACoI/X_VrU2mBsAU9HuZ73LtLydwGPatl_ESXgCLcBGAs/s1600/bottom.png) repeat-x bottom left;"></div><a href="" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="https://lh4.googleusercontent.com/-JvldBXC9IQU/XEUxNox_npI/AAAAAAAACoQ/QsRD4t1H5jwJx57_prsTcJyvQ1-4k1oCgCLcBGAs/s1600/buttom-left.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>
Xong lưu lại. Các và ra trình duyệt F5 để kiểm tra thành quả.
( Mình sẽ sưu tầm và cập nhật các hiệu ứng khác tại bài viết này, các bạn có thể truy cập thường xuyên để update các hiệu ứng mới nhất nha, cảm ơn các bạn đã quan tâm).post-body {font-size: 15px}