Beberapa cara membuat tombol Back to Top

huaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.. ingin sekali rasanya saya teriak, sudah yang kiri mampet yang kanan ndak, muter muter cari artikel tentang membuat tombol go top di puter puter terus, haa, tapi dulu ada juga kan blog ini tombol go top nya, iya sih dulu menggunakan jQuery juga, tapi pada saat di ganti template kok kayaknya ndak enak banget go top nya goyang kayak tidak seimbang, okey, kalau script jQuery Slow yang dulu saya pakai pada blog ini masih ada, saya tulis juga ah, nanti biar ndak cari cari lagi, sebenarnya saya sedang membuat back to top juga buat FlatPress plugins ini, tapi biarlah besok-besok saja saya selesaika, kalau besok bisa kenapa musti sekarang :lol: males mode --"
ternyata elemen ini bisa digunakan juga selain di blogger hanya saja mungkin penempatanya dimana kita yang musti cari tahu, yups, setelah saya melihat kotabatu blog kok saya jadi kepingin ya tombol Go Top nya, meskipun template nya sama seperti blog saya tapi untuk update dia memakai yang baru, jadi tombol go top nya pun baru, emang seperti apa sih yang baru? yang jelas slow nya tetap tapi ketika mode standart tombol ini ndak ada, tapi setelah di scroll ke bawah langsung muncul, saya mencoba google ndak nemu nemu, adanya yang lama, yang seperti saya pakai dulu, tapi kini saya pasang di ge.myciut.tk.. woke here... cukup mudah cara yang pertama adalah dengan membuat link # ???????? maksudnya? tidak ada maksud, login ke blogger kalau blogger :D masuk edit HaTeMeL, langsung cari kode
</body>
kawinkan script di bawah ini diatas nya

<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='alamat url gambar Back to Top-mu'/></a>

Save.. atau anda bisa menggunakan scripts ajaib :lol: apaan itu? coba double click di blog ini, top page kan :) itu script namanya script ajaib wkwkwkw, makanya saya tidak tahu kenapa kok tiba tiba kalau di double klik go top, setelah saya telusuri sesorang tekah menambahkan element simple, script ini bisa dipasang di apajadeh, suka suka lah, WordPress? Boleh, FlatPress? Baik. Vanilla? Bagus, Blogger? Bisa pokoknya sembarang deh, pokok masukkan element nya...  ini



nah itu untuk yang biasa aja, kasar tidak lembut, kalau yang biasa anda lihat kan genjotanya nikmat :D itu pakai javascripts makanya halus :ek: tapi rada rumit ;) here
buang yang tadi kalau sempat di ikuti :P
cari ini </head> trus kawinkan script di bawah ini di atasnya </head>




Lalu cari kode ini <body> biasanya tidak utuh <body> tergantung template find saja <bo gitu :D
lalu tambahakn id body untuk top, tambahkan seperti ini id='top' berarti kalau body saja akan jadi seperti ini <body id='top'> nah pokok id='top' sangkutin di body nya :ek:
Sekarang cari kode </body> lalu pastekan kode di bawah ini diatas </body>



untuk merubah rubah posisi nya tombol ganti 20px itu :) dan usahakan gambarnya diganti :D
nah cara yang kedua memang rada ribet tapi gambarnya bisa diganti sesuka hati, utnuk yang terakir ini gambarnya ikut scripts, jadi kalau mau ganti ya fikir lah :) masa semua dikasih tahu, yang terakhir nih, yang baru tak cari cari ndak nemu langsung tak tulis :D
sebetulnya tidak ribettttt seribet itu, mudah saja.. copy kode dibawah ini dan paste diatas </body> nya :)



kalau jquery nya sudah ada jangan di pasang lagi, nanti pisah ranjang kalau ada yang ke dua :D
selesai.. selamat berpuasa :)

Tidak ada komentar:

Posting Komentar

Ada yang mau Anda sampaikan? Silahkan Anda masukkan komentar, kritik atau saran Anda! Dan terimakasih untuk tidak spam.