Wednesday, October 28, 2015

How to place menu above blog header banner in blogger?

If you have used free blogger template in your blog, by default, page-tabs/page lists or some people say menu will be shown below header banner (if you have used). Some people may love it like that.  Some may love it re-positioned above blog title or header banner.

               
But don't worry. We can re-position them. We can make page-tabs/page-lists or menu as some say appear above blog header banner. I have implemented it. You can see the screen shot of my other blog.


It looks different, right? Some people may say it's wonderful. Whatsoever, if you want to have this in your blog design too, follow the steps:

Step 1: Login to your blog. And select the blog (if you have many).

Step 2: Click on drop-down menu, click on Template and select Edit HTML

Step 3: Find <div class='tabs-outer'>. It should be just below </header> 

Step 4: Select all codes till </div>. The screen shot is given below. Cut it.


Step 5: Find the code <header> and paste code cut in step 4 just above it.

Step 6: Click on Save Template. You're done. Click on View Blog.

If the changes didn't appear in your blog even after following above steps strictly, please leave it as comment. Thanks      

No comments:

Read our comment Policy to know your rights & responsibilities before actually leaving a comment for this article.

Related Posts Plugin for WordPress, Blogger...