20/04/12

Membuat Tombol Back To Top Menggunakan JavaScript

Tombol Back To Top Menggunakan JavaScript, mengapa harus menggunakan JavaScript ? Mungkin pertanyaan simple ini pernah terlintas dibenak Anda setelah Anda membaca judul pada postingan kali ini. Nah, kegunaan JavaScript ini adalah agar tampilannya menjadi lebih lembut dan enak untuk dilihat. Banyak kegunaan dari tombol ini, selain tidak perlu menggunakan scroll, Tombol Back To Top Menggunakan JavaScript ini juga menyingkat waktu kita.

Nah, buat sobat yang pengen coba menggunakan script Tombol Back To Top Menggunakan JavaScript ini bisa ikuti langkah berikut ini. untu contoh, sobat bisa lihat pada blog Ketawa Ngakak.

Membuat Tombol Back To Top Menggunakan JavaScript

Pertama, sobat harus login ke account blogger sobat,

Kedua, kemudian ikuti langkah ini, Rancangan, Edit HTML, Expand Template Widget, seperti terlihat pada gambar dibawah ini.


Ketiga, letakkan kode dibawah ini tepat diatas kode </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://rizki-khaizir.googlecode.com/files/BackToTop.js' type='text/javascript'/>
<!-- Back to top by www.wakrizki.net -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://2.bp.blogspot.com/-bgiAknVcRpQ/TrVSqlfFuqI/AAAAAAAABFU/DsL7BIR9-Xo/s1600/navigate-up-icon.png'/></a>

Sehingga hasilnya akan seperti ini.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://rizki-khaizir.googlecode.com/files/BackToTop.js' type='text/javascript'/>
<!-- Back to top by www.wakrizki.net -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://2.bp.blogspot.com/-bgiAknVcRpQ/TrVSqlfFuqI/AAAAAAAABFU/DsL7BIR9-Xo/s1600/navigate-up-icon.png'/></a>
</body>
</html>

Keempat, kode yang berwarna merah adalah kode image, silahkan sobat ganti dan kemudian simpan template sobat.

Selain disisipkan pada Edit HTML, script ini juga bisa sobat simpat pada Widget. Selamat mencoba, semoga berhasil.

39 comments:

Irfandy Thalib mengatakan...

makasis buat infonya gan :)
aku followers ke 176
folback ya ..

rumahkomputer.com

Muhammad Ihsan mengatakan...

wah artikel yang menarik kawan ^^ main ke blog ane yah :D

Diko mengatakan...

thanks info nya gan, gw coba dulu ya.

Berita Ringan mengatakan...

Bagus nih...kalo butuh nanti tak praktekin buat blogku ah. thanks

Pulung mengatakan...

ini nih yang ane cari buat blog ane..
thanks infonya gan....

Hendik Cahyono mengatakan...

ohh gitu ya, thanks gan infonya

Ryan Caesar mengatakan...

thx infonya

Kunjungi Blog Panduan sukses JustbeenPaid. Free Join now $10 :

http://justbeenpaidsolution.blogspot.com/

Link Out Boot Developers Blog mengatakan...

makasih bang tutornya

pusat penjualan obat herbal mengatakan...

tips baru untuk dicoba buat praktek

Anonim mengatakan...

gan kalo pengen mindahin posisinye di ataas gak di bawah, gimane gan?? mohon pencerahannya

Nathan's Blog mengatakan...

Wah makasih ilmunya mas, untung saya dah ngerti HTML, jadi saya bisa mengubah coding nya sedikit yg anda berikan

Kunjungi ya: www.natan.tk

Koran Mini mengatakan...

mantap mas .. ijin coba pasang ya mas

rumah dijual mengatakan...

iya sih, buat tambah2 tools didalam website kita jadinya :D

pembesar penis mengatakan...

artikel yg bagus

sse mengatakan...

I do wish there were more people like you around on the interwebs. Not many people are careful with their words, including myself sometimes. I have written things I would love to take back, goo work, keep it up http://www.bestcustomwriting.com/blog/writing-in-general/academic-writing-difficulties-time-management-tips

hipnoterapi surabaya mengatakan...

itu tinggal di ganti sama link yang kita mau ya kan

ballerine pas cher mengatakan...

Really appreciate this wonderful post that you have provided for us.Great site and a great topic as well i really get amazed to read this. Its really good.

Small Business Web Design mengatakan...

Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful for me.

British Made Tiles mengatakan...

Wow!! What a great writing, really I appreciate such kind of topics. It will be very helpful for us. Waiting for more articles, blogs like this. I’m going bookmark your blog for future reference. Thanks a lot for sharing this.

essay writing mengatakan...

Great site and a great topic as well i really get amazed to read this. Its really good. Thanks for sharing with us.

Naser Ahmed mengatakan...

i was celebrate it 3rd annually festival while i was there with my friends and huge crowed enjoy it really.
voice over demo scripts

klebe bh mengatakan...

Here is the worthy reading articles I have to recommend to you. You would earn much useful information like me.
klebe bh

Dublin plumbers mengatakan...

Thank you for the hard work you have made in writing this post. In the future I am hopeful the same best work from you as well. Actually your creative writing abilities has motivated me

AnonymousJeffers mengatakan...

Hmmm, suggests to me from the responses that you have created an interesting piece here.    Web Design Blackpool

Anonim mengatakan...

Any way to subscribe to your posts? Finding them interesting as well as beneficial.  Web Design Preston

Anonim mengatakan...

You've split the office down the middle. Most agree, regardless good article. Web Design Manchester

SEO Agency mengatakan...

The real sin against life is to abuse and destroy beauty, even one's own even more, one's own, for that has been put in our care and we are responsible for its well-being.

Tablet Covers mengatakan...

You must know by now, your article goes to the nitty-gritty of the subject. Your clarity leaves me wanting to know more. Just so you know, i will immediately grab your feed to keep up to date with your online blog. Sounding Out thanks is simply my little

Tanyain.com mengatakan...

Hai Gan..
Yuk upload juga postingnya di Tanyain.com agar bisa dapat pengunjung yang lebih banyak :)

AnonymousJeffers mengatakan...

I love the views that this article gathers, it is great for a debate. Small Business SEO Services in Blackpool

Anonim mengatakan...

Whichever you talk about, it always creates an interesting read. Keep it up.   Small Business SEO Services in Preston

Anonim mengatakan...

If you are looking to promote this piece then we specialise in helping small businesses get found online. Feel free to introduce yourself. Small Business SEO Services in Manchester

SEO Leeds mengatakan...

Hi, just wanted to say I attended this conference last year, and found it by far the best of about 8 conferences that I attended in the field. Full of professional insight based on testing by experts that knew what they were talking about. I would certain

SEO Leeds mengatakan...

This is a nice post in an interesting line of content.Thanks for sharing this article, great way of bring this topic to discussion.

Timber Merchants Liverpool mengatakan...

When virtue and modesty enlighten her charms, the lustre of a beautiful woman is brighter than the stars of heaven, and the influence of her power it is in vain to resist.

AnonymousJeffers mengatakan...

This post reflects what many are thinking but are have no platform from which to voice. You allow us to do that collectively. Great post. Small Business SEO Services in Bolton

Anonim mengatakan...

Just to add, we could really help share your posts and your website further. Let us know if we can be of help. Small Business SEO Services in Lancashire

Timber Merchants Leeds mengatakan...

Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful for me.

Leasingfonds mengatakan...

I like your site and content. thanks for sharing the information keep updating, looking forward for more posts. Thanks

Posting Komentar

Silahkan Berkomentar disini...