I just can't describe u

  • Shuffle
  • Time Machine
  • RSS
  • Cookie Jar
  • Magic 8 Ball

*NEW* Tag Search Box Tutorial (considerably shorter)

Can’t sleep right now, like usual.
The last tutorial was a bit lengthy so this one should be a bit shorter.
I hadn’t realized so many people were searching this up on google or I would’ve clarified and made things easier, sooner.
This one should be easier on the brain, haha.

1) Go to Customize appearance for your theme, and click Custom HTML. Copy the code below and paste it after the <head>. This is the script that will allow the tag search box to function.

<meta name="text:Search Label" content="" />
<script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>

2a) If you don’t already have a search box, copy and paste the code below to where ever you want the search box to be (e.g. description).
This is the actual generic search box itself:

<form onsubmit="return tagSearch(this)">
    <input type="text" name="tag" value="{text:Search Label}" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
    <input type="submit" value="Search" />
</form>

2b) If you have a search box already, copy and paste the below code, then find the class or id of the form (e.g. class=”search-box” or id=”EXAMPLE-ID”) containing your desired search box and type it in between the quotation marks respectively. Overwrite your old <form> code with this new one.
If it’s a class, just replace id= with class= and the class name in between the quotations, and you’re good to go.

<form id="EXAMPLE-ID" onsubmit="return tagSearch(this)">
    <input type="text" name="tag" value="{text:Search Label}" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
    <input type="submit" value="Search" />
</form>

If you don’t want a submit button, eliminate the following line of code:

<input type="submit" value="Search" />

3) Press Update Preview, and go back to Appearance to click Save.

4) Refresh the window, and you should find an option under Appearance to customize the search box text (Search Label).

5) Voila! Any further questions, email me at justcantdescribeu@gmail.com or drop an Ask. :)

You can find sources and attribution in the old tutorial here.

Happy New Years, 2012 here we goooo! :p

    • #tags
    • #search box
    • #search
    • #tumblr
    • #tag search box
    • #how
    • #jcdu
  • 1 year ago
  • 133
  • Comments
  • Permalink
  • Share

133 Notes/ Hide

  1. thiscleverusername likes this
  2. revistatwent likes this
  3. matannki likes this
  4. lloydly likes this
  5. love4asking reblogged this from justcantdescribeu and added:
    Good tutorial to use if you want to add a search box to your blog. I’ve been needing this for myself and it works great....
  6. ectodoitsologist likes this
  7. junesfoodcourt reblogged this from justcantdescribeu
  8. tbbt-fans likes this
  9. driven-by-purpose likes this
  10. klaatu likes this
  11. herewestandagain likes this
  12. dftbyay likes this
  13. ilary83 likes this
  14. nasty-like-nas likes this
  15. dothecup likes this
  16. dothecup reblogged this from justcantdescribeu
  17. getchapull333 reblogged this from justcantdescribeu
  18. getchapull333 likes this
  19. bitsymetcalf likes this
  20. glinke reblogged this from justcantdescribeu
  21. glinke likes this
  22. kaleidoscope407 reblogged this from justcantdescribeu
  23. cyber-brain likes this
  24. wankershim likes this
  25. skopjecasual likes this
  26. everythingelsegoesherethen likes this
  27. 97kkk likes this
  28. elifkins likes this
  29. kaitero reblogged this from justcantdescribeu
  30. the-absolute-truth likes this
  31. thedetox likes this
  32. ohbananaqueen likes this
  33. aishinoda likes this
  34. insaneandscatterbrained reblogged this from justcantdescribeu
  35. insaneandscatterbrained likes this
  36. kraye211 reblogged this from justcantdescribeu and added:
    YOU ARE A SAINT
  37. kraye211 likes this
  38. monbiencherami likes this
  39. tkyle likes this
  40. infatuationandthelikes likes this
  41. theviolenttomboy likes this
  42. kukixkuki likes this
  43. erifab likes this
  44. recklessashlee likes this
  45. seoulhee likes this
  46. veilsandvisions reblogged this from justcantdescribeu
  47. nordlands likes this
  48. anmkosk reblogged this from justcantdescribeu
  49. banale likes this
  50. theyalwaysremember likes this
  51. Show more notesLoading...

Recent comments

Blog comments powered by Disqus
← Crawl Back | Onward! →
Avatar

Right Here

  • I just can't describe
  • I just can't hear
  • I just can't understand
  • I just can't asdfasdf

Elsewhere

  • Email me
  • Start.io
  • trntbl.me

Following

Live, laugh, love

  • Audio post via 420swagsoftgrungehipsterqueen

    imjustarebelwithoutacause:

    Solve me and all my problems
    You call me
    Late nights in Harlem
    The street speaks
    Like it’s a starlet ghost

    And...

    Audio post via 420swagsoftgrungehipsterqueen
  • Photo via taiwanesefood

    招牌菜蚵子面线◎阿宗面线 by zeping則萍 on Flickr.

    Photo via taiwanesefood
  • Photoset via afternoonsnoozebutton
    Photoset via afternoonsnoozebutton
  • Post via noshitstark

    gaysquad:

    gaysquad:

    do you ever make text posts and feel like you’re just talking to yourself?

    OMG yes all the time

    Post via noshitstark
  • Photoset via afternoonsnoozebutton
    Photoset via afternoonsnoozebutton
  • Photo via afternoonsnoozebutton

    tastefullyoffensive:

    [via]

    Photo via afternoonsnoozebutton
  • Post via noshitstark

    stephaniehawking:

    whoever invented the internet must feel really ashamed because this is what it has been reduced to

    image

    Post via noshitstark
  • Photo via pinkadaisy
    Photo via pinkadaisy
  • Photo via noshitstark
    Photo via noshitstark
See more ≡
  • RSS
  • Shuffle
  • Time Machine
  • Magic 8 Ball
  • Cookie Jar
  • Mobile

Effector Theme by Carlo Franco.
Customized by justcantdescribeu.tumblr.com

Powered by Tumblr