Thursday, October 3, 2013

Add CSS Search Box to Blogger

Search Box in any Site or Blog has very important role it not only help the visitor but also help to increase  traffic.many People use this widget tool to find their desire content on that blog.so today i am going to share three Professional Search Box Code with you one by one.use my below some simple steps ...
  • Login to Blogger  >> Click on drop down >> Now select "Layout"
  • Now you will see "Add a Gadget" button click any of them
  • A new window will open .Scroll some down until you see " HTML/JavaScript" Button.
  • Click on " HTML/JavaScript" Button ,leave the Title blank and Put the below code in Content and then after click on save button.

Widget Code For Search Box

Widget Code For Dark Search Box






Widget Code For White Search Box







Widget Code For Dark With White Hover Effect Search Box







    Random Posts...!!!

  • Cool Stylish CSS Labels For Blogger
    Cool Stylish CSS Labels For Blogger
    30/09/2013 - 0 Comments

    Friends, This is a widget to modify your label to a brick style with CSS effects. It is very effective widget…

  • How to Replace Older Blogger Page Links With Buttons
    How to Replace Older Blogger Page Links With Buttons
    21/06/2012 - 1 Comments

    The Default Older, Home and Newer Page Links In Blogger looks very unprofessional. You can design that links…

  • Add Facebook Send and Like Button To Posts In Blogger
    Add Facebook Send and Like Button To Posts In Blogger
    16/09/2012 - 0 Comments

    I am going to show you an easier way to like and send / share your posts with just one click. User will be…

  • 50 great Google Secrets and Tricks
    50 great Google Secrets and Tricks
    09/09/2013 - 0 Comments

    Amazing Google Secrets, tricks and amazing facts I found all over the Internet. Just for you guyz!! Hidden…

  • How to Add Profile Images to Blogger Comments
    How to Add Profile Images to Blogger Comments
    03/07/2012 - 0 Comments

    Today I will show you how easy it is to have Blogger (Blogspot) display profile images in the embedded…

  • Best SEO 5 Responsive Design Blogger Templates
    Best SEO 5 Responsive Design Blogger Templates
    18/08/2013 - 0 Comments

    Top 5 Awesome Responsive Blogger Templates:-  These days their is a lot more trend of Blogger templates.It…

  • Blog SEO tags Nofollow Labels - save your blog from SPAM
    Blog SEO tags Nofollow Labels - save your blog from SPAM
    04/02/2012 - 0 Comments

    Blogger Label Links effect your blog or site Page Rank in a negative way and that's a fact. Why follow…

  • How to Add Borders to a Blogger Footer Blogspot
    How to Add Borders to a Blogger Footer Blogspot
    04/07/2012 - 0 Comments

    In this Blogger tutorial I going to show you how to add border styling to the new footer. You will learn how…

If You Enjoyed This Post Please Take 5 Seconds To Share It!

0 comments:

Post a Comment

Please feel free to comment on this topic.

horizontal random post

    Random Posts...!!!

  • Negative SEO realy Works and Can I Protect Myself?
    Negative SEO realy Works and Can I Protect Myself?
    01/06/2012 - 0 Comments

    Right after Google’s latest shutdown of a number of different link building websites, there’s been a lot of…

  • How to Create Short URLs For Your Blog Using Google Shortener
    How to Create Short URLs For Your Blog Using Google Shortener
    14/09/2013 - 1 Comments

    With the rise in the social media, i am continuously seeing people are giving more significance to branding.…

  • Tips for Bloggers - Time Management is really important
    Tips for Bloggers - Time Management is really important
    04/06/2012 - 0 Comments

    Blogging is obviously not as simple as many people think it is. Blogging is really a business and involves…

  • Dropbox releases applications for Windows 8 tablets
    Dropbox releases applications for Windows 8 tablets
    26/10/2013 - 1 Comments

    Dropbox releases applications for Windows 8 tabletsDropbox has recently released an application optimized for…

  • Install Blogger Template tutorial
    Install Blogger Template tutorial
    21/08/2013 - 0 Comments

    It's very easy to Install a new Blogger Template But the Newbie Bloggers make a mistake in this way they…

  • How to Change Bullet Point Style in Blogger (Blogspot) Lists
    How to Change Bullet Point Style in Blogger (Blogspot) Lists
    11/07/2012 - 2 Comments

    In Part 1 of this three part series of Blogger tutorials I discuss how to change bullet point styles of lists…

  • Blog SEO tags Nofollow Labels - save your blog from SPAM
    Blog SEO tags Nofollow Labels - save your blog from SPAM
    04/02/2012 - 0 Comments

    Blogger Label Links effect your blog or site Page Rank in a negative way and that's a fact. Why follow…

  • Time Tested Tips for SEO Success
    Time Tested Tips for SEO Success
    12/10/2013 - 0 Comments

    There are some things that should be done to achieve a good level of SEO for your pages. Make sure that your…