3 February 2012

Tutorial : Back to Top Scroll - NEW

assalamualaikum gais.

Tutorial kali ni Untuk pengguna TEMPLATE DESIGNER dan juga CLASSIC TEMPLATE. Maknanya, dua dua bolehguna -_- Hehek.

Classic template.
1. Pergi Dashboard  > Template
2. Search kod ini
<style type="text/css">
3. Pastekan kod ni kat atas kod <style type="text/css">.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<a href="javascript:;" id="scrollToTop"><img src="URL GAMBAR" border="0"></a>
4. Preview dan SAVE.

TEMPLATE DESIGNER
- denim, minima, simple template, watermark dan lain-lain

1 . Dashboard > Design > Edit html > Tick Expand Widgets
2. cari code ni : </body>
3. copy code ni :
<a href='#' id='toTop'><img src='URL GAMBAR?t=1292762029' style='border:0;'/></a>
4. paste ATAS/SEBELUM code </body>
5. cari code ni pula : ]]></b:skin>
6. copy code ni :
 /* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }
7. paste ATAS/SEBELUM code ]]></b:skin>
8. cari code ni : </head>
9 copy code nih :


 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>
/*----------------------- 
* jQuery Plugin: Scroll to Top 
* by Craig Wilson, Ph.Creative (http://www.ph-creative.com) 
* Bring to you by Zen from http://zenplate.blogspot.com 
* Copyright (c) 2009 Ph.Creative Ltd. 
* Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling. 
* For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx 
* Do not delete these infomation 
* Version: 1.0, 12/03/2009 
-----------------------*/ 


$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var

scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html,
body").animate({scrollTop:0},"slow")})}}); 


$(function() { 
$("#toTop").scrollToTop(); 
}); 


</script>
 


10. paste SEBELUM/ATAS kod </head>
11. preview & save .


Okay. yang kihah boldkan dan kaler orang tu korang tukarkan dengan URL GAMBAR top button korang sendiri atau koran ambik yang FREEBIES from kihah kat bawah ni. Before korang ambik, Korang kena TEKAN SINI dulu. Kalau tak, tak boleh amik :p

Hitam
http://i.imgur.com/tXhOv.png
Kuning
 http://i.imgur.com/PMQr9.png
Oren
 http://i.imgur.com/oZlK3.png
Hijau
 http://i.imgur.com/JgnvR.png
Biru
http://i.imgur.com/1MOJd.png
Purple
 http://i.imgur.com/4JLCe.png
Pink
http://i.imgur.com/JVwIA.png
Korang amik kaler apa? Cerciter. Anyway, please COMMENT here if you ambik ok? Kalau tak, korang kena cop as copycats,. Lol. Bye, Assalamualaikum.

84 comments:

  1. Thanks Kihah :D

    ReplyDelete
  2. Waa :D Comell ! ^^ Pndai Qihah buat :)

    ReplyDelete
  3. Faqihah , yani ambik satu tau . Yani ambik warna pink . Thankyou

    ReplyDelete
  4. Thanks faqihah ! Take one :D omey sgt

    ReplyDelete
  5. comel ner... nak satu boleh?? :P

    ReplyDelete
  6. tasya amek yang kaler pink taw.. =)

    ReplyDelete
  7. yana amek wane ungu tu :D , tanks

    ReplyDelete
  8. awak . kita amik satu eh ! hihi . thanks :)

    ReplyDelete
  9. awak , saya amik satu ek ! thanks (:

    ReplyDelete
  10. Thanks, Kihah :D
    Kita ambil yang colour pink, eah? :)

    ReplyDelete
  11. saya amik warna pink yaa, thanks!

    ReplyDelete
  12. hai ,, sis amik satu freebies awk yg wane hitam boleh kn ??
    ^_^

    ReplyDelete
  13. Aww comel gila. Saya curi satu :D

    ReplyDelete
  14. saya ambik satu tau!! thanks..! :)

    ReplyDelete
  15. saya ambil satu... thanks ^_^

    ReplyDelete
  16. @rishah Hahahahaha. Mana ade. Anyway, thanks :D

    ReplyDelete
  17. @Hadlirah Aulia Qudsi Welcome :D

    @fatinNazihah Okay :D Mypleasure :D

    @Thea Hnf Hehehe. Okay! Mana ada comel :D Hahaha.

    @raudhah addin Welcome ^_^

    @mieya LeaOrait! :D

    @Dinie @ Dyn Boleh! :)

    @natasyapink Okay! :)

    @Kesah Budak Village :)

    @yana tralala ~ Okay and my pleasure ^_^

    @Mikan Loverholic Orait mikan! :)

    @Aziedaamira Okay. Welcome comell! :D

    @Dina FarishaOkay :)

    ReplyDelete
  18. @ainaa Welcome :)

    @Nisrin Amani : Welcome. Okay sayang ~

    @nabila lisa : Okay ila :) Welcome

    @Mie Lyz Neko : Welcome :D

    @Miss anies : Okay :)

    @Chalengging : Amboi. Ssuka sangatlah kaler hitam tu. hahaha. okay :)

    @syamimisaidi95 : Boleh jee :)

    @Nuke Otavariani : Okay :)

    @Fyza : Amboii. nak curi eh. kite report kat polis. hahaha. Okay :D

    @Najwa Izzaty : Welcome.

    @easya farisa : Okay sayang.

    @Puteri Nur Afiqah : Okay. welcome :)

    ReplyDelete
  19. Cute, tapi knapa dye plik sket? benda tu bkan dkat bawah / tepi, tpi dkt bwh header?

    ReplyDelete
  20. Hai kihah :) Sy amik satu okay :) btw kiut sngat . thanks yee

    ReplyDelete
  21. hello , saya amek satu taw . terima kasih :)

    ReplyDelete
  22. wahh, awesome :) Miera ambik satu yang warna PINK tu ^^

    ReplyDelete
  23. @natasyapinkfaqihah,ambek yg kaler pink tu ye?hee.tengss~

    ReplyDelete
  24. Assalamualaikum guys , kite ambik satu ye . Yang warne pink , kay .

    ReplyDelete
  25. saya amik . thank u . comel .

    ReplyDelete
  26. Fatin ambik 1 wrna pink..maceh..

    ReplyDelete
  27. Tengss yah ! Saya amik freebies kihah ^_^ omei .

    ReplyDelete
  28. Thanks adek :) Akak guna tuto ni :)

    ReplyDelete
  29. Faqihah, owner site ni .. saya amik satu. warna pink, ok. ma kasyh bnyk2. addlah lg klau boleh. ^^

    ReplyDelete
  30. Amek satu ye adik manis :D*pembodekk. Kuikui

    ReplyDelete
  31. Awakk, kite amek satu tau, mekasehh

    ReplyDelete
  32. Qihah, tak jadi pun? Saya dah ikut semua step dah.. :(

    ReplyDelete
  33. ambik tau . thanks sweetie :)

    ReplyDelete
  34. ambik satu warna pink . thanks :)

    ReplyDelete
  35. Terima kasih kak faqihah :P saya amek kaler pink ...

    ReplyDelete
  36. saya ambil warna pink...tapi nape x de ye...

    norkebahagiaan.blogspot.com

    ReplyDelete
  37. salam kihah.. kite amek satu :) cume nyer mcm plik ckit,, sbb die duduk dkt atas,, bkn kt bwh hee.. btw thnks :)

    ReplyDelete
  38. Ambil satu ye :) terima kasih

    ReplyDelete
  39. As-salam,
    Yana ambik 1 ye, yg warna pink ! :D

    ReplyDelete
  40. Kak , nak amik warna biru ^^ Thanks :)

    ReplyDelete
  41. Assalam :) Nak ambil yang warna biru , yg comel2 tu ^^ Thanks

    ReplyDelete
  42. syaf amek kaler pinkk . wuuuuu . hahahha tq :))

    ReplyDelete

Your words defines you