Nút lên đầu trang (back to top) này rất hữu ích cho người đọc để họ có thể dễ dang trở lại đầu trang với một cách nhanh và mượt nhất, mà lại còn tích hợp hiệu ứng tên lửa thì không còn gì để nói :))
Và bây giờ chúng ta cùng bắt đầu nhé
Bước 1: Đăng nhập blogger => Mẫu
Bước 2: Chèn đoạn css sau lên trên thẻ </style> hoặc ]]></ b: skin>
/* Back To Top by Thinhnd.com */Bước 3: Tiếp tục chèn đoạn css sau lên trên </body>
#scrolltop{display:none}
#btt-db-1{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}
#btt-db-1 i{display:block;margin-top:48px;height:14px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
#btt-db-1:hover{background-position:50% -62px}
#btt-db-1:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#btt-db-1.show-btt-1{visibility:visible;opacity:1}
#btt-db-1.launch-btt-1{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}
#btt-db-1.launch-btt-1 i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}
<a href="javascript:void(0);" id="btt-db-1" class="show-btt-1" ><i></i></a>và
<script type='text/javascript'>
//<![CDATA[
eval((function(){var d=[94,74,90,71,81,86,88,85,75,89,66,82,70,76,60,79,87,72,80,65];var e=[];for(var b=0;b<d.length;b++)e[d[b]]=b+1;var q=[];for(var a=0;a<arguments.length;a++){var f=arguments[a].split('~');for(var g=f.length-1;g>=0;g--){var h=null;var i=f[g];var j=null;var k=0;var l=i.length;var m;for(var n=0;n<l;n++){var o=i.charCodeAt(n);var p=e[o];if(p){h=(p-1)*94+i.charCodeAt(n+1)-32;m=n;n++;}else if(o==96){h=94*d.length+(i.charCodeAt(n+1)-32)*94+i.charCodeAt(n+2)-32;m=n;n+=2;}else{continue;}if(j==null)j=[];if(m>k)j.push(i.substring(k,m));j.push(f[h+1]);k=n+1;}if(j!=null){if(k<l)j.push(i.substring(k));f[g]=j.join('');}}q.push(f[0]);}var r=q.join('');var x='abcdefghijklmnopqrstuvwxyz';var c=[96,42,126,39,92,10].concat(d);for(var b=0;b<c.length;b++)r=r.split('@'+x.charAt(b)).join(String.fromCharCode(c[b]));return r.split('@!').join('@');})('var _$_1ce8=["3(f).p(a(){3(f).i()@uq?^$^ .u(h):^$^ .o(h);c e=^$g@e")[0]?^$g@e")[0]:3(9.8)[0],t=$(@e"^ ,n=(6(9.x.N),6(9.8.@v().m),6(e.d)),r=t.d;S(s>n){c l=6(v(e).b);l=r>l?2@bl-r:l,t.7.b=n+l+@e"y^%z t.7.b=@e"@z@e",t.7.@q=@e"C^%),^$^ .D(a(){3(@e"E, 8@e").@s({i:@e"@j@e",@x:@e"I^%,{@h:@o,@t:@e"M^%);c e=j;j.k+=@e" @y-4-1@e",@k(a(){e.k=@e"@r-4-1^%,w)});","|","|||j@kuery|btt|db|parseInt|style|body|document|function|left|var|client@width||window|ft|500|scrollTop|this|className||top||slideDown|scroll|50||1e3||slide@np|fetch@vffset|800|documentElement|px|else|auto|right|10px|click|html|animate|0px|display|none|duration|600|easing|linear|client@xeight|get@qoundingClient@rect|launch|setTimeout|show|if","","@e@ew+","@e@eb","g"];eval(^!p,a,c,k,e,r){e=^!c){^#(c@ua?^"3]:e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!^"3].replace(/@g/,String)){while(c--){r[e(c)]=k[c]||e(c)};k=[^!e){^#r[e]}];e=^!){^#^"4]};c=1;};while(c--){if(k[c]){p=p.replace( new @regExp(^"5]+e(c)+^"5],^"6]),k[c])}};^#p;}(^"0],55,55,^"2].split(^"1]),0,{}));~4-5-1@e")~function(~_$_1ce8[~return ~3(@e"#~@e"}'));
//]]>
</script>
Bước 4: Lưu mẫu và thưởng thức "Nút lên đầu trang cực đẹp cho blogspot - kiểu 1" do Thinhnd.com chia sẻ nhé, cảm ơn bạn đã quan têm theo dõi. Mọi thắc mắc vui lòng bình luận xuống bên dưới. Chúng tôi sẽ giải đáp bạn trong thời gian sớm nhất.