Rius Grey

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 &lt;!--<head/>--&gt; ( 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/AVvXsEjdSu9JWvOVG8p5fkWwmucFtY9uYUYGT5EIUaK6LTAPr4UN8pCoTrWxG1WwqFV44SdB0X2fMm_FZId7C4aJv-CogL8GplpLvw9qhky9NR7SP7NMEEmdy1EngNutCrCvjmHu7ZyfZwrJk2k/s1600/tet1.png"/><img class="right-2019" id="right-2020" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTjhIitinkI865TeocZNCBVN0XqWTTLVwquyqzsCMeMdoe27VbxJuHCi4sQJCBhZ5vUn8CclYhi6ZyLdfbhtr4cjkK4JlKUNjO1hzTdJwhv9YgJeb8505hR6eH0rYpeZLpdMT67W8dZM/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