Adjust Gadget's Vertical Position in Blogger Dynamic View

Before

After

There, the title sounds straight-forward enough. So, Google decided to bring in the gadget feature to Blogger's Dynamic View. Finally! At the moment, it stays at one place. If you've added a custom header to your Dynamic View template, your gadget dock might be too close to your header. In this tutorial, I'mma show you how to bring the gadget dock down/up the page. This is a response to blog reader Marky Marc.

Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.

#gadget-dock, .ss{
top: 300px !important;
}

Adjust the value '300px' accordingly. BTW, I've realised that the template designer's Live Preview function isn't working properly anymore after the last update. What does that mean? When you make changes, it is not instantaneously shown. What I'd do is, I'd click on 'Apply to Blog', and load the actual page to see if anything has changed. Troublesome, I know.