Sayfa Gezinme

Son makaleler:

latest

YAYIN AKIŞI:

Tümünü Görüntüle

Blogger Sayfa Yukarı Çık Buton Eklentisi

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

...
back to top For Blogger
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/AVvXsEikMCcx6MPN414kR71udMpa1Cd12OpQK5qkPrJ_4DUBoKORTYoMfkA0KzidhILEtiLR6O7h0sAH1W_r047xHQ3f1xLyBMvi4lcVXw5uii91YzlI-hp3IajjBXQUY6zaue-W2ZzjRPfG1AeC/s1600/bttp-5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF1biHevif3FUdEncZmrOiYBYVWpfJR9n96CuLfzEWSfVcAQ1lF8bVmfXzip0Z5dirbUKmJapsrj0tbPA-3mJyEr5NpJjFmOJZ_OgNNmVXAvuc4u8h4_DFY5OAskiWh5RApdYTvEwtJeki/s1600/bttp-4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrJjmWyKF4nN27aieA6LHN4zBYTZfBBSeySX7YQvAN1W6Igb_JJ89rHgY3hjcxZ_rro_1U4xbiyCSvoqJVVn6HCGf78CGffuC11Rn2bbYiPIjZSwXC-yUkE5JKt3xhM-dvfjL88o1Ojl6s/s1600/bttp-3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-mCyyHCRtym_uA7cytxEY0qn_IZnR-Vpox33GXE-HBAPkzcHi4wpqrRLJSMZxvlOYZ9tBI2ShxdMC2l69iNzqopvP7MiBMDoIZzXVkQdd2GB8YiO1dujglyhpLAOB5KZWv6gBC7fd3LQW/s1600/bttp-1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZs5IYS9XxIfUJae8APrYs-FiNYNQnslf2L1OMrhkuWkR1QZG8hlG79bMFMfpAVcmKqa0ewfnTghrwKcEYYP93y3K-QsRsTqtiB6iQPuRZpaO10d7CiV7MwV6ni3RLl3qG2N7RsH4juD3N/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/AVvXsEiWlKUQqZ4MZhSBlmAQFg7q2_ow2RH5-LOl4-RJiaIX0G4ULp8C8AtoaWfvuuqcUyVkigcyfBHnnMe97yoSBKWhnyR9MhVWJun3k10gJ41B00flNVWi3abMO1rkoPhFOrecc51Jn3IMyvyq/s400/bttp-10.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQLfjKuckZpJW9jq7QL-BsLUjA0NQwBLWnTCJHv_e6FN9tKRedGKHthHVqdXZ-TDLZSjRIfHD2zRWWgN57dHqpmk3pek8hZls1xDXrKpHkJWDifVPCPRPgd1MVrICumAbX9bCGhqFy1ChS/s400/bttp-9.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1mK0xR4BkPz_lMdmRuKCWYVH8_aVWuYar-gL3VDshSvh3rQZhxdLTjPQL3PdYrMtXKGgxni2ngUNPV0D3ZKVBtZrZBVws2iMSjAU-34ajK82L4bGNY0fXL8Y9wZUbFFyI6FJjKZSVrrAM/s400/bttp-8.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX1FKSDekLr23CWWVLYpYh1NqXXACVdEw9t_ufFuu8ycbr4vo1JfZsIHSBboe8eTEAvigJIksUJKSVprPYJcNw2FsoQN6lFsg4-vEiCEkdXWgfYLoRMx7NGp15xRo1w7EiAXqfNxSNxaA9/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfykvwv4JHU8eFc7gxnAcplcCiCv2lMxe6IL2x4Q0W7Arclhw8KT_C5oKJcaDt9BobC_uaZrgGxM6TOaRsSVYva9-MXihsK19kBsSJMd_dx8zU__Gy5jhRwXC1S6AGSNH83Hu1-JSwx34r/s400/bttp-11.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2d524VGWdAcqWgFs0cJDcIm-hPKBKwenx1rSGInOIXoU_pnvG2-S5ld2mbF3aALMPo7v6JMDeA8zLLM7Q5mVgRJP9ydD41eHNGt0u8qPr5iMC3dot-z5_U4LqzeWAtDo09X8AyraZRY53/s400/bttp-12.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhySWKz-BOlrF7_b_xPhPLQEjkydAh66yQuow5NCmYRTBXAc1cE26gg6431Pm7qQbWjQWbXPbie_6iB_ODjSC4g46PF52XEkR8D6Uu5ZsWT3Xjh_9RZEu5RQamnDHyvLjlzkju1nVscWcb_/s400/bttp-13.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOFy4e5vNtkwjSlKpbQpW_5jd9Hy-L8bUaxdxuRIFSNDviEFo3bA89po1fbjgDXYtodUr5u4ldrAD5-oTrHd-GwoZY_5Ggx7GW8_omDOAZCvB6U7_58yhQ2VecWJHAg7doW7b15ZfjS9jR/s400/bttp-14.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUdTNq5Nm_0beByaMaNW64GKL4jeSeAv25PgBOL0ArpJ7gWogwtRWD-xt_85lDiHbQVZKmxZFGzscoK35Vm6b_BLbIuSbWdr8vjZdEUOwM0wmIltgNrQd1KbaSqxZoRv_pkBgxT0rRdXEh/s400/bttp-15.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW1P7qij_655zs6jWHMQQ-et3Q2lU0jAsw1Uwsjq63jiUFodECLfLQVwoy7P1VFgxzMG5cAt_glo03pKL1Zx0GGti0ndpG9TvlOQ15_5nztbKd-1GD8kXDQJH-EMpUvfZYRZ_yByw9XDmJ/s1600/bttp-16.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYuzpiDUSQEPHdiqaNjXdjYejq5ngodUXwGpkEUqU6B6vJ-MT5pIzrdYMUV7SkTsLnRyNA8okMp2ilK9IBsws0V8aRmO7ii8VTJmHHdNnSovIyMnOwB7GG0Vnoqh0ow7dQZUNFgdPnvft9/s400/bttp-17.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDTMEH9tT_va7h7781SwjG_yvu6zRoJficiPi4nXz5jSthM3ujO_xdJJ-eYWHuiL-_M52n90hqaorHfw6J8f98CQaemrqDXjrMwfamTl21h0uQPYpzXywBbijtwSAcE6xe8TM4R_Yi-eq1/s400/bttp-19.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCrDz2or7p2N5vCNVCsjwPD4cUO-JOoFWfDUmG8qbogFIMSkpKFS3EDpc00tSWwmBsfWQ8kJTkA78gj4oWKHabCgL_dcae533Ej3nZcy7m3BkBChPsveSSjTIk74pDV6SQpKzEG1OMt4Dd/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/AVvXsEjCrDz2or7p2N5vCNVCsjwPD4cUO-JOoFWfDUmG8qbogFIMSkpKFS3EDpc00tSWwmBsfWQ8kJTkA78gj4oWKHabCgL_dcae533Ej3nZcy7m3BkBChPsveSSjTIk74pDV6SQpKzEG1OMt4Dd/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.

Hiç yorum yok

Fikirlerinizi bizimle yorumlarda paylaşabilirsiniz.