home about linkies tutobies


Looking for what?!



Welcome to My Blog


Assalamualaikum.
I'm Lintang.
I come from Indonesia.
Thankyou for visiting my blog
Hope you enjoy my posts : )

Here's my social media links, thankyou.



Leave your footprint here




A R C H I E V E




© 2014 - Skins by Yuki. Bascode by Dhy. and Edited by Alya. And i edited this for last.

Cute icons are from Pixeliette
Jumat, 11 Oktober 2013 | 19 Comments

Assalamualaikum!!

Yeah, akhirnya selesai juga UTS pertama *ngelap kaki*
Jujur aja, rasanya agak berat ngejalanin UTS yang ini. Capek,pegel, terus heheheh, males. Gak tau sih kenapa tapi bawaannya males berat. Uuh.

Yaudahlah, mendingan aku share cara buat back to top button di blogger. Tau nggak yang mana tu? *nyombong, heheh*

Itu loh.. yang di pojok kanan bawah..



Nah, yang mau aku share ini yang JQUERY. Apa lagi tu? Oke. Jquery itu maksudnya back to top button nya baru muncul waktu scroll bar nya di tarik kebawah. Waktu masih di paling atas halaman, back to top buttonnya gak nampak. Ngerti? Gak? Yaudahlah. *pasrah*

Terus, kalau Jquery ini naiknya pelan-pelan alias slow motion alias perlahan alias lambat alias kayak terbang. Panjang ya? Hahahahah. Biarlah, biar jelas. Oke.. kita mulai :D

1. Buka blogger, log in.

2 Buka Tata Letak

3. Klik add gadget / tambahkan gadget.

4. Klik yang HTML / JavaScript.

5. Copy kode ini :  

<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 byNovita Lesyani***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="
URL BACK TO TOP BUTTON KALIAN" />',
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>

NB :
Ganti kode yang warna merah sama kode gambar button yang kalian suka.

6. Save, terus preview.


Oiya, aku punya beberapa gambar buat back to top button ini. Tenang aja, semuanya transparent kok. Credit to Novita Lesyani. Masukkan kodenya buat ganti tulisan yang warna merah itu ya :)


http://2.bp.blogspot.com/-_3x1rHhSWD4/UepyQ7mOaQI/AAAAAAAAA3Y/6kVs7CFGDJQ/s1600/back+to+top+by+me.png




http://4.bp.blogspot.com/-wYOM_H8rj9s/UepySPCU4-I/AAAAAAAAA3g/mggRQ7U_W6Q/s1600/back+to+top+2.png



http://3.bp.blogspot.com/-AKm49TipWQk/UepySVu930I/AAAAAAAAA3k/ou8hzaguMUg/s1600/back+to+top+3.png



http://2.bp.blogspot.com/-93S_5-PYsCo/UepyUqE4ywI/AAAAAAAAA34/RzrMFb3y6To/s1600/back+to+top+4.png



http://4.bp.blogspot.com/-7_-pJTHf3Ac/UepyVTVHxHI/AAAAAAAAA4E/afeYh507Bi4/s1600/back+to+top+5.png


http://2.bp.blogspot.com/-fHzLP2AHx94/UepyVTUbXZI/AAAAAAAAA4A/5S6R44026H4/s1600/back+to+top+6.png



http://1.bp.blogspot.com/-K1o6xce4QQU/UepyVuRUt6I/AAAAAAAAA4Q/coQAHSWUtAw/s1600/back+to+top+7.png




http://3.bp.blogspot.com/-wxvVyyG1EWc/UepyWNIz3OI/AAAAAAAAA4U/axeg23UZce4/s1600/back+to+top+8.png



http://1.bp.blogspot.com/-0bAnpETl4aM/UepyWfQD99I/AAAAAAAAA4g/w67XHoyqwHo/s1600/back+to+top+9.png



http://4.bp.blogspot.com/-uzyP_LBu3WA/Uep2ULHwl_I/AAAAAAAAA4w/gB1o42YGm0I/s1600/back+to+top+10.png



Nah, ceritanya aku capek nulis link nya. Jadi, buat gambar dibawah tinggal klik kanan terus 'copy image url' atau 'salin url gambar' aja ya ! :D


 



     


 


























Nah, udah lah segitu dulu. Oiya rupanya Cr nya ke Salsa :D
Salam Kunyuk,
Lin~

Label: , , , , , , , , , , , ,

Blogger nurul alfira nasir mengatakan...

comelnya ;)

 
Blogger Tinarsih Hutami mengatakan...

Nicee :))
Ijin ambil satu yah ;;)

 
Blogger Amsey elang mengatakan...

Boleyn Copas nggak? Cr kok plis

 
Blogger Raisha aale mengatakan...

Colored ^_^ thankyou

 
Blogger Nad Simple mengatakan...

Cute banget ! Gue ambil satu ya :D

 
Blogger Christine Linda mengatakan...

Thank you yaaaa

 
Blogger viola mutiara mengatakan...

makasii :))

 
Blogger indah's blog mengatakan...

thanks

 
Blogger DONT CLICK IT mengatakan...

ambil satu ya!

 
Blogger Dila Azhari mengatakan...

cute :)
izin ambil satu ya kak :)

 
Blogger Syaidah Seha mengatakan...

izin ambil satu ya..thanks..:)

 
Blogger Nabila Ryani mengatakan...

Blognya bagusss

 
Blogger Anisa Andayani mengatakan...

haaii.. aku mau juga yaa :D

 
Blogger Bintang Nelicia mengatakan...

Ambil

 
Blogger Juwita Chan mengatakan...

Kak, Aku ambil yang Gadis muslim itu ya.. boleh tak?

 
Blogger Izza Love Book mengatakan...

Ambil satu, ya, Kak... makasih!!! ^^

 
Blogger Kara =) mengatakan...

saya ambil satu. tq ya

 
Blogger мaĸe мe laυgн and gιve мe нυg mengatakan...

makasih yaaa. ;)

 
Anonymous aqilah mengatakan...

haii im one of malaysian blogger. nice blog btw. thanks for da freebies . saya ambil satu ye??

 

Posting Komentar

Napa? Bingung? Ndak ngerti? Mau copas?
Komen lah ha komen~