Belum terhitung satu hari semenjak saya memasang icon Back to top, ternyata sudah banyak juga rekan yang menanyakan bagaimana cara memasangnya di blogger. Icon back to top ini sebenarnya berguna untuk melakukan lompatan dari halaman paling bawah menuju halaman paling atas, jadi rekan tidak perlu lagi melakukan scrollbar pada browser.
Caranya memasangnya pun sangan mudah, silahkan tuju pada halaman HTML, kemudian letakan kode dibawah ini diatas tag </body>
<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhObAaUgOb4BcDhYsp7quNmThxib3IorpG4JQhZoN4P9t-n1fiJKWKuzaGTNMgctEUq1qASpyY6khyEL7POBqFzAW_s8lTV2gbGMujADNGrY4SAdUtr-tlo4UQbDjuX3lovM_Gfw0pqlFgQ/s400/Jumptotop2.gif'/></a>
Trus apa hubunganya dengan Iklan Float image?
Rekan tentu sudah pernah melihat gambar yang posisinya mengambang/melayang pada halaman web, nah sebenarnya script diatas tidak hanya untuk fungsi Back to top saja, jika kita jeli kita dapat juga memanfaatkanya sebagai Float image..ups ribet benar ya kalimatnya..intinya untuk memasang space iklan. Gitu aja kok repot hehehe
Posisi iklan Atas-Kiri
<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; top:5px;left:5px;' title='ganti title anda disini' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs2bCPj3dHAHcflh_bySzwtAwlNFKZqfkWten-5G9w74U2duNrjbOrnAQeV2oCF4CCz0YdHTUtIMm6a5_DCQDpZzToY6_DTc7CVmGncKXD7PrmtYZg5_TPfIoxdka13SiZe3AMTnZFoIT-/s400/banner.gif'/></a>
Posisi iklan Atas-Kanan
<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; top:5px;right:5px;' title='ganti title anda disini'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs2bCPj3dHAHcflh_bySzwtAwlNFKZqfkWten-5G9w74U2duNrjbOrnAQeV2oCF4CCz0YdHTUtIMm6a5_DCQDpZzToY6_DTc7CVmGncKXD7PrmtYZg5_TPfIoxdka13SiZe3AMTnZFoIT-/s400/banner.gif'/></a>
Posisi iklan Bawah-Kiri
<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; bottom:5px;letf:5px;' title='ganti title anda disini'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs2bCPj3dHAHcflh_bySzwtAwlNFKZqfkWten-5G9w74U2duNrjbOrnAQeV2oCF4CCz0YdHTUtIMm6a5_DCQDpZzToY6_DTc7CVmGncKXD7PrmtYZg5_TPfIoxdka13SiZe3AMTnZFoIT-/s400/banner.gif'/></a>
Posisi iklan Bawah-Kanan
<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='ganti title anda disini'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs2bCPj3dHAHcflh_bySzwtAwlNFKZqfkWten-5G9w74U2duNrjbOrnAQeV2oCF4CCz0YdHTUtIMm6a5_DCQDpZzToY6_DTc7CVmGncKXD7PrmtYZg5_TPfIoxdka13SiZe3AMTnZFoIT-/s400/banner.gif'/></a>
Eksperimen Lanjutan.
Jika ingin bermain-main dengan kode diatas, rekan bisa mengatur sendiri jarak posisi gambar dengan mengatur kode bottom:5px;right:5px; jika belum puas juga coba sedikit bermain dengan menganti position: fixed; dengan position: absolute; position: relative; dan position: static;.
Selamat mencoba...:D
Komentar :
Posting Komentar
Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda, karena setitik kata komentar anda akan sangat berharga untuk kemajuan blog ini, Trims atas kerja samanya...