Blogger yukarı çık butonu back to top ekle

Blog okuyucularınızın sayfa yazılarında rahatca gezinmesi ve bir üst sayfalara rahatça ulaşabilmesi için blogunuza alt sayfada...

...

Blog okuyucularınızın sayfa yazılarında rahatca gezinmesi ve bir üst sayfalara rahatça ulaşabilmesi için blogunuza alt sayfadan üst sayfaya çıkmaya yarayan yukarı çıkma simgesi ekleyin. Blogger blogunuz için yukarı çıkma butonunu nasıl eklenecek aşağıda inceleyerek blogunuza uygulamaya başlayabilirsiniz.Blogger kontrol panelinizden Tasarım> şablonlar> html düzenleye gidiyoruz. Aşağıdaki kodu aratıp buluyoruz.

]]></b:skin>

Bu kodun üstüne şu kodu yapıştırıyoruz.

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

Ardından şu kodu buluyoruz.

</body>

Bu kodunda önüne (üstüne) şu kodu yapıştırıyoruz.

<a href="#" id="backtotop"><img src="resim-Url" alt="back to top" /></a>

Üstte gördüğünüz ‘Resim-Url‘ yazan yere aşağıda örnek resimlerden birinin adresini alıp yapıştırmanız yeterli olacaktır.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNY7F_KRj5EbCqldIeQGNMFWL_IMJET4MtA0lpo1goSNSbIFt3n6Qv7gUsCVmPWw7hTTQborOu8-MdJbA1n12fMPSALqU326SdriP36KnVP6CPhhi-Z4SX0df9fY7FSekmT9AjF6VrXR_U/s1600/bttp-5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdDPuF5IfRfWjw1vRIV-8OWD898lw4weBq9iQ9IB94PhTRQOvTuTg-v-cY7DW3t9UBwY_toFSjTVz-vPf9Zo4QtHtvPw7RL3DB183tNjJOu9-KsxYOtIHUfHw80lWrg3irAj8o2mVl444l/s1600/bttp-4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWykFzX15qhGWkqqrpvfun-ofe3xKIS87ninVktyJfk5FSY2JthUgZN9i6vmUdjq0L3fPr3bif18J2c80pxG19hwjLHTvawcUSaN1wema8Z2JdKxSB9hHgeRUWDUXJXAnHD8CTnMCd0rP1/s1600/bttp-3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrjCAK2gAB9W1USIalKY7jMLKz1D0xFMv1MNDannZPUTa2noqZZLFtcsrxc1hEVITZLNM1wMhDVPuge73-5bOt4JBxghCL62U_X51bR95wa_wd4tT7adkt6UN2p0RcaMVdISDYAlcQM2T5/s1600/bttp-1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1UCiaPnC6o8TcBEr3FBRElCb-efmJSC58mmMJi9upMZNpmuDA9jvlYxPFltqd7WF2MzQjNG2r_iVve3rNs2kkGDiynUiz7PvfiKK2Ii9wybGwgrGMAfacBlcd_dHFwGO45x5US2UkgyUY/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/AVvXsEinaeIgq62EV1N8_wFmjV4zM1ZzNaYfbenEr1R5_O73TgTx_EVqGcF1pH56ZYYw_aEVJvLt48SHd0DLxJVumFoMEr0esYMKZLFLlGY2YV1OqMyE2jklVrsIwZnViZret_LvYbT4MgQtN12c/s400/bttp-10.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmrcEEDKB5Ql6D5t-Hi8CKwh6JdmhH8rpvWOZpeRbAC1xSP6tPsfWbPM75pQueq2q-VdtHkb7QIxEJNFpubZXqRJDlEv7Ljt94vwYmzpdymrdjemGyO0-33ZPHZfkP2gfOQme49yLsMHO_/s400/bttp-9.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz_8cB_v8bhUDg7IB58E9lexBSs8P0739Q3J6osq4FR2PGzPxZXoka-yD223s1sqQJsdTf1VF_kPMB4qyn8rGFmo9Oocsi5c5En11plBh1kvboN6yAf4D-BTBoamUO49tJnNQM_k2a3sLX/s400/bttp-8.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6PlykUSTRBhz7FK3RCX7iwe_tYEJXpfcGtRKx6M5w4s70vNEsCyRXVfpciqckf68yJqK63DOyzzZ1YC5suEeuVGpNQzeL5uHgVdmS5mu4-TKSRMAmJfAcBVjs17JonM0HDPluaqpSAHRP/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXBkJ-UqRNcnXsWoEz9Wgq1nR28uFABjLhPJpwmxuWNOxl__oAoGAxr1RqSUK3t_5wf0MkBlxPrY2Mwz9XNlhLhw0tGuhvyz9hGiFXIZy1HosMU5NKzDxV7A07Ft9sx1e7kplrOd8H6I_v/s400/bttp-11.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmGfG-qJk4Dk31wVrunFblWCbAzbxpchu82sj7dsp6dYfzG5uS2namCsOQuGZM7ZlJn9WVYIAsqErXcGk_Gspu0geugcF-AJ0LKaKrcNJuOxepX73lG9lMiJ7E15bMSLiYHlNNEBvou8fo/s400/bttp-12.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMV4Jn6BrwwWjIb8ltCzUWZrktUbNERsdq4cVGDbd3uEs_24n0f0Rev8-WqKq1vreURjIvdyz0tfBwDQBjQJYNz7pDo-HOJJiZA3iOa-22dHvJj2OZqYabhkE7J_rvbcxf5CXuq6Ex_u8n/s400/bttp-13.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXKensNI5kX6y98FJnE1Zzn9Skz30iZgjfhIHbBek18eKcZMOyi3RN0782tKlsPWg5E-m5mHUYqKGNTen6-76UBN2ZtiVvw08zMxh6XJU_OtHSDNhUqg3Jt1yyNuUZYW3j5ofnvdkRh-97/s400/bttp-14.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiioDTYUDAeWvgDs4Gan-xynCnBkI40eq5Tc5iWVtaAN99WGeqFAf7MmgJv5RhioY7ZPilGTkOnrdZFsRPlUYFBTyDVxoOUfRQaY6iS6Xo1Om3oAXYvQ5OkaNYfPAhpfODJ1fy0JVYlpOv/s400/bttp-15.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCJ9NC_OV4g2_PV62bKYvj7zRSLm9u-K8nhj5dIuG41cpIxIzSaUSliTJcHpeEdYmm27JS3aFwq2yGNsvAbG050Zcj-V3C8SArkuf7CHdvty1qInzyC0FWjeJHFOAWBZ_3LQD5lmDLluaK/s1600/bttp-16.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9J1uyunWKTIUcPssftcpyf70Xqe3IwIoOhgGtBzdY0o7z7UUK4BMm48u64dZNAqqMHA1HjTWVu_wnDJOVwR6OcTbKY91DfaUqe6Q5_tnB-mQTput2uOnpfh-OUA13lmKu4mFKfPKu3yck/s400/bttp-17.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7TWPbDyIn6nOmoZM79kkYPWoo6C94CTroBZTSuaX4nHJGi8HJ79YmKKf7jWjXoX7KTtixMokNTygPsc-o5N_ou_QEJoMJyY6vyzncK2lZm5np06L6pi_1fRNHb_AlIeAfrQsScfMjLzh/s400/bttp-19.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMjgp7qk9LaPJ5COmLiX2zCMm8eZlJ_2hQksA1yfk1_gnsiRokt0RAkZTULQyb5l04cyLsUKYZZIEq2Ve6SbRwImPhUCJres0KN83OwNhki-cp-EfoCV_t7wSo2_L4ooX2BWGJnpWeRyM/s400/20.png

Yani kodları ekledikten sonra en son şekli şu şekilde olacaktır.

<a href="#" id="backtotop"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMjgp7qk9LaPJ5COmLiX2zCMm8eZlJ_2hQksA1yfk1_gnsiRokt0RAkZTULQyb5l04cyLsUKYZZIEq2Ve6SbRwImPhUCJres0KN83OwNhki-cp-EfoCV_t7wSo2_L4ooX2BWGJnpWeRyM/s400/20.png" alt="back to top" /></a> 

Veya sadece yukarı çık yazmasını isterseniz eğer

<a href="#" id="backtotop">Back to top</a> 

şeklinde de kullanabilirsiniz.