Home » » Sidebar moved to the bottom at blogger front page

Sidebar moved to the bottom at blogger front page

Widget sidebar moved to the bottom at front page or homepage blogger



My right sidebar widget moved to the bottom at front page or the main page (homepage).

Every widget (blog archive, popular post, etc) on my right sidebar moved to the below of the post list near the footer. It's look no good.
This issue made me frustrating for a week.



widget sidebar moved  from right sidebar to the bottom at front page blogger

Note: I have edited the print screen to look more simple and sorry for the blurre image.



I search on google to find the solution of this issue.
It's said because of bad html such us "<div>" tag that located on the post.


But the next question is which post that make me frustrating?

I go to the blogger dashboard than clik the setting and make only 1 post displayed on the main page or front page or homepage.
Than I use the "backward" and "next" below the post list to find which post that make may right sidebar widget moved to bottom.

Long time, but finally I found that post. After that, I go again to the blogger dashboard, click post, and open the post that had bad html to edit the <div> tag.
I had checked the <div> tag and make some correction and publish it again.

The result?
It's the same, nothing change! Daaaang it..!
My right sidebar widget still in the bottom of the front page or homepage.


What to do now?

I tried the most basic step of technique "writing backward".
I deleted the words and paragraph "one by one" then publish it again to find which words, paragraphs, tags, or anything that write incorrect.

Finnaly, I found the issue.
The issue was right on BAD HTML but not the <DIV> tag.

It because of the closing HTML tag (</html>) on the very bottom of the post that written on the HTML version (not the COMPOSE).

At the very bottom of the post there was a closing HTML that has been written INCORRECTLY with out ">".

It should be write "</html>" with ">".

Here is the problem !


widget sidebar moved  from right sidebar to the bottom at front page blogger

Note: I have edited the print screen to look more simple and sorry for the blurre image.

I have check it many times, by deleting paragraph one by one, publish it, see the main page again and again until I found the paragraph that has an issue.

And finally the issue was the Bad Closing HTML tag (should be write </html> in the very bottom after the Closing BODY tag (after </body>.

After fixing the Closing HTML (</html>), my front page back to its normal.





I think back about bad DIV tag issue. Lately I know, the <DIV> tag solution was for the sidebar that moved to bottom at the post or article page, BUT not for the bottom at front page or main page.

Here I have the edited print screen of the div tag solution for the article or post page.
And the issue was because the writer DO NOT put or write the closing tag (</DIV>) or write it incorrect (</div with out ">").


widget sidebar moved  from right sidebar to the bottom at article or post page blogger

Note: I have edited the print screen to look more simple and sorry for the blurre image.



I tried it and made my sidebar move to bottom at the article page or post page.


widget sidebar moved  from right sidebar to the bottom at article or post page blogger

Note: I have edited the print screen to look more simple and sorry for the blurre image.



Than, I correct it back.


This solution is works for me, and hopefully helpful for you.
Thank you for visit.


Square Box.



1 comments:

  1. thx a lot , it works ... "div" was in YT link in my post now after removing post everything back like before

    ReplyDelete