Cara Membuat Tombol Back To Top (Up) di Blog
Akhirnya update artikel lagi nih , kali ini codingglobal.net agan membuat tutorial “Cara Membuat Tombol Up (Back To Top) di Blog” , tombol ini berfungsi sebagai percepat scroll
dari bawah sampai ke paling atas, jadi saat kita menekan button ini secara
otomatis akan ke halaman paling atas (header) langsung, buat blog atau website pribadi sih saya
sarankan pakai ini lumayan itung itung sebagai fitur tambahan dan
memperbagus tampilan blog kita,
kali
ini script yang digunakan menggunakan bantuan jquery dan kawan kawan nya tombol ini dapat terwujud, bagi kawan kawan yang
basicnya programming pasti agak paham dengan script yang kita sediakan
ditutorial ini
langsung saja kita mulai
tutorial nya hehehe :
1. Masuk & login ke
blogger dan masuk dashboard
2. Pilih menu samping kiri dengan nama Template
3. Setelah itu pencet Edit HTML
4. Cari kode
</body>
Note : ngga usah ribet ribet nyari kodingan satu
satu, banyak banget lho hehe, tinggal pencet Ctrl + F aja trus baru deh ketikan
</body>
5. Paste kan script di
bawah ini tepat diatas </body> tadi
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script
src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js'
type='text/javascript'/>
<a
href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back
to Top'><img onclick='MGJS.goTop();return false;'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdGr3HPRFWId53pxfizcOGjNJdnKCqTlLXWjDZ-T5I5yoQPLRDDKskzDJ8XKBTV48un1uYuaUPqIyQOXb7U-foiKp8hTaHqu4npNpTl-wTyt0RRyr0O0eQG1zYIS1pxh0kIHA3S2ZpFQ/s1600/back-to-top.gif'/></a>
6. Selanjutnya klik
tombol Simpan template
Gimana ? jalan kan di
blog kawan semua ?
Mungkin cukup sekian
tutorial kali ini , Terima kasih karena telah menyempatkan waktunya untuk
mampir di blog sederhana ini, Maaf apabila dalam pembuatan post tutorial ini
terdapat kesalahan baik dari segi bahasa, teknis & informasi, bila terdapat
kesalahan informasi khusunya di post ini mohon segera hubungi admin demi
keakuratan sebuah informasi,
Apabila ada yang tidak
dimengerti dan ada yang ingin ditanyakan silahkan komen di bawah post ini,
selama admin bisa jawab pasti dijawab kok, Sekali lagi admin ucapkan
terimakasih dan jangan lupa ya buat baca tutorial yang lainnya juga !.
Waah ternyata mudah banget Ya gaann :D makasih ilmunya
ReplyDeleteitu bisa untuk semua template gan? makasih ya pencerahannya, mau ane coba
ReplyDeletesetau ane bisa gan, coba aja hehe
Deletemakasih udah di share gan, tips udah ane terapin di blog ane :)
ReplyDeleteKalo untuk template wordpress ada tdk gan?
ReplyDeleteMakasih gan...wah caoba ahh
ReplyDeletehehe ini juga di perlukan ya gan kalu males scroll
ReplyDeletenice info
ReplyDeleteBoleh dicoba nih :)
ReplyDeletenice gan
ReplyDeleteMakasih udh dishare :D
ReplyDelete