CODE TRANG TRÍ ĐÓN TẾT MỚI NHẤT CHO BLOGSPOT ĐẸP 2019 ĐÓN TẾT KỈ HƠ | RIUSGREY

Quản trị viên January 28, 2019 #Blogger

Năm cũ qua đi, năm mới sắp đến hãy cùng nhau đón năm mới 2019 nhiều niềm vui và hạnh phúc,Cùng RIUSGREY sắm ngay cho mình bộ css trang trí blog nhân dịp tết kỉ hợi này nào !!

Đêm sẽ tối, ngày sẽ sáng, chúc bạn có cuộc sống luôn tươi sáng, gặp nhiều may mắn và thành công. Chúc mừng năm mới.

1. Code hiệu ứng cậu chúc tết chạy dọc 2 bên 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  ( 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsLKXYS_Z3LgoRLAAO2M6oXXRvod-uwoB6l2TCG7oqxXHmQUtf_fQxOnsb3NssncMHQup1RCuCbxc7VFD3nxK-8mezG1Lt7m5Yg1pFJvFIrkmggy-1zYr3jnm_GO-hHXa61ldSvoSouJU/s1600/tet1.png"/><img class="right-2019" id="right-2020" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCJQ-sCAFFpFW19F1ORFI11ly881JnMww_5gwFbtyX50chBGoY6a2Q-5A1OpmUwBZpkqJfNAfb7oattuY2OSkDk9BPM5PuOBZGo6YdelyESx5SQHTVkZKNlX50wLrrs-lRWDwDdH7m_Eo/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){#riusgrey{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>

2. Code hiệu ứng ở header-bottom

Thường là thêm sau main hoặc header-bottom

<div class='header-bottom' id='menutom' itemscope='' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<div class="trangtritet-riusgrey visible">

<style>

.trangtritet-riusgrey{margin-top:43px;z-index:999;background:url(https://i.imgur.com/k0zJZ4h.png);background-repeat:repeat-x;width:100%;height:86px;position:absolute;top:auto}

</style>

</div>

source: toishare

2 bình luận

Chia sẻ