Hai ,korang jom join .Kalau korang nak join klik banner ni tauu :[
Button back to top
- <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- © Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byZharifNazmi***********************************************/var scrolltotop={
- setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
- controlHTML: '<img src="URL IMAGE FLY UP" />',
- 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().top
- else
- dest=0
- this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
- },
- keepfixed:function(){
- var $window=jQuery(window)
- var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
- var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
- this.$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 : false
- if (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=scrolltotop
- var iebrws=document.all
- mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
- mainobj.$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>
4. SAVE .
http://i.imgur.com/q7S0w.png
http://i.imgur.com/mmZzk.png
http://i.imgur.com/Czy9p.png
http://i.imgur.com/P2x3M.png
http://i.imgur.com/se3Yr.png
http://i.imgur.com/XXXLW.png
http://i.imgur.com/xiyTa.png
(Selamat Mencuba)
By ;Zharif
Freebies header untuk lelaki
Letak CCTV dalam blog
hahh gmbr kat atas ni laa CCTV ;) nak tak kalau nak Zharif nak cakap ni ,. .nak nak nak .. kalau nak Jom hehehehe
1- Dashboard > Design/Layout > Add A Gadget > Html/JavaScript
2- Copy kod ini :
<div style="position: fixed; top: 0px; right: 0px;">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUu53IZupv9_zer5IrKP93MYTzYSYJZDx9auLTDIr6kj7aNlhgotv5ZdBXSXyODPpkoLSpXoWRJUpU_yxOF5V-MJDlx4N8nnPmqcYyGoNAe7bhFos4hXg4yImqKl1B1m4zSMGhAE1D91c/s1600/cctv.gif"/></center></div>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUu53IZupv9_zer5IrKP93MYTzYSYJZDx9auLTDIr6kj7aNlhgotv5ZdBXSXyODPpkoLSpXoWRJUpU_yxOF5V-MJDlx4N8nnPmqcYyGoNAe7bhFos4hXg4yImqKl1B1m4zSMGhAE1D91c/s1600/cctv.gif"/></center></div>
3- Paste di ruangan html/javacsript tu ok ?
4- Kalau nak sebelah kiri , tukarkan perkataan warna biru tu kepada "left" .
5- Then , SAVE !
6- Sekarang cuba tengok ! Menjadi tak ?
7- itu sahaja senang kann :)
Cara letak icon facebook, twitter dan blogspot.
1 : Buka ke design > add a gadget > html/javascript
2 : Copy code yang ada dalam text box bawah ni ya.
CODE DIBAWAH
<style type='text/css'> a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style><br /> <div style='display:scroll; position:fixed; top:140px; left:-12px;'><a class='linkopacity' href='URL FACEBOOK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnM42g0ZqBgKRZjJJKUM9w2GbApVpsYPhyphenhyphenseC6EgZ5lkvsGzGydlcoCt4o_8jpX7swmUvTdaEA9Qog2RnwhmHp2pGP5ugwsopTIBcQG6cejjcTZVfNEnrlJO3U3shZjWAJQSPDtlak1E/s1600/facebook.png" /></a><br /> <br /> <a class='linkopacity' href='URL TWITTER' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh35LGU8rtFjUvBlFbbjTwyQbKKVmdkwI3dB1O32bup4bzXHJlnjwrcg14CiNBs8RJu-c3upadnYUqzwqCZ6ux8jb8D_EgRJBipeBlhgnBJ9M6iW92pwX3TP6XYjvpSuz9O3YqmjFn8ts/s1600/twitter.png" /></a><br /> <br /> <a class='linkopacity' href='URL BLOGSPOT' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsjt8D3C7hm2HLgZU4wEe5y_ZKAlxczyRQtELDzP-HHH8lWjFXGIHQRZkT7QHszWssIn0bdv6Tl4L4A7ATa0kX3HFqwi40M2SAxZ3IOZkFWZzeQfGxt3jXgmRLDaoDDQZJrPfBzdMrRsU/s1600/blogger.png" /></a><br /> <br /> </div><br />
3 : Gantikan 'URL FACEBOOK' 'URL TWITTER' 'URL BLOGSPOT'
4 :'WARNA MERAH' tukarkan kepada URL facebook anda
5 :'WARNA HIJAU' tukarkan kepada URL twitter anda
6 :'WARNA PINK' tukarkan kepada URL blogspot anda
kalau tak faham lagi sila lihat gambar dibawah ..
Korang nampak kan ada TULISAN MERAH tu. Gantikan dengan url korang ya. Contoh url :-
http://www.facebook.com/zharifnazmiyazid
Kalau masih belum jelas, tanya je .Zharif boleh tunjukkan Okay ..
Kalau dah siap jangan lupa SAVE ! ;)
Jika anda mengambil gmbr fb,twitter dan blogspot sila laa follow Zharif okay dan LIKE post ini
JANGAN LUPA COMMENT !!
(SELAMAT MENCBA)
BY :Zharif
Cara Nak Pasang Button Follow Dan Dashboard
*warna hijau : tukar saiz/jarak mengikut kesesuaian blog sendiri
*warna pink : gantikan dgn blog ID sendiri...
*warna pink : gantikan dgn blog ID sendiri...
*warna biru : gantikan dgn url button follow
*warna merah : gantikan dengan url button dashboard
tak tau blog ID tu apa? boleh tengok kat bawah nie....
kat sini ada freebies button follow dan dashboard...kalau nak, amek je la...
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/folo1.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/dash2.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/folo2.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/dash3.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/folo3.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/dash4.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/folo5.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/dash5.png
PERHATIAN !!!
INGAT :Gambar atas code bawah .. ! ;)
Kalau dah ambil Jangan lupa follow dan LIKE post ini okay :)
(SELAMAT MENCUBA)
BY :ZHARIF
About me
Subscribe to:
Posts (Atom)