Search box and page border??

  • 1
  • Question
  • Updated 9 years ago
  • Answered
How do you get a search box and things like facebook and rss into your heading like Duke has done on Hexham.info, which is a work of art I must say!!

Interested to also know how you get a box round your whole page again like the website above as it look alot better??
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes

Posted 9 years ago

  • 1
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Craig,

Duke's site is really fantastic, we agree! He's actually used a lot of CSS and HTML that's beyond my skill set so hopefully he'll hop in here with some more information for you.

That being said, you can add a Google site search box by using the Widgetbox Gallery. This widget will search your site's pages.

Here's how:

1. Drag and drop a Widgetbox Gallery widget onto your page.
2. A dialogue box will open, in the search box type "Site Search".
3. Then click on "Search Your Site With Google". This will search just your site, but there will be a Google icon on the widget and possible ads.
4. Add your domain to "Site to Search"
5. Click on the green 'Get Widget' button and it will be saved and added to your page.
6. Save and preview your page to view the widget.

If you want to add buttons for Digg, Delicious, Facebook etc. to a webpage, you need to add an HTML widget to your page first and then copy in the code provided by the social sharing network of your choice. Digg's code, for example can be found here.

I hope this helps point you in the right direction for what you're trying to accomplish.
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Hi Laura thanks for your response but I already have a google search from the widgets but I wanted something that searches my actual site and would be able to go in the header the same as Duke's!!
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Craig,

The steps I listed above do provide a site search as opposed to a general Google search, though that widget is also available through Widgetbox Gallery so I understand your confusion. You can also use a free site search service called siteLevel which will also search the pages of your site.

1. Go to siteLevel.com.
2. Fill in your email address and domain name.
3. Click Sign Up
4. Hightlight the Javascript Search Box option and copy it
5. In the Site Builder drag and drop an HTML Widget onto your page. The HTML Widget is located on the content sidebar and is a little blue circle.
6. Paste the code into the dialog box and click "OK".
7. Save and preview your page to view the search box.
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Is there also a way to get that into your header?
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi Craig,
Lee does have a lovely site! He was able to get it into his banner image area, but this was done with some type of custom code that most likely took him quite some time to develop. Possibly he will comment in here on the topic. In general, there is not a way to get something like that into the banner image area as it does not allow for custom code.

Emmy
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Hi Emmy would you also know about the Thin line round around his page at all, he has lots of interesting ideas on there!!
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Same sad story as above I'm afraid Craig. Happily Duke is usually very helpful to other users so as we mentioned he may be able to add more insight when he sees this thread.
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
I'm guessing he's using a template that doesn't actually have a header or banner image area such as Squeaky Clean. Thus it appears to be in the header only because it's at the top of the page. He does have a lot of CSS and html though.
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Really good point Diane!
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I've always been confused by some sites created with Yola.

Like hexham.info for example, with Yola, how is that even possible?

How can the search bar be in the banner space? Yola doesn't provide these options.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I've determined that you can use html in the page heading section, but not complex html such as search boxes.
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Yeah Hexham.onfo is a well designed site but most of that stuff I can t see possible myself on Yola even the page border right round the home page im not sure how thats possible either in Yola!!
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
yea, because a page border goes around the page and yola's a widget by widget platform restricting widgets blending together such as a page border around all the widgets. However, I believe this is generally done through a separate html that decides how the page is designed or something.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
ok... go look at my replies on your other one about the blockquotes.