අපේ බ්ලොගයට් ලස්සන Search Box ක් දන්නේ මෙහෙමයි...

කොහොමද යාලුවනේ ඉතින් ඔන්න අද මම ලිපියක් ලියන්නයි යන්නේ...

මේක වැදගත් වන්නේ බ්ලොග් අඩවි කරන අයටයි... මේ තමා බ්ලොග් search box එකක් දාගන්න විදිහ ගැන කියා දෙන එකක්... සිංහලෙන්ම කිවොත් කොහොමද අපේ බ්ලොග් අඩවියට Search Box හෙවත් සෙවීම් පෙට්ටියක් දාගන්නේ කියලා කියා දෙන ලිපියක්...හරි දැන් වැඩේ පටන් ගමු.....

පළමුව ඔයාලගේ බ්ලොගයට පිවිසෙන්න.. ඊට පස්සේ Layout පිවිස අලුතින් Gadget එකක් හදන්න තෝරාගන්න.. ඊට පස්සේ HTML/Java Script යන කොටස තෝරාගෙන.. එතනට මේ Code එක ලබා දෙන්න..

#search-form 
{
height: 40px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text 
{
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}

#search-box input[type="text"]
{
width: 90%;
padding: 11px 0 12px 1em;
color: #333;
outline: none;
}

#search-button {
position: absolute;
top: 0;
right: 0;
height: 42px;
width: 80px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 42px;
border-width: 0;
background-color: #4d90fe;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
}
</style>

<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search TechFrost' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>

100 කියලා තියෙන්නේ සෙවුම් පෙට්ටියේ විශාලත්වය පිලිබදවයි..
#4d90fe යනු පාට පිලිබදවයි..
ලංකාවේ අපේ අදහස් search හා හොයන්න යන්න ඔබට කැමති වෙනස් කල හැකිය