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
