Back to top или Кнопка Вверх

Привет моим читателям расскажу вам сегодня про удобный гаджет, ((кнопка вверх))) или Back To Top Button To Your Blogger. Так что же это такое, и зачем это нам: Кнопка располагается внизу нужна она для быстрого перехода к началу страницы, это очень удобно так что же нам надо что бы ее установить. Есть несколько вариантов ее установки, можно поставить вариант первый заходим к себе в блог, переходим на вкладку дизайн нажимаем добавить гаджет, выбираем из списка (((script html ))) без скобок добавляем вставляем в него следующий код.

Нажимаем сохранить виджет готов, или вариант второй в вашем блоге переходим в шаблон, нажимаем изменить html , потом зажимаем ((( ctrl+f ))) у вас открывается строка поиска вводим в нее.

Этап 1. ]]></b:skin> далее код что видите ниже копируем и вставляем выше ]]></b:skin>

#backtotop {

padding:5px;

position:fixed;

bottom: 5px;

right: 5px;

cursor:pointer;

}

Этап 2. Далее в поиске находим строчку </ body> и код который ниже, вставляем перед ней.

Этап 3. После этого нам нужно будет найти строку в коде <head> и вставляем код ниже после этого тега.код такой:

type='text/javascript'></script>

$(window).ready(function(){

$('#backtotop').click(function(e){

e.preventDefault();

$('html, body').animate({scrollTop:0}, 'slow');

});

</script>

Нажимаем проверить сохраняем, на этом настройка закончена что еще могу сказать, я когда ставил я ставил в шаблон, и штука вся в том что есть еще один вариант по моему самый простой. Мне не понадобился код который ставится во всех этих трех примерах , я сразу перешел к строке </ body> , и чуть выше её ввел такой код:
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><a title="Back to Top" href="#top" style="position: fixed; bottom: 5px; right: 5px;"><img src="URL of Image" /></a></span> <a title="Back в Top" href="#top" style="position: fixed; bottom: 5px; right: 5px;"> <img src="url- своей картинки" /> </a></span>

И все на этом установка была закончена и гаджет готов, тут в коде есть 2 важных места которые надо знать первое место это ((( right ))) - без скобок. Меняя значение с этого(( right на left )) вы будете перемещать ваш гаджет влево или вправо.Второе место это обязательно не забыть вставить код картинки, вот в этом коде "url- своей картинки" а то у вас гаджета не будет не какого.

Примеры кнопок ниже:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBzg6-_NBSMMDaNR-aeFvHn5o1l_e1FS-Vk8p3pgVErkLITb1i9vnoWgKdk_-x2nI6udLpjlk3RjwRIhNOatD1w-hkcU6JFGztSfAcP-cMWav9ut2zINDz6N17lQcl3qb08Uxw7-Aa7hMu/s1600/back+to+top.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic9ZLxCSsUL9Baj4jGpfomuma3-fRGyeFjq1I4Bo7pIKuyvBTaQSCVcvNyR175cz7lWQWDTcxPNBWI7Vtc3OR6mG-pXSRBF2ItlH1MKw6WM0Z_Qy-TzoWKzcTJo_6gsERZRwvgBaMpKeoJ/s1600/back+to+top+button.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8n2HkVV2MkWlr0c95rxq-0zzOuAGnBcVoVxO1cj2qzCUMC0NewYFDTbjud0t7ddAQqv8mMIRhTiJmDtMX_B-Mw4iOXQ72Z9ck-cz4H2Zd4Qn3qJO5YHTzJdr0LsQmqRQ2tgChtoawxjbD/s1600/Back_to_top_image.png

Image Url : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnS7p3CoYNP8jVDX8sCLB0nDHkGsZR20IYW2zjWbCqR5KYEH5yEe6Md6CRLBYU7FnSFfWW8DzkMOYAD-fdQCUWZcaAnOs4aWPimlJbJlPDoDnFPgxqMUjnWQm2XKolIdSqSI-mJr12cFjs/s1600/back_to_top.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6dj3nUQvqRKYLFdILpQGRuzqAMMvd4R8kTyYtPSZ7lDo5Lfgt_rUsDJPHT-bO0-VUphBxSV-_ZeziNPs8W3lTL3zlKpuwX48x9anm1EphxJeCjncxgMAEiAhCQOZYestZF6f3T9E6RuBd/s1600/back+to+top+icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEtLFU4t9FnEAfnhE5LInIbnsP0Iz8rVgxF02yrZLflz2ERjmAgPbmELp5OKlho1bhvAr2IZaG93wqlFFCG3OHoJnVEF-l1XIxV-wAkTp1fIaVhGpd8vpd_P3yeX0zDwAJ_IuFIRd36khI/s1600/back_to_top_button.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv80m_yRdfMVsO7YRDIRT2PxeRx0jTSkGHtgZfRmP0cC2sdyj1RxiiGDiGBFHy1Nm-dzQr482B7Y-OvPq76h70u38yxuh4G7DMJavUEFontditn2COi67qpL0at5sedtaK3ZMAMiArkOYa/s1600/back+to+top.png

Image Url : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOt4OvgTpL_jHtPdF95XOTZlEEYBKOVCWso0FS3VzjPh-PeL4dmYC17KJc5HrPL5Jd9kDudHoODsdbPCx0w8FKWcf1kHKhJaiRClNklEoIP31v1vRPozTAfT5evCf01qBrhWltWC506rS6/s1600/new+back+to+top+button.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKX6k6sqOhZg5lLOHrkAmTk9U5KPMAif0lcDIRIJBE4dVU-jaNDQMkkDo0SxIjB-Nz4ELXrMEhWDAUd7DFCKvtaqQM2rkT8Qqhmgbm5njCdJN7uUrnYqtWL_NTiGa3ORVEeGwYj1ckEmy/s1600/bttp-5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghBy2D4ezDtOq2OxhPCYCJCAnaAX0v05rWCuDdFJAiR13y8D9ZXXmF8xjQtXVk8atFQIQRZiswJGWS7aRRHlp-NG_jO84sjEbOA3xGMmpJX-yXKP9iS15ODewnOliZmovr9wyFrAUGFFjH/s1600/bttp-4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0JuE0bbrKaqN_m03RD7vu4ywSxoBC3PbKUzoMpCK-v7Xy0o166H5kueYTK2fH8zCB2g7dYdxJ97TYTUgtyPy8fvcUp0ihaLNiNx0fwit1-HVomg6f_B3OGthsv00o6pwLHKVg6-zW_jSK/s1600/bttp-3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpgfr3YnYxd0QH0zJoW-9BaPR5c3VwuBwkKYdgXJlJZ0CbIxas7eZdzJG6AHbBMkCBfu35UerEJ3p8lYYC5AZIkfbyFcaLQr3plIHR79c186t731GlY2-fDXw0t3P5aD7XGGhtsU5myjCd/s1600/bttp-1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdHb_SQ98QBD1w7TPp8iFD8TUViMDH2bV9NGlhINTKjCTmI1L60DFe1q2V_myobNsdMlK7MNuKBV_QKHjpII2Mwu3IYgaNiaUHTPPCUiF6b9oLt2ch-LFihjqQ6HzIUVikzsISs0Ax8QB5/s1600/bttp-2.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-6.png0/bttp-7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdhiaIX6gPm5ijeq16htdVrxndlLimI_EBCYIE0kqR1lu6LLRr9Sgx5mj7K5ekfOe5FRa2cdMThjBDQUlhfuiO3A9cwM-hJ58EHWvwduUd1mDXNz06P_oJ8gMTTWgFh7CrftJ6kCCmEk_6/s400/bttp-10.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyRxXPAbc83UP-rxNlsUpG2ji_O3CBEhl_HUw6sEOaeKDZctaKmWaoOnnyy4KVC0n0UqAJvD6NJb-JFDVbzXsef9zwLEJOVH496_lqwukLicD6D48kZGlKXzS1n-Lwl_gAL1Gy1w6On_16/s400/bttp-9.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHpxtmPT3qgX3fYQXftTpyOCac8jwb3CDNI2Tkh0l9MtQ_9FminNxBm0iouw3SyZQQKRItIGVKXDqjWlHUOEXtUUcEmlRFWMifOpVWtUF2_ldwaoduxrEsAXWKmwKGjcYSRc5E14kqzGri/s400/bttp-8.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbWNdmhkeuhHbM3-pdRB_216geR07abyin2t6ClYT6ANgjyVBWcW2X5C44MKRz45iPO7Rmr2P6dsxazIJgYND06xIPyvbZB8RrytNklYPfZlP5n3T7J3MsHww-JHk06OSGwx40OLVhNGLF/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI1rlzovttpm6c9II7RV8rxGieNZveD4T8msmvTBGiMYn4KW0ECdoQp3tuozY05D6ztkH4zWmnhAFGLvhMu2k8d2G2hSBqJLuGhPuP1M4Jd-Q__728mrjHI1rJNLYb6DNdEawSu9mUgqVS/s400/bttp-11.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibLX1-wsQrCpsj0YOfS0d3CBRO45uqZLXLNLuHTF-4PaAdUJa3O5tRfKDoNQI5YgH1z5Jw0Mn02R0xt-Cy-Hj8ueeAkfszZX-3CmXvw54fITWDKPjKBphXugZHUbZq2EN1FJ0Az4mG4_Az/s400/bttp-12.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF8hKMfy9dllUfGmxtUwpvCt4mBxSJgXCybQ_GWLG_DvWXdgVrBzt56lbzG4Wcjd3WtCpXXxekS0WtXc2PxqDkfA7ognAjjqkg53Z5Lwz-PDe2C5HBKiMYVJ8yQvKkN5_pQ1wZ7TfYKMEp/s400/bttp-13.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiL1Mh3IPrcLN-gSFNlIogeBZEZxj_ghTIDOomMtSwuafXd9JMRFqUfZPfPc14cprC0ID1gqAJmt9LYDjeYKi8K9gnVcQgDjGsFv8KTbWALBmmolvPiQgVGb6l5xtqyk_MWfcHGeJYLcVl/s400/bttp-14.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijImwDZiUdm8QY-HOZMBuyH8uNFaCJqIReVwlXnTheVW-6QL1Qx_REeNhogYJxqb55HNPeZhtQekYhBuTCjC7w_zhIt2-4nzGjnptk6A6Z_WGdc9lQudCUBgz5wRMv4m5FryBb0rYEq2IR/s400/bttp-15.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsZ91oE2oAydC8c6FiRX20_gImCrp8gFiGirFqb3rcJKpWxhlNUxQHAe7133WV471rs0GmkRLrQ-E02kTHXv_EBV9M4MBzwdKSczzgjhGTGsu7EMPzsc9SbD3gj6Xwpda7VBWjgr9bSkjO/s1600/bttp-16.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihl5Xd65PnvzL4pqcgjhSCU0c5D7S4PNKjzeUrkVwUSV1qlWXQbrHcPsrj4_cK77fYFzD-uJK7jcg3SVB-KL_75-kbaTxnfOYrVc0gi-nLaJmsTOhmNN-pWpLj4K1y2EvnKvZojfwUD6Qn/s400/bttp-17.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbViGOZVOrwfjMCBhQl2FKpf8YixMTqdMFDzb-1eX_iiyqv8JpTIGYI9UC7bmH6a6gt_iGpxxqFB3mi9JezI9H2-Iyhy0Jz17tCBdDaGX-uqZklJrkRrKTFuWclExxaOsPR3h1f2oy3L1O/s400/bttp-19.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiULBdHWF2w53wwAs2PJ3JX_rYkjerSrxwJqbhO7YobxHEcjZgdTDE08PothgVNesMqB_An5p217m56YK7ofycRdEMsEXMEkU-zuRx0aUQ_UCa-xmiGnjJXIKqCIvzbr-f56xzUTKpD8S4c/s400/20.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjT8nBdFbfacvGylppK7NZitGWRSeJpQ_DWLGRaIRV7OHewjHNV9CS_LYdZ4elbLcElz0Jy4x3PU5Bww2icioQO9WsMGgxfk7HBDBJMss1JVuwmShTv8Wzfr6eMGYERG7uBxBd1tGmwb0/s1600/back+to+top.JPG

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivSdpviO2K9Xk36BT3Dq8B8NdFXzg7kL_2n6Tp-5pdsrcYaOnyTnFL3guE61djbHNUh-hyr5f-b_1mKKrw9Pex3BWOMv7eR-BuBaSQTJfCyjwuSEIeWhT34_KrVHIvYDTK8W8FUSU0Eyc/s1600/back+to+top+1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnQ-Ya2ShjZanuzoh_2ja12U22EE51ewhft3ULqofnU_sXHaRu6H2Rqh8zrCOfd3nEf1QqGNBgAgs5TeHDRiz_9XNHQW3oBQe3Bs38WSZPlNzXbe_iCF0JAW1qBNFm8ZNDGLqeiIbqmac/s1600/back+to+top+3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDtMUFfBu9ikfZ9EdMpBO-6GGXuJHR2tl7NFAcwfvzK3xDUlqzF2W3yjebaZBIKIHXL9UVVD5Tvt4t33txyD-oRqCh9qsMf8gwoPMPVaqX-R2E7DhoxoXyKWOPjXAFcsy4KvW0Bo9228/s1600/back+to+top+2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEyM85IhtTc_1bTFMbnTACzlEhYK0gkvYK2gpjfHUo1oZ2Ey7Ls7Qu7OqMOqDsqEazgnAxpa44rBwrGbm9ZE2y18PIRY2oPWPE0jrtvHahV6HkXeJ5m60hovndPyirpxzBx1vt29JOyqQ/s1600/back+to+top+4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk6VH_SEoLnnPPeQpsFt7pUu5CJIlj3220Nkf_8tdrfbgMFDVCpa08fIpqDXZeIN1koMvGDIL339wPImIOHdPHqFN392vqs8LAzhYZZ3GOC2-FjrQIWNurY_OAHnwO2pK7ndumI7WpYAw/s1600/back+to+top+5.png

Cash's from program

Будь в курсе событий!

17.04.2013

Back to top или Кнопка Вверх

0 коммент. :

Наши отзывы