- Back to Home »
- Tutorial »
- Button "Back To Top"
Posted by : Unknown
Oktober 01, 2013
minna~~~~ uda lama gak post , kali ini madoka mau post tentang tutorial nih , semoga bermanfaat ..
Tutorial pertama yang akan madoka post adalah Botton "Back To Top" pada blog ^^
Berikut adalah tutorial untuk meletakkan button "Back To Top" dalam blog.
1) Sign in akun blogger
2) Dashboard > Design > Add A Gadget > Html / Javascript
3) Copy paste kode di bawah pada ruang Html / Javascript tadi
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar button"></a>
Nota: pada url gambar button dalam kode di atas, gantikan dengan url button pilihan anda. Di bawah ada disediakan pelbagai jenis button "back to top" untuk anda pilih. Just copy url dan letakkan pada url gambar button.
Contoh:
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="http://img205.imageshack.us/img205/7824/74211510.gif"></a>
warnah merah di ganti dgn url gambar yg di suka
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHFZU-D_MbrmLUnWY2j3FUnu8n_-ntIEhaQ85xAVH5hWlwzmcdJ2NSkhS9gukN4BbmbOEaJzocvvz-AUGSUXm_vVzxFg7l8oln1Ky1iMmw0MrGfwjkDpXjD1E4sWbG8V13GiE_HMDZNyCd/s1600/1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Qxr5VQRpH4X77p_buVOl05N2RecbtLSPvCVaxYQZ0oMw1k05sLd2LbPnZOQUKHoMPSB5wb2dN67EXyUAM2rBeDbyKixzcVck0DKQtJPdEzeBX7TG6SQVY5bYBqJTgDpuL2hrzAV6Zjkc/s1600/2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxM70Pl0BBU1yHoRN3ete9DinnEfD4HnaRdAMuRTc8ZzS22WvgKwvz2WHUU-BBprNfaGuvULlVBl8mw-qjm6ylBaD_5G3TB3fWmV3fpPw4FaqzVzvt9q5o6Nno489mqGoFrQ84VAg4unJd/s1600/3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggF09VCgkerRE6j4e06yc6xgJRRgyjbpBs9dRNA4kRw2EfxbfpaGXUp2Znp-t16DM0xpD0n9OzNJuYkGs94G1vmXSSFnN6zCy8bxVJ3TYT4gEPcO_NvxQaK76x04o-G6nfzMdqwnZq0vsR/s1600/4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfondXft5hNx9h2lk_NWxAVlwuICTTVjT40H8XtxGtesXBy23gs9LkrqTb5xp7RU1XZo63WH6_q8biUEI0vBcbkhKZt4ycn3Bc4Gm2igxZwF-hM3Sf3EfsRvS-iaYj8Vves_DX_l3KVu1E/s1600/5.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV9UppunzHnk-k1uwfX5NNbUtW1wftMrKG1De2p9CniRF-LeVQGwZziUlijcR2sP-Q5451jQWNQVyls7IT1As2ZLOz3_Rs9wF4iyanhYJYiAo6ur4XxHap419Ul4n_Mvn9J1QipEaH_r8n/s1600/chibi_commission___finnian_by_meguja-d4qwodc.png4) Save dan lihat hasilnya.
Selamat Mencoba ^^
*sumber : http://galauan-suka-suka.blogspot.com/
Translate
by : BTF