Southern Listeners

Friday, October 28, 2011

Remove Blogger Dynamic View Search Bar

Should I say more? Maybe I should. Blogger's Dynamic View comes with a little search bar, placed at the top-right corner of your blog page. If you want to remove this search bar, here's how. This is a reply to blog reader Katie.

If you're using the old Blogger interface:Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface:Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

Is there a way to move the search box onto the header bar underneath the blog's title? Check out my site if you don't understand what I mean (hcmctoday.com) and I want to put the search box underneath where it says "HCMC Today". THANKS!

what if i want to highlight the outline of the search box when i click it. Just as it happens in gmail and google home page search bar. Also i want to change the text appearing in the box to "search this blog". How can it be done? I am using DV.

do you have any idea to add another search bar in dynamic views? because it's search bar searchs only in loaded posts!!I tried many cases like google custom search by placing it's code in a page or even using "...blogspot.com/search?q=123" but none of theme works. do you have any idea for it? thank you!

I have a custom template of dynamic view. I want to delete the search box made by the designer but am not sure which one is the code. I have tried to delete the codes but when I preview, the search box is still there. Can you do me a favor by checking the codes? I'm afraid I may delete the wrong one. The designer didn't response to my question. Please help.

Good I have hided default search bar , can I apply Google Custom Search Widget in Dynamic view...Give me tip to make my blog more searchable as dynamic view only searched from loaded contents not from all.

Well, it isn't a good idea to place Google's custom search bar in Dynamic Views because I believe that's only gonna break your template. Let's wait and see if Google releases HTML/Javascript gadget for Dynamic Views anytime soon.

Totally loving your site! I've wanted to switch to dynamic view for a while, but hated the lack of customization, so THANK YOU!

http://ibartinyourgeneraldirection.blogspot.com/

I was able to remove the search bar, but it still cut off my blog description. The only way to make it fit is to shorten the description and/or reduce the font size of the blog title. Any tips on how to either:

1) use the empty space where the search bar was, or2) reduce the font size of the blog description?

Also, is there a way to make the blog title bold? I found the link for how to change the font size and color, but still unsure how to make it stand out more. Thanks!!!

I see you've got the pages links centered. But I'm not quite following with the first one. What do you mean by 'views choice'? Are you talking about the part where you get to choose which views to set? If yes, it is already left-aligned by default. What am I missing?

Hi, Thanks for your tutorials they are working wonderfully. But no matter what I do I can't seem to get rid of the bar that used to read "classic, sidebar, mosiac" etc. i just want this horizontal line to be gone so you will just see my blog title image and then the sidebar and posts. Even when i turned the line to white on white there were still shadow lines that showed up! I want that line gone, please help!http://adventuringly.blogspot.fr/

Also do you know how I can stretch out my title image to fit the top?Thanks!

Lisa said you need to be using jQuery 1.7.1. You need to edit your Dynamic View's HTML, and change script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js' type='text/javascript' to script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'

You're using a non-dynamic view template, thus the reason why the code in this page isn't working for you. Anyways, I've taken a look at your site, and I can't find your search bar. Where exactly is it?

I modified some CSS that you suggested to someone trying to put the search bar in their header bar. It worked, but now the date ribbons get smushed, and I'm not sure how to fix it. Any help would be greatly appreciated.

#header .header-bar{height: 165px;}

#header-container{height: 140px;}

#main div{top: 18px;}

#search{right: 18px;top: 167px !important;}

http://stuffedwlove.blogspot.com/

PS Thanks for your AMAZING site. I wasn't sold on the dynamic view until I found your site and could modify it to my liking. You are awesome!

Hello,I tried couple of times to edit my blog using custom CSS after changing to dynamic view. I followed your instructions for removing the search bar and it won't apply anything. Have you run into this before?

I have come across the same problem as well. Last year when I created a new blog and first used dynamic view, the codes worked perfectly, but a year later when I created a new blog using dynamic view, the css codes no longer work. I don't know exactly why. Is there anyway to fix this?

Could you check if your code is still there after closing and re-opening your browser? There's a bug lurking around that isn't letting users to save their code. Once they close their blogs, the code disappears. Check if this is the case in your blog.

I am desperately looking for a way to remove the flipdown menu that saysclassic, flipcard, magazine, mosaic, etc." and maybe the "home" button as well (all on top left). And if possible remove the subscribe on the right and the tweet, g+, and like buttons at the bottom. I am using dynamic view. This is my blog : classicjazzstandards.com

To remove your gadget and share buttons, see the links below:http://www.southernspeakers.net/2013/08/removing-subscribe-gadget-from-bloggers.htmlhttp://www.southernspeakers.net/2011/10/hide-share-buttons-in-blogger-dynamic.html

I was wondering if it would be possible to have an expandable search bar, like when you minimise the size of your browser window (widt) it wil get some kind of an icon, i want my search bar to be like that every time.. www.iampeer.com

May I first say that you are tremendously helpful and wise and thank you for all the tips you have shared that I have been playing about with for the last couple of weeks. I wanted to know if it's possible to move the search bar in the header further over to the left, not by much but by perhaps an inch or two?

Hi,is anyway that to remove the whole bar, Classic Flipcard Magazine Mosaic Sidebar Snapshot Timeslide ? including the line too. Also I would like to make customize categories. Here is my blog, http://teenvinistudio.blogspot.com/

Dealing with searching bar. I've noticed that while mobile on different views the searching bar overrides the title. Only while in classic view the search bar is small. How to make it on the other views?