Skip to main content

Posts

Showing posts with the label Javascript

How to Add a Floating, Fade In Gadget to Your Blog

Today's tutorial was prompted by a question I received in my advice column contact form. :) It read: I LOVE everything that you did with Ingrid's blog,  http://www.smilingrid.com/ ! When you scroll down, that tabs bar up top pops up is the bomb. Could you please do a tutorial on how to code it?? I have some web designer friends, so don't be afraid to "speak code" as they will explain it to me haha <33 This tutorial is going to be on how to create a floating, fade in gadget (specifically a Blogger pagelist). Let's get started. :) The instructions. Select the blog you want to edit. Make sure you have a pagelist gadget installed on your blog. Install the following codes to your template. Save and view your changes. Javascript: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <script> $(document).ready(function(){ // hide #mbz-sidebar-widget first ...

Javascript: What is it and where does it go?

For pretty much my whole blogging journey I've been working on coding designs for my sites. CSS was my favorite and HTML is bearable, but Javascript... Oh, the dreaded Javascript... I could never get Javascript down. I couldn't write my own codes or even make the ones I got off the web work. And I never understood why . So I've created this post today to help those of you who may be struggling as well. What is it? Javascipt is the most popular programming language. Like, ever. It can change HTML content, attributes, CSS styles, and much, much more. It makes web pages interactive and can be used in non-web based environments, such as PDFs and desktop widgets. [ 1 ] If you'd like to learn more about Javascript, like who created it and the many things it can do, head on over here . :) The standard Javascript code: <script type='text/javascript'> //<![CDATA[ Your JavaScript coding here //]]> </script> The code above is very im...