Facebook Twitter

Back To Top Dengan jQuery di Blogger

Categories : Blogger, jQuery, Tips and Tricks
Cara Membuat Back-To-Top
Tombol Back To Top Dengan jQuery di Blogger ini sangat indah karena menggunakan efek jquery yang lembut dan tidak kaku.Sebelumnya saya sudah pernah menerangkan tentang tips blogger Cara Membuat Back To Top di Blogspot dengan versi yang standar yang kelihatannya kaku dan tidak lembut. Sekarang saya akan menerangkan cara membuat back to top dengan jquery di blogger.



  • Silahkan login di Blogger
  • Click Design
  • Click Edit Html
  • Click Expand Widget Template
  • Sebaiknya anda back up dulu template anda seandainya ada salah pemasangan
  • Cari code </body>
  • Silahkan pasang script dibawah ini tepat diatas code </body> (jika script ini sudah ada ditemplate anda, script dibawah ini tidak perlu dipasang)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

  • Pasang script dibawah ini tepat dibawah script diatas, atau diatas code </body>
<script src='http://mangde.googlecode.com/files/backtotop.js' type='text/javascript'/>

<!-- Back to top designed by MangDe - www.mangde.tk -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://mangde.googlecode.com/files/back%20to%20top.png'/></a>



  • Click save dan lihat hasilnya, anda bisa melihat contohnya pada blog saya ini
Kalau anda ingin memasang javascriptnya dihosting anda, anda bisa download javascriptnya disini

Semoga berhasil



Sobat sedang membaca artikel tentang Back To Top Dengan jQuery di Blogger dan sobat bisa menemukan artikel Back To Top Dengan jQuery di Blogger ini dengan url http://mangde182.blogspot.com/2011/05/back-to-top-di-blogger-dengan-jquery.html,silahkan di bookmark jika artikel Back To Top Dengan jQuery di Blogger ini sangat bermanfaat bagi sobat,atau klik tombol share diatas untuk membagikan link Back To Top Dengan jQuery di Blogger kepada teman sobat.

2 comments: — Skip to Comment

Kerajaanhosting masa depan hosting Indonesia said...

ini baru berhasil, thanks kk. dari td cari muter2. yg lain mah jelek2 kk mangkany ane mampir k sini dan nyoba scriptny thanks yo :D
visitback

MangDe said...

@Kerajaanhosting masa depan hosting Indonesia : sama2 sob.. saya makai back to top jquery ini pada template saya yang dulu tp skarang saya belum memasangnya pada template ini, nantilah dipasang kalo ada waktu, thanx visitnya ya sob :)

Post a Comment — or Back to Content

 
Back To Top Blogger