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.png
4) Save dan lihat hasilnya.

Selamat Mencoba ^^




                                                   *sumber : http://galauan-suka-suka.blogspot.com/

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Translate

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
by : BTF

- Arigatou for visit my blog =^o^= follow or comment if you good people~ *w*)/Copyright © Hikaru Blog ♔ - Hatsune Miku - Powered by Blogger - Designed by Johanes Djogan - ReDesigned by Madoka Hikaru -