By: Dianne Heath
December 7, 2011
If you are a blogger that occasionally messes around with the HTML coding of your blog then you may run into this issue. However it’s a pretty easy fix, so you no longer have to feel frustrated. Usually gadgets will move to the bottom a page if the coding in a blog post is incorrect. In extreme cases you will not be able to click on your titles and your blog posts will become nonfunctional. It seems a bit dramatic that the gadgets would be affected by one blog post, but it is. Here’s how you can quickly move the gadgets from the bottom of the page back to where they belong.
Why Did Your Gadgets Move to the Bottom?
It was a cold and rainy day outside, so you decide to do a blog post. Before publishing you see this message :
You think, not a big deal and publish anyway. You chuckle to yourself with righteous indignation, No random message is going to stop me from publishing. Stop showing errors and publish! Or you may be the unlucky soul that doesn't even get a message. Those that didn't get the warning, just walk blindly into a trap. You check out your blog to enjoy the fruits of your labor and BAM....
You scroll down frantically to the bottom of the page and you see your gadgets relaxed at the bottom of the page smiling at you innocently. Oh you mean I'm supposed to be at the side of the page and not at the bottom...
I was able to get my gadgets at the bottom of the page just by taking away the slash in two "</div>". I left both of them at <div> and this sent my blog in a frenzy. Who would have thought that two slashes would send your gadgets running to the bottom of a page?
A Mini Tutorial to Help You Save Your Gadgets!!
1. Try to find which blog post is the offending post. You can do this by:
Left click on the blog titles so that you can do some detective work. Normal blog posts without coding errors will not have the gadgets at the bottom of the page when you view the post. However blog posts with sinister coding will show the gadgets at the bottom of the page.While doing this post I kind of forgot which post I purposefully corrupted so this was a good way to make sure this technique worked. When I viewed individual posts, the blog looked normal until I opened the post titled Media Relations Internship Clear Image.
2. Now that you know which blog post(s) are defected it's time to....ELIMINATE THEM!! No, just kidding, lol. We just need to fix the formatting. The advanced techies can simply fix the coding once they do an overview and find the mistake(s). I imagine that the techie just thinks, "Hummm...oh, lol silly me." *Inserts both slashes while chuckling at oneself and causally drinking coffee*. However if you're like me you're probably screaming at the HTML template "WHAT DO YOU WANT FROM ME!!!".
However never fear, there is a solution for the rest of us! You can just remove the coding in the offending post. The first time I encountered this issue, I rushed in like Superman to manually defeat...uh I mean... erase the bad coding. However I realized quickly that I could.....
3. Use the blogger edit tools to remove the formatting. It will go from this
The HTML Template looks completely different and much more basic compared to the first image.
So in essence your blog post will now look abnormal but your blog is back...that's good enough right?? Right?!?!?!
I meant for this to be a serious tutorial, however I had too much fun. I hope this helped and that you had fun too!Follow Analyst District on: Twitter / Facebook / Tumblr