tutorial:back to top button

1.dashboaord+design+page loyout+add a gadget+html java script
2.copy dan paste kan code di bawah di dalam ruangan html java script

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/************************************************ Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},controlHTML: '<img src="URL IMAGE BACK TO TOP " />',controlattrs: {offsetx:5, offsety:5},anchorkeyword: '#top',state: {isvisible:false, shouldvisible:false},scrollup:function(){if (!this.cssfixedsupport)this.$control.css({opacity:0})var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)if (typeof dest=="string" && jQuery('#'+dest).length==1)dest=jQuery('#'+dest).offset().topelsedest=0this.$body.animate({scrollTop: dest}, this.setting.scrollduration);},keepfixed:function(){var $window=jQuery(window)var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetxvar controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsetythis.$control.css({left:controlx+'px', top:controly+'px'})},togglecontrol:function(){var scrolltop=jQuery(window).scrollTop()if (!this.cssfixedsupport)this.keepfixed()this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : falseif (this.state.shouldvisible && !this.state.isvisible){this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])this.state.isvisible=true}else if (this.state.shouldvisible==false && this.state.isvisible){this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])this.state.isvisible=false}},init:function(){jQuery(document).ready(function($){var mainobj=scrolltotopvar iebrws=document.allmainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequestmainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>').css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}).attr({title:'Scroll Back to Top'}).click(function(){mainobj.scrollup(); return false}).appendTo('body')if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')mainobj.$control.css({width:mainobj.$control.width()})mainobj.togglecontrol()$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){mainobj.scrollup()return false})$(window).bind('scroll resize', function(e){mainobj.togglecontrol()})})}}scrolltotop.init()</script>

3.yang ber warna tu korang boleh tukar kan dengan url image korang sendiri.

4.boleh jugak ambik gambar url korang kat glitter graphics

SEMOGA BERJAYA
KALAU ADA APA-APA BAGI TAU YER...

Tutorial:ubah kan warna highlight

Assalammualaikum ,semua kawan 2x

semua apa khabar sihat..???

ok boleh tak hari ini wawa nak ajar korang semua ubahkan

warna highlight ,kalau korang tak tau apa itu ubah kan warna highlight

tengok kat bawah ni ....k

klik lah kalau korang semua  nak tengok dengan lebih jelas k

yang wawa nak ajar ni... die akan berubah warna macam ni

klik lah kalau nak tengok dengan lebih jelas

ok sekarang boleh tak kita mulakan membuat tuto ini..?

1. korang kena pergi dashboard+edit html+tekan ctrl+f  dan search untuk code ini :

a:link {

2.kemudian paste kan code dibawah ni diatas/sebelum a:link { tadi....

:-moz-selection {
    background:#6633FF;
    color:#000000;
    }

    ::selection {
    background:#6633FF;
    color:#000000;
    }

3.yang  berwarna tu korang boleh tukar yg ikut korang suka...

4.x tau nak cari code kat mana?? Klik Sini