Cupcakes~

Jquery Top Button (blogskins)

May 18, 2013 | 0 comments

Annyeong... Jquery top button tutorial... Ini hanya untuk pengguna blogskins.

Dashboard > Template
Ctrl + f dan cari code <head>
Copy code di bawah

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type='text/javascript' language='Javascript'>var scrolltotop={//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},controlHTML: '<img src="URL IMG"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corneranchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" linksstate: {isvisible:false, shouldvisible:false},scrollup:function(){if (!this.cssfixedsupport) //if control is positioned using JavaScriptthis.$control.css({opacity:0}) //hide control immediately after clicking itvar dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string existsdest=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.XMLHttpRequest //not IE or IE7+ browsers in standards modemainobj.$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:"Let's Fly High !"}).click(function(){mainobj.scrollup(); return false}).appendTo('body')if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any textmainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing textmainobj.togglecontrol()$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){mainobj.scrollup()return false})$(window).bind('scroll resize', function(e){mainobj.togglecontrol()})})}}scrolltotop.init()</script>

Paste code ini di bawah code <head>
Jika tidak ada code <head> , code </html> aja juga gak papa. Asal, paste code-nya di atas code </html>

Note: merah: ganti dengan url image top button

baii

Labels: Tutorial

FUTURE

PAST

Jquery Top Button (blogskins)

May 18, 2013 | 0 comments

Annyeong... Jquery top button tutorial... Ini hanya untuk pengguna blogskins.

Dashboard > Template
Ctrl + f dan cari code <head>
Copy code di bawah

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type='text/javascript' language='Javascript'>var scrolltotop={//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},controlHTML: '<img src="URL IMG"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corneranchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" linksstate: {isvisible:false, shouldvisible:false},scrollup:function(){if (!this.cssfixedsupport) //if control is positioned using JavaScriptthis.$control.css({opacity:0}) //hide control immediately after clicking itvar dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string existsdest=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.XMLHttpRequest //not IE or IE7+ browsers in standards modemainobj.$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:"Let's Fly High !"}).click(function(){mainobj.scrollup(); return false}).appendTo('body')if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any textmainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing textmainobj.togglecontrol()$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){mainobj.scrollup()return false})$(window).bind('scroll resize', function(e){mainobj.togglecontrol()})})}}scrolltotop.init()</script>

Paste code ini di bawah code <head>
Jika tidak ada code <head> , code </html> aja juga gak papa. Asal, paste code-nya di atas code </html>

Note: merah: ganti dengan url image top button

baii

Labels: Tutorial

FUTURE

PAST

Cupcakes Time!!

Meet me the webmistress peeps!

The Girl Behind The Screen:
Just a ordinary girl who obsessed with Korea and Japan. Who's her? Guess yooo :D Whatever.. My name its Shabrina. Shabrina L. Rais. Now being a 6th Grade student in Al-Jannah Islamic Fullday School (yippee)! Be a human girl since 5 May 2002. Give me present? (LOL! Whut?). You have to know, I'm addicted with KPOP. Woohoo! Especially SNSD. You don't know them? Whutevaa.. Being a SONE since 2012. Beggining Sone, huh? Okay! Time to go :D Bay bayy '-')/ Call me Cupcakes okay! Byee!!

Biased:
1. Kim Taeyeon - Girls' Generation: ULTIMATE one huh? Yapp.. my first bias :D I think, I addicted to much with her (LOL)! Even I said my face it's look like Taeyeon maybe? #justkidding (whatever).
2. Tiffany Hwang - Girls' Generation: The 2nd. Ship this with Taeng >< I just love her same like Taeng.. Locksmith forever!!!
3. Jessica Jung - Girls' Generation: The 3rd. Wae so much SNSD bias? Because my fandom it's SONE. So, im focused with SNSD. (See it at F.A.Q).
4. Krystal Jung - F(x): The 4th. The sister of Jessica :D Oh my god! So much addicted with her >< Krystalized! That was me! Oh my Jung! I LOVE YAA!
5. Choi Sulli - F(x): The 5th. My Barbie Doll Sulli! Really like her pout! OMG, so cute >< Antis? Go away! Sulli it's mine! (LOL)
6. Byun Baekhyun - EXO: The last but not the least, Baekhyun! The one of my bias who is namja ^^ GO AWAY! BAEKHYUN MINE!! HUH?! :p Just kidding :D

About this site:
This blog it's officialy made by Shabrina L. Rais. For the first time, this blog named http://miss-animeee.blogspot.com/ I don't know why I named that. I just don't have any idea. And the template it's soo simple! The VERY SIMPLE template. And I'm so happy I have a blog. My mom telling me about a Blogger World. So, in Desember 2012, i made my very first blog. I forgot for the link. I just remember the tittle: SHABRINA BLOG. And the blog was so empty >< And then, I made this blog at March 9 2013. Before it, made a kpop blog :)

One day, I saw Vesya's blog. You know the url right? It's http://vesya-lithaa.blogspot.com/. Then, I see her blog and I think that was a AWESOME blog. And then, I try to find a inspired thing from Vesya's blog. One day, I asked her, "What's header?". I just can't imagine how a header looks! When I found a tutobies blog and it's explains about HEADER. Then, I started to making a header in photoscape and photoshop. But, I can't use it on blogger.

And then, I found Nurul Atiqah's blog. I found a nice header and the texts was saying: 'SNOW FLOWERS'. I decided to use that header for my own blog. When I use it, I already know how to use header at blogspot. When I see my header, I think, I'm gonna change my website name to http://snow-flowerss.blogspot.com. I think, thats a good name for my blog :)

Some people asked me: "What's template do you use for your blog? Classic or Designer?". Hard question when I don't know everything about a CLASSIC TEMPLATES. And then, I see someone blogs who used a classic template and I'm so corious because her blog it's so awesome! And then I asked her where she get this template? And the she said, this is blogskins. You can find it at http://blogskins.com and then I know all about blogskins and addicted with blogger's world ^^

Frequently Asked Question

ask me??

1. What's your name?
LOL! Whut? Have you see the profile? My name it's Shabrina, by the way :)

2. Where's the tutobies list?
OH! In another blog :D The link it's on this blog^^

3. Where did you get the tutorial/freebies?
50% from another blogs. 50% from me. Why?

4. Did you always credit the post if you copas from another blogs?
Of course! But, someday i'll forget too :D But please remember me okay!

5. When did you started for blogging?
Since 9 March 2013 >< Same like Taeyeon birthday. Oh! I know blogger since 2012. But, I made this blog on 9 March 2013 :) Are this helpfull?

6. Your fav colour? Or food?
Well, I think I love pink and blue. But, I'm tomboy too, you know? For food, all of them. But I'm not sure for it ^^

7. Can you give link of your fav blogs?
I think it's secret (LOL). I don't wanna make anybody hurts because I don't like their blogs. So, sorry!

8. So, you focused with SNSD. Why?
Because I'm a SONE. My first fav girlband! So much love them >< How about you?

9. Your blog it's so beautiful! How to make it?
Huh? Thanks before. For making a good blog, i think you have to show your creativity to make your blogs cool, groovy, etc. So your blogs may looks cool, beautiful, pretty, etc. And you have to look to another blogs to find a inspiration (not copy it! just inspiration). When you create it, then you have to credit the blogs who have inspire you to make your blogs :)

10. Your english is so good! You can teach me?
Thanks. Actually I can. But I don't know how to teach somebody ><

11. What grade in your school
6th :) close to National Exam, yeah? But no National Exam this year! (yipeee)! Not being so happy right now T__T

12. This is international blog or what?
Indonesian. But someday I'll speak english too :)

13. Your faq it's so cool!
Hah? By the way.. Thank you xD