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. @rishah Hahahahaha. Mana ade. Anyway, thanks :D

    ReplyDelete
  16. @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
  17. @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
  18. Cute, tapi knapa dye plik sket? benda tu bkan dkat bawah / tepi, tpi dkt bwh header?

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

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

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

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

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

    ReplyDelete
  24. saya amik . thank u . comel .

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

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

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

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

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

    ReplyDelete
  30. Awakk, kite amek satu tau, mekasehh

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

    ReplyDelete
  32. ambik satu warna pink . thanks :)

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

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

    norkebahagiaan.blogspot.com

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

    ReplyDelete
  36. Ambil satu ye :) terima kasih

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

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

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

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

    ReplyDelete

Your words defines you