របៀបដាក់ Search Box With Social Buttons For Blogger

1.  Log in ចូលទៅ blogger account > ចូលទៅDesign >> Page Element

2. ចូលLoyoutរួចចុចចូល Add Gadget និង select 'HTML/Javascript'

3. ហើយCopy​កូជរួចPaste one  of below code.(select style)

Style 1

<style type="text/css">
/*  ---------www.sombokrean.com----------- */ 
#Bt-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAM2JiNA994Vvy1CwUceNHZZCVW-B1Poa9TYHV5Zh0wKsNkvPoPp39G2tmdUgszm-CiPPq4X35Elcs8JSMLB9z6zJBSEZa2IxnJWTw0eutn68P_c6GgmcqF2-922iSvpC_lTQzm7NpRm0/s1600/whitez+by+abt+-+Copy.png) no-repeat scroll center center transparent;width:290px;height:80px;display:block;border:1px solid #000000;}
form#Bt-searchform{display: block;padding: 10px 12px;margin:0;}
form#Bt-searchform #s{padding: 6px;margin-left:7px;width: 235px;font-size:14px;color:#000000;vertical-align: top;border:none;background:transparent;}
form#Bt-searchform #sbutton{margin-left:215px;margin-top: -30px;padding:0;height:30px;width:60px;vertical-align: top;border:none;background:transparent;}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}

.social-connect-widget img:hover{
opacity:0.4;
filter:alpha(opacity=40);
}</style>   
<div id="Bt-searchbox">
<form id="Bt-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=" Search..." onfocus='if (this.value == "    search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form></div>
<div class='social-connect-widget' style='margin-top:-30px;margin-bottom:10px;margin-left:15px;'>  
<a href='http://twitter.com/username'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0NFhdHXUqykeGenIwqdBEQQHOWHFnflCB-sQKLrTe4d1D0CL7l8NFoYFEL3BmxNIMBJ135XkEtIyfMVUKjJ9Wu4J9Tg4hSUIofvjz8PjEUnWPWM045GLDvCnkhjC2_dlC4wPHnA6YaA/s1600/twitter.png' title='Follow Us on Twitter!'/></a> 
<a href='http://facebook.com/username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiswPmJsJwrh3gz4s93oe3DhGWwTexAHiExMrzzHC2dSOfBNR8Ekn46p39dnRjNxyO4q9OMrBbMZ4oOMvdukMlDIKoVu_ybXGGzjQhuZMcjXZMg5kloOzxYLd6H93CdRR9V7HdYj7dbG_g/s1600/facebook.png' title='Be Our Fan'/></a>
<a href='http://stumbleupon.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik4eAkyjxn0T0ZJK6o_kBW3Bfht3a2j9MrEjX2srPsBYp-Y4jQmORQ10_uESaq5gMy3jsymOiosHSrcoCs7HgTCLG5nV6MYzT7v4zHZ_kF9pHuJCVQVKZYBu7b8QuGsRDTTNT4hPx19j0/s1600/stumbleupon.png' title='Follow Us'/></a><a href='https://plus.google.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7o57KkMTfe6AEBTwX9BfbMjj6cbO69Wy7KkYMb2zl9cnko6cppGnazdI_tbtv4RThlyDzZPrZPJGenn6ZZcBg1K0xu7sA089UwfJiWT-O15pX1ZO2uE7GjdT0YXw-65og4ciYljiv0g/s1600/google.png' title='Follow Us'/></a>
<a href='http://digg.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwraGveZP_j12xLw31vjQbGEaeaKVosTIfk6sUkQDJitVIC67i50aMsZoJu11E5aoj09Splfra7sd10r8TNIqYoGiK1tVhXH1r35o4dTewNvXxnkSy7lXLpjes8ByDKJijTwgDcpSlgMU/s1600/digg.png' title='Follow Us'/></a>
<a href='http://feeds.feedburner.com/feedname'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizm3hVxEpUDbz5FqfTz5EElu1ghW4z5FaAF6owifgE8t47S03J3xrZYnGSupuAwgYIG58NB9P5-8YX7JXbbJJ7S_J_bOoa8oGSzGpGZ2lhVrBQKcf8SRnK9xK-GhIEUg3OoniXYOHKOR8/s1600/rss.png' title='RSS Feed'/></a><a href='http://www.bloggertrix.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZMOmBGeK_jBhAtYr6g03b-8Yh3i-MByD5ak4qzPpROR5DTS00ph1hLJnQb1TV6HuUWzHSwe3ogC5_IA2uVhORuMhb_4izld87grj9iFZkrJ2Y1udWSbQaUuLs7udcHlOKUXlkvw-fB3U/s1600/image.png' target='_blank'/></a>
</div>

Style 2

<style type="text/css">
/*  ---------www.sombokrean.com----------- */ 
#Bt-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYQm48VCKXZmR-CWxKmYBTJob1iIODSkMe7GdjAFXPGpQlgUkxEhnL_27JSzixRbjNSxpUiPQJQkqIUqz39_M1E1b6uWouGpckjjSPvRWJZQKmtrqotV18xLUehlCatKxBeAb95OcxnfY/s1600/pink.png) no-repeat scroll center center transparent;width:290px;height:80px;display:block;border:1px solid #000000;}
form#Bt-searchform{display: block;padding: 10px 12px;margin:0;}
form#Bt-searchform #s{padding: 6px;margin-left:7px;width: 235px;font-size:14px;color:#000000;vertical-align: top;border:none;background:transparent;}
form#Bt-searchform #sbutton{margin-left:215px;margin-top: -30px;padding:0;height:30px;width:60px;vertical-align: top;border:none;background:transparent;}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}

.social-connect-widget img:hover{
opacity:0.4;
filter:alpha(opacity=40);
}</style>   
<div id="Bt-searchbox">
<form id="Bt-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=" Search..." onfocus='if (this.value == "    search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form></div>
<div class='social-connect-widget' style='margin-top:-30px;margin-bottom:10px;margin-left:15px;'>  
<a href='http://twitter.com/username'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0NFhdHXUqykeGenIwqdBEQQHOWHFnflCB-sQKLrTe4d1D0CL7l8NFoYFEL3BmxNIMBJ135XkEtIyfMVUKjJ9Wu4J9Tg4hSUIofvjz8PjEUnWPWM045GLDvCnkhjC2_dlC4wPHnA6YaA/s1600/twitter.png' title='Follow Us on Twitter!'/></a> 
<a href='http://facebook.com/username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiswPmJsJwrh3gz4s93oe3DhGWwTexAHiExMrzzHC2dSOfBNR8Ekn46p39dnRjNxyO4q9OMrBbMZ4oOMvdukMlDIKoVu_ybXGGzjQhuZMcjXZMg5kloOzxYLd6H93CdRR9V7HdYj7dbG_g/s1600/facebook.png' title='Be Our Fan'/></a>
<a href='http://stumbleupon.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik4eAkyjxn0T0ZJK6o_kBW3Bfht3a2j9MrEjX2srPsBYp-Y4jQmORQ10_uESaq5gMy3jsymOiosHSrcoCs7HgTCLG5nV6MYzT7v4zHZ_kF9pHuJCVQVKZYBu7b8QuGsRDTTNT4hPx19j0/s1600/stumbleupon.png' title='Follow Us'/></a><a href='https://plus.google.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7o57KkMTfe6AEBTwX9BfbMjj6cbO69Wy7KkYMb2zl9cnko6cppGnazdI_tbtv4RThlyDzZPrZPJGenn6ZZcBg1K0xu7sA089UwfJiWT-O15pX1ZO2uE7GjdT0YXw-65og4ciYljiv0g/s1600/google.png' title='Follow Us'/></a>
<a href='http://digg.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwraGveZP_j12xLw31vjQbGEaeaKVosTIfk6sUkQDJitVIC67i50aMsZoJu11E5aoj09Splfra7sd10r8TNIqYoGiK1tVhXH1r35o4dTewNvXxnkSy7lXLpjes8ByDKJijTwgDcpSlgMU/s1600/digg.png' title='Follow Us'/></a>
<a href='http://feeds.feedburner.com/feedname'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizm3hVxEpUDbz5FqfTz5EElu1ghW4z5FaAF6owifgE8t47S03J3xrZYnGSupuAwgYIG58NB9P5-8YX7JXbbJJ7S_J_bOoa8oGSzGpGZ2lhVrBQKcf8SRnK9xK-GhIEUg3OoniXYOHKOR8/s1600/rss.png' title='RSS Feed'/></a><a href='http://www.bloggertrix.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZMOmBGeK_jBhAtYr6g03b-8Yh3i-MByD5ak4qzPpROR5DTS00ph1hLJnQb1TV6HuUWzHSwe3ogC5_IA2uVhORuMhb_4izld87grj9iFZkrJ2Y1udWSbQaUuLs7udcHlOKUXlkvw-fB3U/s1600/image.png' target='_blank'/></a>
</div>

Style 3

<style type="text/css">
/*  ---------www.sombokrean.com----------- */ 
#Bt-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuNA_hW7XcLdrRBVcnqTo_-vwGsVOugvd59gYrQXCBOX8Xhot8wNtZv4teScoCONOzAmTKPMit8L9OIql1Z3ItrgiplQ9Pwu_JA65cb1Ox4gJk3Jkn-Yjt8ZaIo4LQDIOi_-05rjoG_uk/s1600/orange.png) no-repeat scroll center center transparent;width:290px;height:80px;display:block;border:1px solid #000000;}
form#Bt-searchform{display: block;padding: 10px 12px;margin:0;}
form#Bt-searchform #s{padding: 6px;margin-left:7px;width: 235px;font-size:14px;color:#000000;vertical-align: top;border:none;background:transparent;}
form#Bt-searchform #sbutton{margin-left:215px;margin-top: -30px;padding:0;height:30px;width:60px;vertical-align: top;border:none;background:transparent;}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}

.social-connect-widget img:hover{
opacity:0.4;
filter:alpha(opacity=40);
}</style>   
<div id="Bt-searchbox">
<form id="Bt-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=" Search..." onfocus='if (this.value == "    search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form></div>
<div class='social-connect-widget' style='margin-top:-30px;margin-bottom:10px;margin-left:15px;'>  
<a href='http://twitter.com/username'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0NFhdHXUqykeGenIwqdBEQQHOWHFnflCB-sQKLrTe4d1D0CL7l8NFoYFEL3BmxNIMBJ135XkEtIyfMVUKjJ9Wu4J9Tg4hSUIofvjz8PjEUnWPWM045GLDvCnkhjC2_dlC4wPHnA6YaA/s1600/twitter.png' title='Follow Us on Twitter!'/></a> 
<a href='http://facebook.com/username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiswPmJsJwrh3gz4s93oe3DhGWwTexAHiExMrzzHC2dSOfBNR8Ekn46p39dnRjNxyO4q9OMrBbMZ4oOMvdukMlDIKoVu_ybXGGzjQhuZMcjXZMg5kloOzxYLd6H93CdRR9V7HdYj7dbG_g/s1600/facebook.png' title='Be Our Fan'/></a>
<a href='http://stumbleupon.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik4eAkyjxn0T0ZJK6o_kBW3Bfht3a2j9MrEjX2srPsBYp-Y4jQmORQ10_uESaq5gMy3jsymOiosHSrcoCs7HgTCLG5nV6MYzT7v4zHZ_kF9pHuJCVQVKZYBu7b8QuGsRDTTNT4hPx19j0/s1600/stumbleupon.png' title='Follow Us'/></a><a href='https://plus.google.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7o57KkMTfe6AEBTwX9BfbMjj6cbO69Wy7KkYMb2zl9cnko6cppGnazdI_tbtv4RThlyDzZPrZPJGenn6ZZcBg1K0xu7sA089UwfJiWT-O15pX1ZO2uE7GjdT0YXw-65og4ciYljiv0g/s1600/google.png' title='Follow Us'/></a>
<a href='http://digg.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwraGveZP_j12xLw31vjQbGEaeaKVosTIfk6sUkQDJitVIC67i50aMsZoJu11E5aoj09Splfra7sd10r8TNIqYoGiK1tVhXH1r35o4dTewNvXxnkSy7lXLpjes8ByDKJijTwgDcpSlgMU/s1600/digg.png' title='Follow Us'/></a>
<a href='http://feeds.feedburner.com/feedname'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizm3hVxEpUDbz5FqfTz5EElu1ghW4z5FaAF6owifgE8t47S03J3xrZYnGSupuAwgYIG58NB9P5-8YX7JXbbJJ7S_J_bOoa8oGSzGpGZ2lhVrBQKcf8SRnK9xK-GhIEUg3OoniXYOHKOR8/s1600/rss.png' title='RSS Feed'/></a><a href='http://www.bloggertrix.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZMOmBGeK_jBhAtYr6g03b-8Yh3i-MByD5ak4qzPpROR5DTS00ph1hLJnQb1TV6HuUWzHSwe3ogC5_IA2uVhORuMhb_4izld87grj9iFZkrJ2Y1udWSbQaUuLs7udcHlOKUXlkvw-fB3U/s1600/image.png' target='_blank'/></a>
</div>

Style 4

<style type="text/css">
/*  ---------www.sombokrean.com----------- */ 
#Bt-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmp2Hry29EHaUldzeCZAk9yGNSN32NQw7JVuwsnXMj-Fh36P6W0dJ8BQx6aIkf7ycjlnyjoQpozz3HZYAbzU-gmw9CYWVtPB2royKEzoFRjDcGc9dQsjYRT2ObGNrqqOI9jk0CRCXCLMQ/s1600/black.png) no-repeat scroll center center transparent;width:290px;height:80px;display:block;border:1px solid #000000;}
form#Bt-searchform{display: block;padding: 10px 12px;margin:0;}
form#Bt-searchform #s{padding: 6px;margin-left:7px;width: 235px;font-size:14px;color:#000000;vertical-align: top;border:none;background:transparent;}
form#Bt-searchform #sbutton{margin-left:215px;margin-top: -30px;padding:0;height:30px;width:60px;vertical-align: top;border:none;background:transparent;}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}

.social-connect-widget img:hover{
opacity:0.4;
filter:alpha(opacity=40);
}</style>   
<div id="Bt-searchbox">
<form id="Bt-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=" Search..." onfocus='if (this.value == "    search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form></div>
<div class='social-connect-widget' style='margin-top:-30px;margin-bottom:10px;margin-left:15px;'>  
<a href='http://twitter.com/username'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0NFhdHXUqykeGenIwqdBEQQHOWHFnflCB-sQKLrTe4d1D0CL7l8NFoYFEL3BmxNIMBJ135XkEtIyfMVUKjJ9Wu4J9Tg4hSUIofvjz8PjEUnWPWM045GLDvCnkhjC2_dlC4wPHnA6YaA/s1600/twitter.png' title='Follow Us on Twitter!'/></a> 
<a href='http://facebook.com/username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiswPmJsJwrh3gz4s93oe3DhGWwTexAHiExMrzzHC2dSOfBNR8Ekn46p39dnRjNxyO4q9OMrBbMZ4oOMvdukMlDIKoVu_ybXGGzjQhuZMcjXZMg5kloOzxYLd6H93CdRR9V7HdYj7dbG_g/s1600/facebook.png' title='Be Our Fan'/></a>
<a href='http://stumbleupon.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik4eAkyjxn0T0ZJK6o_kBW3Bfht3a2j9MrEjX2srPsBYp-Y4jQmORQ10_uESaq5gMy3jsymOiosHSrcoCs7HgTCLG5nV6MYzT7v4zHZ_kF9pHuJCVQVKZYBu7b8QuGsRDTTNT4hPx19j0/s1600/stumbleupon.png' title='Follow Us'/></a><a href='https://plus.google.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7o57KkMTfe6AEBTwX9BfbMjj6cbO69Wy7KkYMb2zl9cnko6cppGnazdI_tbtv4RThlyDzZPrZPJGenn6ZZcBg1K0xu7sA089UwfJiWT-O15pX1ZO2uE7GjdT0YXw-65og4ciYljiv0g/s1600/google.png' title='Follow Us'/></a>
<a href='http://digg.com/Username'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwraGveZP_j12xLw31vjQbGEaeaKVosTIfk6sUkQDJitVIC67i50aMsZoJu11E5aoj09Splfra7sd10r8TNIqYoGiK1tVhXH1r35o4dTewNvXxnkSy7lXLpjes8ByDKJijTwgDcpSlgMU/s1600/digg.png' title='Follow Us'/></a>
<a href='http://feeds.feedburner.com/feedname'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizm3hVxEpUDbz5FqfTz5EElu1ghW4z5FaAF6owifgE8t47S03J3xrZYnGSupuAwgYIG58NB9P5-8YX7JXbbJJ7S_J_bOoa8oGSzGpGZ2lhVrBQKcf8SRnK9xK-GhIEUg3OoniXYOHKOR8/s1600/rss.png' title='RSS Feed'/></a><a href='http://www.bloggertrix.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZMOmBGeK_jBhAtYr6g03b-8Yh3i-MByD5ak4qzPpROR5DTS00ph1hLJnQb1TV6HuUWzHSwe3ogC5_IA2uVhORuMhb_4izld87grj9iFZkrJ2Y1udWSbQaUuLs7udcHlOKUXlkvw-fB3U/s1600/image.png' target='_blank'/></a>
</div>

*សូមមើលពណ៏នេះ  USERNAME  សម្រាប់ដាក់លើ Twitter User name.
*សូមមើលពណ៏នេះ  USERNAME  សម្រាប់ដាក់លើ faceook User name.
*សូមមើលពណ៏នេះ  USERNAME  សម្រាប់ដាក់លើ stumbleupon User name.
*សូមមើលពណ៏នេះ  USERNAME  សម្រាប់ដាក់លើ digg User name.
*សូមមើលពណ៏នេះ  USERNAME  សម្រាប់ដាក់លើ feedburner name.

4. Save HTML/Javascript. រួចជាស្រេច