Search form

Live Demo


Search form je jedan od najvažnijih delova svakog sajta ili bloga. Bez njega je gotovo nemoguće funkcionisati. Sada vam predstavljam jednu stvarčicu koja ima tu funkciju i veoma je elegantno urafjena za razliku od mnogih glomaznih, velikih i jednostavno ružnih widgeta. Ovo je lep i veoma pristupačan. Odličan za rad i jednostavan za instalaciju. Na mom DEMO se ne vidi najbolje jer mi je SIDEBAR malo uži pa je dugme za traženje ispod ali opet i to izgleda lepo uosltalom videli ste ili pogledajte. 
Vrlo prosto, dodajte samo gadget HTML/JavaScript i u nju stavite sledeći kod:

#MBBOldSearch { display: block; clear: both; margin: 10px 0; } #MBBOldSearch #MBBSinput { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFNUM2DoMsWGfpj1NWHuecHfe5P0Cgffiu5Caz_1T1u6AYk0pYlBXn9p3VorzjYxD5UR4UcN4cVFoRs9kw2lotR4BJHeJI-nrL0vao1nGXUmSD6ZC8C1oVrwtpOKk_6yiwEbezccVDCWJb/s20/Search-icon.png") no-repeat scroll 8px center transparent !important; padding: 7px 15px 7px 35px !important; color: #444; font-weight: bold; text-decoration: none; border: 1px solid #D3D3D3 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 1px 2px #CCC inset; -moz-box-shadow: 1px 1px 2px #CCC inset; box-shadow: 1px 1px 2px #CCC inset; width: 52%; } #MBBOldSearch #MBBSsubmit { color: #444; font-weight: bold; text-decoration: none; padding: 6px 15px; border: 1px solid #D3D3D3; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 ); background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); } </style><div id="MBBOldSearch"> <form action="/search"> <input name="q" id="MBBSinput" type="text" /> <input value="Search" id="MBBSsubmit" type="submit" /> </form></div>

Kliknite "SAVE" i gotovo. Preporuka je da stoji na Sajdbaru , sa strane pri vrhu.