Create A Custom Search Box For Blogger

Some blogger template doesn't provide search boxes or any search bar. If you're sacrificing search box because of a template like that then it's your time to create your own first custom search box with little help of this article.

In this article we i'll teach you creating custom search box and it's not that tough , just a little attention and it's done.

Style  1 :

It's to simple to create a search box like this below is the code :

<form id="search" action="/search" style="display:inline;" method="get">

<input id="searchBox" name="q" type="text"/>

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

</form>

There are two input field in above box one is a text and second is a submit button , that's all about above search bar...to easy?

Style 2 :

After adding a little CSS this search box will look like this :

<form id="searchthis" action="/search" style="display:inline;" method="get">

<input id="search-box" name="q" size="25" type="text" style="background: #ccccff; border: 2px solid #000066"/>

<input id="search-btn" value="Search" type="submit" style="background: #000066; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"/>

</form>

Just try to edit CSS and see what you can do.....

Style 3 :

This time we'll use CSS3 not so tricky just try to edit this one

<form id="searchform" action="/search" style="display:inline;" method="get">

<input id="searchbox" name="q" size="25" type="text" style=" border: 2px solid black;border-radius: 60px;outline: 0px;">

<input id="searchbtn" value="Search" type="submit" style="background: whitesmoke; border: 2px outset black; font-weight: bold;border-radius: 20px;position: relative;right: 30px;">

</form>

This one looks amazing without any doubt now let's move on to next level

Style 4 :

Now we'll take this to a new level with some more advance CSS3 but it's not that hard :

<form id="search" action="/search" style="display:inline;" method="get">

<input name="q" type="text" value="Search"/>

</form>

<style>

#search {

}

#search input[type="text"] {

background: #444;

border: 0 none;

font: bold 12px Arial,Helvetica,Sans-serif;

color: white;

outline:0px;

width: 150px;

padding: 6px 15px 6px 35px;

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

-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;

}

#search input[type="text"]:focus {

width: 200px;

}

</style>

I hope this helped you.....got any question then leave a comment.

Read More

Facebook Smiley-Emoticons 2014

Now You can attract your friends while sending them new smileys while chatting, this post I will provide you best of Facebook emotions of 2014.Follow below instruction for using this smileys.

How To Use Facebook Emotions:

Facebook emotions 2014 are very simple you just need to copy the code which I provided below and then paste that code in Facebook chat window. After pasting the code you and you friends can see beautiful smiley on chat window.

• Amative

 

[[555454721157430]][[555454731157429]][[555454631157439]][[555454637824105]][[555454717824097]] [[555454924490743]][[555454914490744]][[555454877824081]][[555454881157414]][[555454917824077]] [[555455057824063]][[555455037824065]][[555455054490730]][[555455034490732]][[555455061157396]] [[555455237824045]][[555455214490714]][[555455241157378]][[555455211157381]][[555455257824043]] [[555455377824031]][[555455381157364]][[555455394490696]][[555455397824029]][[555455374490698]]

• Angry Manto Emoticon

 

[[194055430763490]][[194055444096822]][[194055420763491]][[194055410763492]][[194055407430159]] [[194055614096805]][[194055607430139]][[194055594096807]][[194055584096808]][[194055620763471]] [[194055814096785]][[194055834096783]][[194055817430118]][[194055830763450]][[194055840763449]] [[194055947430105]][[194055960763437]][[194055924096774]][[194055967430103]][[194055937430106]] [[194056084096758]][[194056087430091]][[194056147430085]][[194056154096751]][[194056144096752]]

• Asleep Manto Emoticon

 

 

[[202210119943077]][[202210169943072]][[202210163276406]][[202210116609744]][[202210166609739]] [[202210339943055]][[202210426609713]][[202210333276389]][[202210389943050]][[202210433276379]] [[202210566609699]][[202210606609695]][[202210596609696]][[202210563276366]][[202210593276363]] [[202210746609681]][[202210696609686]][[202210743276348]][[202210693276353]][[202210749943014]] [[202210829943006]][[202210866609669]][[202210869943002]][[202210833276339]][[202210879943001]]

• Bother smiley

[[635283029824610]][[635283033157943]][[635282993157947]][[635283026491277]][[635282996491280]] [[635283136491266]][[635283093157937]][[635283126491267]][[635283129824600]][[635283089824604]] [[635283213157925]][[635283246491255]][[635283236491256]][[635283216491258]][[635283233157923]] [[635283323157914]][[635283356491244]][[635283363157910]][[635283326491247]][[635283366491243]] [[635283466491233]][[635283433157903]][[635283476491232]][[635283469824566]][[635283436491236]]

• Despise smiley

[[635286369824276]][[635286376490942]][[635286379824275]][[635286326490947]][[635286329824280]] [[635286443157602]][[635286489824264]][[635286496490930]][[635286446490935]][[635286483157598]] [[635286609824252]][[635286559824257]][[635286563157590]][[635286626490917]][[635286613157585]] [[635286716490908]][[635286733157573]][[635286729824240]][[635286719824241]][[635286736490906]] [[635286893157557]][[635286916490888]][[635286909824222]][[635286889824224]][[635286913157555]]

• Cry Manto smiley

 

[[194058607429839]][[194058614096505]][[194058610763172]][[194058570763176]][[194058567429843]] [[194058767429823]][[194058727429827]][[194058770763156]][[194058757429824]][[194058730763160]] [[194058970763136]][[194058864096480]][[194058860763147]][[194058967429803]][[194058964096470]] [[194059134096453]][[194059160763117]][[194059147429785]][[194059060763127]][[194059054096461]] [[194059387429761]][[194059254096441]][[194059380763095]][[194059260763107]][[194059384096428]]

• Faint Manto smiley

 

[[555454721157430]][[555454731157429]][[555454631157439]][[555454637824105]][[555454717824097]] [[555454924490743]][[555454914490744]][[555454877824081]][[555454881157414]][[555454917824077]] [[555455057824063]][[555455037824065]][[555455054490730]][[555455034490732]][[555455061157396]] [[555455237824045]][[555455214490714]][[555455241157378]][[555455211157381]][[555455257824043]] [[555455377824031]][[555455381157364]][[555455394490696]][[555455397824029]][[555455374490698]]

• Grin smiley

[[555456607823908]][[555456611157241]][[555456574490578]][[555456614490574]][[555456571157245]] [[555456854490550]][[555456821157220]][[555456851157217]][[555456827823886]][[555456847823884]] [[555456997823869]][[555457057823863]][[555457044490531]][[555457054490530]][[555456994490536]] [[555457271157175]][[555457194490516]][[555457257823843]][[555457267823842]][[555457224490513]] [[555457511157151]][[555457504490485]][[555457597823809]][[555457581157144]][[555457584490477]]

• Happy smiley 

 

[[202322459933852]][[202322369933861]][[202322463267185]][[202322439933854]][[202322376600527]] [[202322799933818]][[202322806600484]][[202322723267159]][[202322803267151]][[202322726600492]] [[202323059933792]][[202322999933798]][[202322989933799]][[202323049933793]][[202323046600460]] [[202323309933767]][[202323266600438]][[202323273267104]][[202323313267100]][[202323316600433]] [[202323416600423]][[202323419933756]][[202323396600425]][[202323426600422]][[202323393267092]]

• impatiens smiley

[[555460147823554]][[555460061156896]][[555460064490229]][[555460144490221]][[555460154490220]] [[555460277823541]][[555460274490208]][[555460297823539]][[555460304490205]][[555460294490206]] [[555460414490194]][[555460421156860]][[555460531156849]][[555460524490183]][[555460527823516]] [[555460787823490]][[555460697823499]][[555460791156823]][[555460704490165]][[555460794490156]] [[555461014490134]][[555461007823468]][[555460991156803]][[555460994490136]][[555461004490135]]

• Laugh Manto Emoticons

 

[[194065604095806]][[194065580762475]][[194065597429140]][[194065574095809]][[194065594095807]] [[194065724095794]][[194065714095795]][[194065727429127]][[194065660762467]][[194065664095800]] [[194065807429119]][[194065810762452]][[194065837429116]][[194065850762448]][[194065840762449]] [[194065907429109]][[194065957429104]][[194065904095776]][[194065960762437]][[194065950762438]] [[194066024095764]][[194066030762430]][[194066047429095]][[194066044095762]][[194066027429097]]

• Painful Manto Emo

[[202326569933441]][[202326609933437]][[202326603266771]][[202326606600104]][[202326573266774]] [[202326709933427]][[202326716600093]][[202326719933426]][[202326669933431]][[202326673266764]] [[202326873266744]][[202326829933415]][[202326886600076]][[202326876600077]][[202326826600082]] [[202327033266728]][[202327039933394]][[202327023266729]][[202327019933396]][[202327043266727]] [[202327193266712]][[202327199933378]][[202327249933373]][[202327246600040]][[202327253266706]]

• Pleasant Surprise

[[202327786599986]][[202327789933319]][[202327823266649]][[202327833266648]][[202327826599982]] [[202327993266632]][[202327939933304]][[202327936599971]][[202328003266631]][[202327999933298]] [[202328116599953]][[202328176599947]][[202328189933279]][[202328183266613]][[202328113266620]] [[202328359933262]][[202328286599936]][[202328356599929]][[202328289933269]][[202328349933263]] [[202328483266583]][[202328489933249]][[202328466599918]][[202328463266585]][[202328486599916]]

• Puzzled Manto

[[194069140762119]][[194069144095452]][[194069034095463]][[194069037428796]][[194069154095451]] [[194069414095425]][[194069307428769]][[194069410762092]][[194069417428758]][[194069300762103]] [[194069667428733]][[194069590762074]][[194069587428741]][[194069674095399]][[194069664095400]] [[194069847428715]][[194069830762050]][[194069837428716]][[194069857428714]][[194069850762048]] [[194069947428705]][[194069987428701]][[194069990762034]][[194069950762038]][[194069984095368]]

• Rage Emoticon

[[202232603274162]][[202232639940825]][[202232636607492]][[202232646607491]][[202232609940828]] [[202232723274150]][[202232699940819]][[202232733274149]][[202232696607486]][[202232729940816]] [[202232796607476]][[202232849940804]][[202232809940808]][[202232843274138]][[202232839940805]] [[202232933274129]][[202232893274133]][[202232896607466]][[202232936607462]][[202232939940795]] [[202233036607452]][[202233006607455]][[202233033274119]][[202232999940789]][[202233023274120]]

• Sad Manto Smiley

[[202234366607319]][[202234336607322]][[202234333273989]][[202234376607318]][[202234373273985]] [[202234476607308]][[202234499940639]][[202234523273970]][[202234519940637]][[202234506607305]] [[202234659940623]][[202234716607284]][[202234666607289]][[202234719940617]][[202234713273951]] [[202234836607272]][[202234803273942]][[202234793273943]][[202234833273939]][[202234843273938]] [[202234889940600]][[202234919940597]][[202234896607266]][[202234893273933]][[202234913273931]]

• Scared Manto Smiley

[[202235073273915]][[202235046607251]][[202235039940585]][[202235086607247]][[202235076607248]] [[202235136607242]][[202235173273905]][[202235183273904]][[202235143273908]][[202235176607238]] [[202235293273893]][[202235269940562]][[202235296607226]][[202235266607229]][[202235289940560]] [[202235373273885]][[202235423273880]][[202235369940552]][[202235416607214]][[202235419940547]] [[202235483273874]][[202235543273868]][[202235529940536]][[202235486607207]][[202235536607202]]

• Shy Manto smiley

[[202331189932979]][[202331303266301]][[202331193266312]][[202331299932968]][[202331293266302]] [[202331423266289]][[202331459932952]][[202331463266285]][[202331426599622]][[202331433266288]] [[202331736599591]][[202331729932925]][[202331563266275]][[202331559932942]][[202331733266258]] [[202331943266237]][[202332006599564]][[202331936599571]][[202332003266231]][[202332009932897]] [[202332213266210]][[202332219932876]][[202332109932887]][[202332216599543]][[202332119932886]]

• Sorry Manto Smiley

[[194073587428341]][[194073570761676]][[194073564095010]][[194073594095007]][[194073574095009]] [[194073700761663]][[194073697428330]][[194073650761668]][[194073647428335]][[194073684094998]] [[194073747428325]][[194073767428323]][[194073750761658]][[194073770761656]][[194073774094989]] [[194073860761647]][[194073894094977]][[194073897428310]][[194073900761643]][[194073867428313]] [[194073964094970]][[194073987428301]][[194073967428303]][[194073980761635]][[194073990761634]]

• Strive Manto Smiley

[[202237159940373]][[202237199940369]][[202237163273706]][[202237203273702]][[202237193273703]] [[202237259940363]][[202237273273695]][[202237263273696]][[202237279940361]][[202237276607028]] [[202237369940352]][[202237406607015]][[202237399940349]][[202237409940348]][[202237366607019]] [[202237459940343]][[202237506607005]][[202237463273676]][[202237509940338]][[202237513273671]] [[202237623273660]][[202237573273665]][[202237629940326]][[202237619940327]][[202237576606998]]

Read More