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.