How to add a placeholder to the search bar in Clip-Bucket v2

One of the new features HTML 5 has is the possibility of easily adding place-holders to input fields. In this article, I will show you how to easily add one to the search bar of your Clip-Bucket powered website. This should work on Clip-Bucket 2.x.


1. Open ./styles/{YOURTEMPLATE}/layout/header.html
2. Find

<input id="query" class="searchbar" name="query" type="text" value="" />

and replace it with

<input id="query" class="searchbar" name="query" type="text" value="" placeholder="EDIT THIS TEXT" />

3. From the code you pasted, modify EDIT THIS TEXT to what you want the search bar to show
4. Save & Upload

And there you go! Easy, huh? You can now go and check how cool your search bar is. If you have any questions or get stuck at any step, please let me know so I can assist you further

Best Regards,
Richi González

Looking for quality Clip-Bucket hosting? Try out Arvixe and you won’t be disappointed.
Tags: , , , , , , , , | Posted under ClipBucket | RSS 2.0

Author Spotlight

Richi González

I started programming when I was 12. I'm a Developer and have been working with the Clip-Bucket script since it came out. I'm the Liaison between Arvixe and Clip-Bucket, so anything you need regarding Clip-Bucket or any particular computer-related subject you need, let me know so I can assist you.

Leave a Reply

Your email address will not be published. Required fields are marked *