Kumpulan Desain Gambar Back To Top Button
Kumpulan Desain Gambar Back To Top Button
Beberapa saat
lalu sudah ane shared pentingnya sebuah upaya membuat sebuah blog yang
user friendly dan fast loading. Salah satu caranya adalah menempatkan back to top button pada blog tanpa menggunakan kode JavaScript atau jQuery.
Di bawah ini ada beberapa kumpulan desain tombo back to top yang bisa Anda gunakan sesuai dengan selera masing-masing. Ada beberapa model yang mungkin menurut Anda sangat menarik, atau sesuai dengan pewarnaan theme blog.
Caranya cukup mudah kok. Jika Sobat belum membaca tutorial sebelumnya, maka wajib mempelajarinya terlebih dahulu. Karena tips kali ini sangat berhubungan dengan artikel sebelumnya.
Nih caranya:
1. Baca do'a dulu kang
2. Masuk akun blogger
3. Pilih tata letak (lay out) > cari widget back top yang sudah dibuat sebelumnya > edit
4. Cari kode di bawah ini (warna biru) pada widget back to top yang sebelumnya sudah Sobat buat:
Di bawah ini ada beberapa kumpulan desain tombo back to top yang bisa Anda gunakan sesuai dengan selera masing-masing. Ada beberapa model yang mungkin menurut Anda sangat menarik, atau sesuai dengan pewarnaan theme blog.
Caranya cukup mudah kok. Jika Sobat belum membaca tutorial sebelumnya, maka wajib mempelajarinya terlebih dahulu. Karena tips kali ini sangat berhubungan dengan artikel sebelumnya.
Nih caranya:
1. Baca do'a dulu kang
2. Masuk akun blogger
3. Pilih tata letak (lay out) > cari widget back top yang sudah dibuat sebelumnya > edit
4. Cari kode di bawah ini (warna biru) pada widget back to top yang sebelumnya sudah Sobat buat:
<a rel="nofollow"
style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#"
title="Back to Top"><img alt="kembali ke atas" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJnQ5HXdvAEqhWk9euKb9CeKCorXDB9qpyxgRBjSnLmFQe6ppwO_wnMFBmiKeNrd0Gk59609FQGt72c7dhTKG5OLRfO9SdgmBgkMC-6fKkUbGbGyfnGzslvUtHfh1D-SyYmkqPCM57qQ/s1600/back+to+top.png "/></a>
5. Ganti kode warna biru di atas dengan kode-kode desain back to top button di bawah ini
6. Simpan
Berikut kode-kode desain tombol back to top:
Ini
pilihan gambar/tombol "Back to Top" dan URL-nya yang bisa Anda gunakan.
Copas link URL-nya ke bagian yang berwarna merah dalam kode di atas
tadi.
.png "Back to Top di Blog")
.png "Back to Top di Blog")
.png "Back to Top di Blog")
.png "Back to Top di Blog")
.gif "Back to Top di Blog")
.png "Back to Top di Blog")
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiptiV_a103bcuYmIbFVQNnZuilCPhICXbsXOOx1I2S73DA4j3e0GyyDfVM_G2V7WNLzvnb0xBtoj1SFgTESiP5Z94AkTG68_EbT7a9o5p50T1OFgXjYLjeiL0FMtRmqG7FQGTCsHlIMeA/s1600/back+to+top.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2JUBTwZegxtC49C7OhKrmgxUfP4doXvvjydVi3qG2uIKo0V2kpXp7h2nsPbq6hxEgI7eo5Ic0HfQpphQIEcgOBzWnYU4dFzPm4_7OMi-qcnLtsaKgECyeIWZFbt7ZnPVeQ1C9RcjW-z8/s1600/back+to+top.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwmfqUQYvGd9fwRnG8DJGcUGAzuQRgr4c8F0iW0np8cJPH_7qIKtfn4RN7loILvB-Zqdyt2tRrdKLsF642d6XIjTNvq3c3c6wJMR3SI0av3ZzzhbMi5JhyMTDz2WBWB7rrG3F-D5tMe4U/s1600/back+to+top.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTiPC4GuIhVsMZLL-N9zY01uJHzAV6adiKJE6rNM4oxT1MlLYfi7xBF54bLgfa-CIivPddeIaBOfmcmarkCd4P1hcYYCXJWB9CsYpULBT6YGQx7NqbiX_0Id0OKoZPzZjPgb7xpg5Fb94/s1600/back+to+top.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCPy1j6eRqGBzYrKKfQjPReHZyU4FZufZyl-jIE4SM0N_ffW13zTanQKvG-f6gQxUr9eX1mheBAwBukvFKpjo7e1sNBLd6w8bguBa8sxjEsyrGmEq2B0Qyge_DEjxEbXstsCcdsYqpRG4/s1600/back+to+top+button.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi270a5sC-kSi6OWi_JrlaVqil0EgQyvrENhVnqDuLFqM4ZBB0qssuqBJNHMCdOVynkZuu1HHAyXoTsX7kJYxjr_kTgppFJutDSkPpgxZ7PN0NOwanXoJx_5_X2Enz3eLEEC5Zjrlo75nA/s1600/back+to+top+button.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhybPf7M763drCx7Csi_w1Y8iIsr8r3d9oOhBGgmNxN6-nJCKpZlrtEsmFDIKNoW3iE3sLIEAGePtdDmgrHUf7sRVfk_JZeBGNO9nF3V-mxo13-tXwc6foSkXQhy6E4qJ1D6KX7jrLTX0A/s1600/back+to+top+button.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGFo7lskq9I01zFySGkFJxwP-zDUnlWcl2ps_nzb4bTZIX_bWdSKn-6Qjk-pvjE3KLAmfJI-Obaxx_w0tcR2Y_4wwrfKQk0663s4anaFhjqCGTzBVZTBd-XNCKwWoN8WNwQdHnq_g62QQ/s1600/back+to+top+button.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJnQ5HXdvAEqhWk9euKb9CeKCorXDB9qpyxgRBjSnLmFQe6ppwO_wnMFBmiKeNrd0Gk59609FQGt72c7dhTKG5OLRfO9SdgmBgkMC-6fKkUbGbGyfnGzslvUtHfh1D-SyYmkqPCM57qQ/s1600/back+to+top.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLVpvDfhyphenhyphenHI9lsEWE1HvNR3eEzKztYvm_DCg1WWGeYoaBFcBYqbD8TUIYVfF5mTvNndIDkx4EZI2GiryCBFTQdF3pEO9zS8OzltWQ_aXRlbMBYTcGuOp4B-L-lqjKsx2tB3aOpgD0Cmc/s1600/Back-To-Top.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqBrXnGN669eqPJwvTZ696qYbJyDyP0AmYBOn1BPTcyP5BNVhTDHqsIvETWGYxzyQegCOtpWrTELtDKRrNatKvetY5CZAC-j58YBeXLNqDDJjXjLkgiG2uFOQCen5bVkiBDkrFh-IbwWA/s1600/back-to-top-button.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinwAR5fgLrmPreuC1c0okWpJbxLoOVjmKuvS2bQEDOSVRPb5WdHHeS7vR5RJV2OJcLf47-ORPqhi4p1hhNzettCKl72_UFNnTVAkybB9htWe6M21hMX2lt12Tf2wPirVlQoYwmSAkXdlE/s1600/back-to-top-button.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC6yg0hdP7HJXwfgQ7ogmbDpIx7nELsOcBDl5dE7RJ_yf-xu7EIpchWw6POmdwkCnPew9Ertf-I0g0SQERIc0uH1YDVZ3mi3AKy37ibL-GDsE2FlzxClJlhpUkwMGqmbB2YVPeYpv3hXE/s1600/back-to-top-button.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO9a2jjVXE7BFJXVDEs30oINXlOpE1Bw8yj6YxNEhQfg4ePqf-7VG2ow13hKIEI5FUl3ulhC8VoYrSISMXJaqxw8xLv42NcjHovzFvf5qbgVqMzJjfxQuFS-ZOApdBqslk6SKaGWwdTNA/s1600/Back-To-Top.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWl8nsVSfjc4GpvOMVjRgT4ey-b1b2FTaJlztL5VOMQ199DBIaEmDRPaiqtUl-ubj5bUx7_QS5aa-D_HoJhCTj6lDGgF5FJN0EQ16HnzQq28AsLpVQ6m94vRCkWFftZueHC3_iHv0Q3l0/s1600/back_to_top_button.png
Keren-keren kan Guys desainnya? Yang terpenting tetap keren dan lebih kenceng larinya blog Sobat. Happy blogging.
Salam.
0 Response to "Kumpulan Desain Gambar Back To Top Button"
Post a Comment