Adjust Sidebar Width in Blogger Dynamic View

Before

After

I hope the title isn't misleading. There is only one sidebar in Dynamic Views, and that is under the Sidebar view. It has been set to a fixed width by default. In this tutorial, I'm gonna show you how you can change it.

Sticky Header Bar in Blogger Dynamic Views

Before

After

Here's another quick one. When you start to scroll in Blogger's Dynamic View, your header bar will automatically hide itself and will only re-appear when you point to it. Here's how you can force it to stay visible all the time.

Centering Header Links in Blogger Dynamic Views

Before

After

Here's a quick one. When you start adding pages links to your header bar, they will be right-aligned by default. In this post, I'm going to show you how you can bring them to the center. Let's cut to the chase shall we?

Open Links in the Same Tab in Blogger Dynamic Views

Click here for a demo

In Dynamic Views, some of the links open in a new tab by default. The home link and custom links added to your Pages gadget are examples of such links. Since there wasn't a way to edit Dynamic View's HTML, it was difficult to force this link to open in the same tab. Thankfully, Fahad from My Blogger Tips found a brilliant hack to edit Dynamic View's HTML. We can now make modifications we've always been dreaming of. BTW, shoutouts to the Anonymous comment that suggested Fahad's hack, and Kiran Shenoy who found a workaround by using HTML redirects. Now, to the main event of this evening..

Change Gadget Icons in Blogger Dynamic Views

Before

After

This seems to be a popular question around ever since the launch of gadgets in Blogger's dynamic view. I'm kind in a rush so I'm gonna make this quick. Basically, I'm gonna show you how you can replace the default icons that come with the gadgets. It uses CSS3, which means it'll work on all browsers except IE. Now, let's cut to the chase.