សូមស្វាគមន៍ចំពោះ ឯកឧត្តម លោកជំទាវ អស់លោក-​លោកស្រី និងប្រិយ៍មិត្ត​អ្នក​អានទាំងអស់ ដែលបានចំណាយពេលវេលាដ៍មានតម្លៃរបស់ខ្លួន អានសាររបស់ខ្ញុំបាទ​....សូមអរគុណ! Welcome to Lok Chumteav, H.E, Ladies and Gentlemen who is visiting on my web-blogspot today. Thank you...!

Friday, October 11, 2013

សព្វថ្ងៃនេះមានការពេញនិយមពីការបង្កើត blogger/blogspot ដូចច្នេះដើម្បីងាយស្រួលក្នុងការ ស្វែងរកគេត្រូវការ Search ។ខាងក្រោមនេះជាកូដ



 
របៀបធ្វើ

  1. Login to Blogger Dashboard -> Layout tab
  2. ចុចលើពាក្យ Add a Gadget នៅកន្លែងណាក៏បានស្រេចតែយើងចង់ដាក់.
  3. ជ្រើសយក HTML/JavaScript ពីតារាង
  4. ចម្លង Code Search Box ដែលអ្នកពេញចិត្ត ដាក់ក្នុងតារាង HTML/JavaScript បន្ទាប់មកSave the Gadget.ជាការស្រេច

STYLE 1

search box style1
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVhdF3_L3OXTTqU4lc9BPJu2EjP9oNdaM9wngCqzUd8Z5r-E5gYGsnbCBZ4EaaaibH-rSoNWtlE65YnTSkCTi9Afq1XRcUVWbO9sEjXOH97rf70ZKmSIyExInA4Z8dJfAkWDUBKl9qLm8B/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-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>

STYLE 2

search box style2
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtJtSlrfURFzocOciI4qYFZTBSCny5WZEOukHBVn2KzRjZGiaOk__aXxWF4qvWeE-xn49xCe9-tIabJaNa6l3iqmdElkcSK97VBjCrm5BVtend3088Ukggx53N-eSmX82pny6JTm3v1UL1/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-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>

STYLE 3

search box style3
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTzW-1Fzeznf6ZDktLH3xkflaoQ_S_jZQCPQN_O-VzHwPFtXUEWASmzmPQgMZpPqhPF8MzjMVIxDApHACLSW_-a7PjLSsC68iMFHbnYZKwi9lMKSDkGlfCu_QDxw9cTh4b1aB1JCVK0YY/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-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>

STYLE 4HHGHG

search box style4
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitT0ZNRrQocwL_qPIZuGA9X4DP4RyiuyZ52PR7o9cL3vTjCKY47HKRx2M2AFuY6wb_8x2gWMsAetc_WMsbWx4temRdes1ZlzLrs4EdMi-cha0gO0LDMKkq068sVYDrcaRowXzpWXbzcj5B/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

STYLE 5

search box style5
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcD3phNVJ5nFpAWK5OF_FCyKlHUqBbPhoXjxOJS1ZQF_OrJ4plSLp77A9r7SRykTkNwJg2pW0LEGOMWI2rnsO821A0At3yqeKmETtmUfWLVTN8gAudrueNlvqA55qHhyphenhyphenZdSuCgkX1YtY8e/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

STYLE 6

search box style6
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjVJi3WgLZyE3lJvFwjum7vWT6uRfFJZe12Y2Ld9NZm0K1XRsRgDHwpfCzb9V55X0D-b_49xfMO3DfjNW45Wsa_K5PUdrWVXU9mW5_yniN10t3EIHLXtR6zjwfkzX7Gyn99gv698-ZUKQl/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

អត្ថបទនេះដកស្រង់ពី៖​ ចែករំលែកសំរាប់កូនខ្មែរ
ដោយ​ :
ចំណាត់ក្រុម

No comments:

Post a Comment