Кнопка вверх примеры для сайта Blogspot, Blogger

Здравствуйте дорогие читатели моего Blogga. Сегодня я хочу с вами поделится с примерами: кнопка вверх для сайта blogger, здесь вы найдете примеры кнопки бабочки, анимационные кнопки вверх, кнопки с пальцем вверх и много интересных и уникальных кнопок для вашего сайта Blogspot - Blogger.




 Добавить кнопку и сделать свой Блогер Более удобным для читателей.

Как добавить кнопку вверх на сайт blogger

Дальше читайте простую инструкцию для добавления кнопки на ваш сайт.

1. Кнопки вверх можно вставить в виджет Javascript.
2. Для этого вам нужно заходить на ваш сайт в Blogger.
3. Выбрать раздел дизайн
4. В дизайне нажать добавить гаджет
5. Выбрать Javascript и добавить один из примеров
6. Далее нажмите сохранить шаблон ю вас на сайте будет кнопка.

Выбирайте самые удобные коды для кнопки вверх и дате в javascript.


Примеры кнопки вверх для сайта Blogger

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqhqkR44bHKKbiJo7P_eJ4t83RMXW1wAMzXuwVQF6IacOM5BRZOYUyNSrCPE0H9Sph-nd7Sq1XscVlIclaAo2zmWlLkrIMgiLyCzy2vfHRnE1URGXWMhgxV5YR95dhfZtbRrjl9dGPr7wF/h120/46358192_BABOCHKA.gif)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div> 

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKqZlxhDY-KudlAYJy6oM7ZCWex0VAWspvhn-1s1pGjecTWr-AkVcp1sTxUqNrxZJBUMlx436AcUn-M0e5JHMhaNWcu08RNjaxJq0m3qe2GSZALuKQpiNoC0R5ZR7GkLNkQZsPW9SPwr4M/h120/129217876_2835299_.gif)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

Кнопка бабочка для сайта с белым фоном.

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcHmVoCKtSwzhh1pNhbctKQ0nXcvwBcDACL79hbx1JSo2sF72DKIobSOfcGWOfjeeAzugBDJMpWTRUiSilW7QCtRCh6qkQg_A_fP_-NDlPHlNouS0JYJZBH4VgoCsjaPEQLZ77-3hTHrZi/h120/435509435.gif)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>   

Красивая бабочка для blogger.

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp1DDVcZkueaVuJYo_Nm0sx_tsgBJex6Y_h-OElUv3j9y-A4dkbJMx8SouXKGEOitdJamNaxqUCzwH7kTzSN6noWgUz0KSoVhArJJW9fVw-XrgQCwzEpVWGrFqscu8Rwww78-35LDKLwxd/h120/993943505.jpg)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

Бабочка верх

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmlhcJfRJJspT7XLX9tV5d0bnU-F1CeXdxXv7dAYaRlxFX2WRGWVLmBG5567uzcROSAiM92mzaHUIS1jCjq_Ti2pGuB7XTkcpw7rppeYgjB14oL5lYuQed50t31grz9O6AbCVZlUXEsSV1/h120/c701ebd202c1.gif)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt8QbM8LnT8TeTQN7Klsv_C9w6U5TyrgA2OFTT3syj_IQre-8qDXObko8DQP0Px-QO-gESyLEtZyZwwWF20kZZ3-H4xYOEOlC0M41xqPMP8UYNd1e0bNLrXg6cNUxnaAOIY6VJE7nmbmd8/h120/avatar247835_1.gif)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

TOP 11 примеров кнопки вверх для сайта Blogspot, Blogger, Это простые и удобные 11 кнопки вверх.

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLQjz1xc92e36vGPJCKc-ZmqipzinsxlkslIQu2-UIBGcgmRmRYlV-ACqHtUGZN75p2KhQukYh46yYaqLwrkurjf_Mj0qAHcY-X7JykZAIp-lkKfpWeXTMmUgKkfXY1NJpXJSlrxwb7QqU/h120/knopka+verh.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiSTsQoTDHjUmJS_ubTDZuhnMnps9QpZ3G0RU97-w4qFR-hc4rsCvRe9bqjcRxWCUOv1piyQOwqkFfr_SuKBrkdrrBzG6xruzoaS0oqRIpYy0qFCBExCX2eOJIEQ4dUBjspZMTozuQ6gts/h120/up10.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>  

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Qk-Kb9J9bnrGHv7vkPqc6IlbE-VxvBDuNhyphenhyphenykKTbILRzG3g_g1uXINposSsS1WzouG6hNLKxB5H34wSO3-3qznfG1Ox-OI4RuAunwKY5k1vqWIqh7OEodbRxwj8CQyWuz_hdJDrdzyLQ/h120/z0bAP.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div> 

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQltrBCQss4erNupYSLpAd0HR-nBsroNmkBNqqoArEptsy4No3YcVpAVuoMhopBMru9AtiBkcdWwhuGpV_xR_brHEkdX4WHk4cojfOIpOMHVUlm-21-CmDuvbwFYR7MAF_UX_b1lsTl4i5/h120/%25D0%25BA%25D0%25BD%25D0%25BE%25D0%25BF%25D0%25BA%25D0%25B0+%25D0%25B2%25D0%25B2%25D0%25B5%25D1%2580%25D1%2585+2.jpg)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhioiXnEi4jPag2q7W1uTWkcmiWkGSNHH_piAdGe80frwrArbkCra9VGCMQPrIdKjU6ZyEj32rOuPTGVxNO0uJ0hGOKlI-5xW4CXeJ3NAjvbw4P6mURqbaXS1C9DI5EE1DCuXyGCFzdOEvQ/h120/dynamic_blue_up_left.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuMGCw0urZahhoADDmSQa14h-SpEMcCC3EHOAUv1xTpzVsd00d-TtMAMR1gE4nW9aRF5AfhOlUgsX3mlEg7kuGyAmdyk70CGF66twT2winvE1fOd6GNRLH_wipw0p-mJulqK_SLN3aRhcN/h120/str_15.gif)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

 <style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqd5Qtsjkv5kPHXKcgcblBWKvJXdcvW5fcW8H0AApeFLSVTHEKrNXMIQ0K1baUtGDyVdfp3lyu-WGLrJ_JRiQ-n9j97YsXeM_zWgSrQ6VrmglbeG6ZUfxtfavJ5tTwbbhYYedbF4hWakbD/h120/up.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggOcwm5QK6FIYQ8P9FUIZX2iu_rEXKKVNUg1tun6b4Ln4qB2grxUS5EB8mOjfzFyun-13aQAoxJRMMmZYZ08cSxSp19dJnqzjZxX0HGzNwqimPqjKR2oLGeA9i3-X6vcTHNeMqb9VCDKsC/h120/3_2.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb2yFsmcGS8tjJgMYWAN4UvAZZs9ucGYDMcTt477NMpsZugk1nXRvbUnfwwJLrjqjhbZzffgrb_QOfTYZgj_I-jg3Kc-eOCORKnEtF3aAZjc5gM5TQI6K4EZ8Oz1dJ4H8-ugExbX7iSoDC/h120/toTop.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGkPAcQkT73XcCWbhwxMD0WeeQwIhQiS1s-Aqf11k-DJWajqHi5CnSmdh1PtHinH2GtxDXwV9wOcqoaiDDY232POQfh2GEynVVnwZYdeZRkNQspYj2crWkmOvS66LXcgTK84-OMpdlcdcu/h120/Upload-icon.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjop8GG9oBVkHVpYEbTDQnEKU6FUDhAtjLOGzOWgP9TvqEYATzRnA8q6gWlPjtvHhLM4Jylhwq59vpPqQggwD9CdJ6-vADJe5X0OGcb2WFeGvC2aiRpBkwGYbI9rmiDZP8IP6LGNUt1tRKs/h120/vverh.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

Пример кнопки вверх в виде руки, для blogger.

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:10px;width:34%;margin-left:50%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBlliIVXo7xappdS4Ts-eQmZdIuZvsZgEsS2noKnMBGb5eCo0MYLIIYyiiaIbSQ_ukwC0ttXtdqTFDThxIELgEJdNWQUFSMGyVi9FWupwyG3-gt1apR7Zt562X_MXH1Km2WVl8A_5IPU0j/h120/120.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 450) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>

<style>.b-top
 
{z-index:2600;position:fixed;left:0;bottom:50px;width:34%;margin-left:45%;opacity:
 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:140px 12px 4px;
color:black;background:
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBqqPFE2kDLj0NvV9HJonogqyzTKTmXbWwOgZ_sVz-7kzhuKZF1E9cf863cT0nKdEuwbr4cv8Pdtg7jftxkBv9Z12ZIk6OnaR7-qwPIk1PJ2rHlXMwXvamdNsrYMWLT-0HrT_zyWFlwQGk/h120/top_9.png)
 no-repeat 50% 11px;border-radius:7px;}</style><script 
type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 300) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>

<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div> 

Кнопка вверх в виде ракетки для сайта blogger находится по этому адресу.


Это были все примеры кнопки вверх. Удачи вам во всех ваших делах.

 551303