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.
author image

FAQIHAH HUSNI

Hi! I'm the writer and author of this webpage. Currently studying in SM Sains Kubang Pasu or know as KUPSIS in Kedah. A Kedahan girl for sure! 2017 is my senior year there and I'm fighting to 9A+ in SPM. Do pray the good result for me and others 1317 warriors. Thank you for your time :)

84 comments:

  1. Waa :D Comell ! ^^ Pndai Qihah buat :)

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

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

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

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

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

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

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

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

    ReplyDelete
  10. saya amik warna pink yaa, thanks!

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

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

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

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

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

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

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

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

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

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

    ReplyDelete
  23. saya amik . thank u . comel .

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

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

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

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

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

    ReplyDelete
  29. Awakk, kite amek satu tau, mekasehh

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

    ReplyDelete
  31. ambik satu warna pink . thanks :)

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

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

    norkebahagiaan.blogspot.com

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

    ReplyDelete
  35. Ambil satu ye :) terima kasih

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

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

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

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

    ReplyDelete

Budi Bahasa Budaya Kita