Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Ad icon
ZTE MF283U 4G Unlocked Router (Used)
ayanthamaxi
Updated:
Sunday at 8:26 PM
ලංකාවේ හොඳම උපකාරක පන්ති සහ ගුරුවරුන් එකම තැනකින් - TopTuition.lk
dulithapathum
Updated:
Saturday at 8:07 AM
Colombo
RidhMathraa ’26 🎶✨
Tmadhusanka
Updated:
Wednesday at 11:58 PM
Ad icon
Colombo
PXN V10 Pro Direct Drive Racing Wheel (Under Warranty)
Abdur Rahman
Updated:
Wednesday at 10:23 PM
Ad icon
USDT ණය සේවාව - USDT Loan Service
පුරවැසියා
Updated:
Wednesday at 4:54 PM
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
Education
How to Add Search Bar to Website or Blogger & Wordpress
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="Joke Snoop" data-source="post: 17925990" data-attributes="member: 524879"><p>Click <span style="color: Red">Layout</span> in Blogger.</p><p>Click <span style="color: Red">Add Gadget</span></p><p>Choose<span style="color: Red"> HTML/Java Script & </span><span style="color: Red"><span style="color: Red"><span style="color: Navy">Paste This Code</span></span></span></p><p><span style="color: Red"><span style="color: Red"><span style="color: Navy">Save</span></span></span></p><p><span style="color: Red"><span style="color: Red"><span style="color: Navy"></span></span></span><img src="/styles/default/xenforo/smilies/default/rolleyes.gif" class="smilie" loading="lazy" alt=":rolleyes:" title="Rolleyes :rolleyes:" data-shortname=":rolleyes:" /><img src="/styles/default/xenforo/smilies/default/P.gif" class="smilie" loading="lazy" alt=":P" title=":P :P" data-shortname=":P" /><img src="/styles/default/xenforo/smilies/default/oo.gif" class="smilie" loading="lazy" alt=":oo:" title="Oo :oo:" data-shortname=":oo:" /><img src="/styles/default/xenforo/smilies/default/oo.gif" class="smilie" loading="lazy" alt=":oo:" title="Oo :oo:" data-shortname=":oo:" /><img src="/styles/default/xenforo/smilies/default/frown.gif" class="smilie" loading="lazy" alt=":frown:" title="Frown :frown:" data-shortname=":frown:" /><img src="/styles/default/xenforo/smilies/default/nerd.gif" class="smilie" loading="lazy" alt=":nerd:" title="Nerd :nerd:" data-shortname=":nerd:" /><img src="/styles/default/xenforo/smilies/default/frown.gif" class="smilie" loading="lazy" alt=":frown:" title="Frown :frown:" data-shortname=":frown:" /></p><p></p><p><span style="color: Blue"><style></span></p><p><span style="color: Blue">#searchbox {</span></p><p><span style="color: Blue">width: 240px;</span></p><p><span style="color: Blue">}</span></p><p><span style="color: Blue">#searchbox input {</span></p><p><span style="color: Blue"> outline: none;</span></p><p><span style="color: Blue">}</span></p><p><span style="color: Blue">input:focus::-webkit-input-placeholder {</span></p><p><span style="color: Blue"> color: transparent;</span></p><p><span style="color: Blue">}</span></p><p><span style="color: Blue">input:focus:-moz-placeholder {</span></p><p><span style="color: Blue"> color: transparent;</span></p><p><span style="color: Blue">}</span></p><p><span style="color: Blue">input:focus::-moz-placeholder {</span></p><p><span style="color: Blue"> color: transparent;</span></p><p><span style="color: Blue">}</span></p><p><span style="color: Blue">#searchbox input[type="text"] {</span></p><p><span style="color: Blue"> background: url(<a href="http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png" target="_blank">http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png</a>) no-repeat 10px 13px #f2f2f2;</span></p><p><span style="color: Blue">border: 2px solid #f2f2f2;</span></p><p><span style="color: Blue"> font: bold 12px Arial,Helvetica,Sans-serif;</span></p><p><span style="color: Blue"> color: #6A6F75;</span></p><p><span style="color: Blue"> width: 160px;</span></p><p><span style="color: Blue"> padding: 14px 17px 12px 30px;</span></p><p><span style="color: Blue"> -webkit-border-radius: 5px 0px 0px 5px;</span></p><p><span style="color: Blue"> -moz-border-radius: 5px 0px 0px 5px;</span></p><p><span style="color: Blue"> border-radius: 5px 0px 0px 5px;</span></p><p><span style="color: Blue"> text-shadow: 0 2px 3px #fff;</span></p><p><span style="color: Blue"> -webkit-transition: all 0.7s ease 0s;</span></p><p><span style="color: Blue"> -moz-transition: all 0.7s ease 0s;</span></p><p><span style="color: Blue"> -o-transition: all 0.7s ease 0s;</span></p><p><span style="color: Blue"> transition: all 0.7s ease 0s;</span></p><p><span style="color: Blue">}</span></p><p><span style="color: Blue">#searchbox input[type="text"]:focus {</span></p><p><span style="color: Blue">background: #f7f7f7;</span></p><p><span style="color: Blue">border: 2px solid #f7f7f7;</span></p><p><span style="color: Blue">width: 200px;</span></p><p><span style="color: Blue">padding-left: 10px;</span></p><p><span style="color: Blue">}</span></p><p><span style="color: Blue"></span></p><p><span style="color: Blue">#button-submit{</span></p><p><span style="color: Blue">background: url(<a href="http://4.bp.blogspot.com/-slkXXLUcxqg/VEQI-sJKfZI/AAAAAAAAAlA/9UtEyStfDHw/s1600/slider-arrow-right.png" target="_blank">http://4.bp.blogspot.com/-slkXXLUcxqg/VEQI-sJKfZI/AAAAAAAAAlA/9UtEyStfDHw/s1600/slider-arrow-right.png</a>) no-repeat;</span></p><p><span style="color: Blue">margin-left: -40px;</span></p><p><span style="color: Blue">border-width: 0px;</span></p><p><span style="color: Blue">width: 43px;</span></p><p><span style="color: Blue">height: 45px;</span></p><p><span style="color: Blue">}</span></p><p><span style="color: Blue"></style></span></p><p><span style="color: Blue"></span></p><p><span style="color: Blue"><form id="searchbox" method="get" action="/search" autocomplete="off"></span></p><p><span style="color: Blue"><input name="q" type="text" size="15" placeholder="Enter keywords here..." /></span></p><p><span style="color: Blue"><input id="button-submit" type="submit" value=" "/></span></p><p><span style="color: Blue"></form></span></p><p></p><p><img src="/styles/default/xenforo/smilies/default/D.gif" class="smilie" loading="lazy" alt=":D" title="Big grin :D" data-shortname=":D" /><img src="/styles/default/xenforo/smilies/default/yes.gif" class="smilie" loading="lazy" alt=":yes:" title="Yes :yes:" data-shortname=":yes:" /><img src="/styles/default/xenforo/smilies/default/confused.gif" class="smilie" loading="lazy" alt=":confused:" title="Confused :confused:" data-shortname=":confused:" /><img src="/styles/default/xenforo/smilies/default/rolleyes.gif" class="smilie" loading="lazy" alt=":rolleyes:" title="Rolleyes :rolleyes:" data-shortname=":rolleyes:" /><img src="/styles/default/xenforo/smilies/default/P.gif" class="smilie" loading="lazy" alt=":P" title=":P :P" data-shortname=":P" /><img src="/styles/default/xenforo/smilies/default/rofl.gif" class="smilie" loading="lazy" alt=":rofl:" title="ROFL :rofl:" data-shortname=":rofl:" /><img src="/styles/default/xenforo/smilies/default/oo.gif" class="smilie" loading="lazy" alt=":oo:" title="Oo :oo:" data-shortname=":oo:" /><img src="/styles/default/xenforo/smilies/default/oo.gif" class="smilie" loading="lazy" alt=":oo:" title="Oo :oo:" data-shortname=":oo:" /></p><p></p><p>You Can See A Example on here - </p><p><a href="http://jokesnoop.blogspot.com/" target="_blank">http://jokesnoop.blogspot.com/</a></p></blockquote><p></p>
[QUOTE="Joke Snoop, post: 17925990, member: 524879"] Click [COLOR=Red]Layout[/COLOR] in Blogger. Click [COLOR=Red]Add Gadget[/COLOR] Choose[COLOR=Red] HTML/Java Script & [/COLOR][COLOR=Red][COLOR=Red][COLOR=Navy]Paste This Code Save [/COLOR][/COLOR][COLOR=Navy][/COLOR][/COLOR]:rolleyes::P:oo::oo::frown::nerd::frown: [COLOR=Blue]<style> #searchbox { width: 240px; } #searchbox input { outline: none; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } #searchbox input[type="text"] { background: url([url]http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png[/url]) no-repeat 10px 13px #f2f2f2; border: 2px solid #f2f2f2; font: bold 12px Arial,Helvetica,Sans-serif; color: #6A6F75; width: 160px; padding: 14px 17px 12px 30px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; text-shadow: 0 2px 3px #fff; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #searchbox input[type="text"]:focus { background: #f7f7f7; border: 2px solid #f7f7f7; width: 200px; padding-left: 10px; } #button-submit{ background: url([url]http://4.bp.blogspot.com/-slkXXLUcxqg/VEQI-sJKfZI/AAAAAAAAAlA/9UtEyStfDHw/s1600/slider-arrow-right.png[/url]) no-repeat; margin-left: -40px; border-width: 0px; width: 43px; height: 45px; } </style> <form id="searchbox" method="get" action="/search" autocomplete="off"> <input name="q" type="text" size="15" placeholder="Enter keywords here..." /> <input id="button-submit" type="submit" value=" "/> </form>[/COLOR] :D:yes::confused::rolleyes::P:rofl::oo::oo: You Can See A Example on here - [URL]http://jokesnoop.blogspot.com/[/URL] [/QUOTE]
Insert quotes…
Verification
Nawa warak dahaya keeyada? (Namaya wadi kireema dahaya)
Post reply
Top
Bottom