របៀប​ដាក់​ប្រអប់​ស្វែង​រក (Search) ​ជា Style Google អណ្តែត​ ជាប់​​របា​ខាង​លើ​នៅ​ក្នុង​ប្លក់ករ

  អ្នក​ប្រហែល​ជា​ធ្លាប់​ស្គាល់​ហើយ​នូវ​ប្រអប់​ស្វែង​រក​របស់ Google។ តើ​អ្នក​ពេញ​ចិត្ត ឬ​ចូល​ចិត្ត​នឹង​​ប្រអប់​ស្វែង​រក​ម៉ូត​បែប​នោះ​ទេ? បើ​សិន​ជា​អ្នក​ចង់​បាន​​ប្រអប់​ស្វែង​រក​ម៉ូត​ដូច​នោះ គឺ​មាន​ភាព​ងាយ​ស្រួល​បំផុត​ដោយ​លោក​អ្នក​គ្រាន់​តែ​ធ្វើ​តាម​អ្វី​ដែល​ ខ្ញុំ​បង្ហាញ​ខាង​ក្រោម​ទៅ​គឺ​បាន​ហើយ។ ទោះ​បី​គន្លឹះ​ប្លក់ករ​នេះ ជា​សាមញ្ញៗ​ធម្មតា​ក៏​ដោយ ក៏​វា​ជួយ​យើង​នៅ​ពេល​ដែល​យើង​ចង់​ដាក់​វា​ដែរ ព្រោះ​ថា​មាន​អ្នក​ខ្លះ (ដូច​ខ្ញុំ​ជា​ដើម) ពេល​ត្រូវ​ការ​រក​មិន​បាន។ ដូច​នេះ​ហើយ​ទើប​ខ្ញុំ​ប្រឹង​សរសេរ​បង្ហាញ​ ដើម្បី​ទុក​ជា​គន្លឹះ​មួយ​​សម្រាប់​អស់​លោក​អ្នក​ដែល​ជា​ម្ចាស់​ប្លក​ទាំង​ ឡាយ។ សូម​អស់​លោក​លោក​ស្រី​អ្នក​នាង​កញ្ញា​ដែល​បាន​ចូល​មក​មើល​អត្ថ​បទ​នេះ សូម​មើល​ពី​របៀប​ដាក់​ខាង​ក្រោម។

៙ ​របៀប​ដាក់​ប្រអប់​ស្វែងរក​ជា​ Style Google អណ្តែត​ជាប់​នៅ​របា​ខាង​លើ​ ៖ 

- កត់ត្រា​ចូល (Log In) គណនី Blogger របស់​លោក​អ្នក។
- ចូល​ទៅ Layout >> Addd a Gadget (សូម​មើល​រូប​ខាង​ក្រោម)

 - រមូល (Scroll) ​ចុះ​ក្រោមរក​មើល Gadget ឈ្មោះ​ថា HTML/JavaScript (សូម​មើល​រូប​)

- ពេល​ចម្លង​ដាក់​រួច​រាល់​ហើយ​ សូម​ចុច​ឆ្នុច​​ពាក្យ​ថា " Save "

កូដ​ប្រអប់​ស្វែងរក​ជា​ Style Google អណ្តែត​ជាប់​នៅ​របា​ខាង​លើ

<!-- Noop Google search box -->
    <div class='noop-searchbox' id='noop-searchbox'>
      <form action='/search' id='noop-searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
        <button id='sbutton' type='submit'>
          <span id='simg'/>
        </button>
      </form>
    </div>
<style type="text/css">
#sbutton {
background: -moz-linear-gradient(center top , #4D90FE 0%, #4787ED 100%) repeat scroll 0pt 0pt transparent;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed));
background: -webkit-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: linear-gradient(top, #4d90fe 0%,#4787ed 100%);background-color: #4d90fe;
border: 1px solid #3079ED;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
height: 27px;
min-width: 76px;
padding: 0 21px;padding-bottom: 2px;
}
#sbutton:hover{ background-color: #357AE8;
background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8));
background: -webkit-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: linear-gradient(top, #4d90fe 0%,#357ae8 100%);
border: 1px solid #2F5BB7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#simg {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitIT2qDnW6Q727iB8DC5ycuHTdQyKhyDTXeuIZQfkBFhAKe-XgEAhkHGB_hA9lsxcvF83coYmCVcaDknJAK4C01YdhDW5pGl-FNXBRJPYA20eKcvUueGhQ5nobE7LeFD3jkfvq_K1EZOc/s1600/searchicon.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 14px;
margin: 0;
width: 17px;z-index:101;
}#s:hover {box-shadow: 0 1px 2px #C1C1C1 inset;}
#s {border: 1px solid #BCBCBC;border-radius: 4px 4px 4px 4px;font: italic 14px times New Roman;padding: 4px 2px;width: 146px; -moz-transition: width 0.2s ease-in 0s; -webkit-transition: width 0.2s ease-in; -o-transition: width 0.2s ease-in;}
#s:focus {width: 200px;}
.noop-searchbox {
display: block;
position: fixed;
right: 0;
top: 1%;
max-width: 300px;min-width: 238px;
z-index: 100;
}
</style>
<!-- Noop Google search box -->

៙ ខ្ញុំ​សង្ឈឹម​ថា​អ្នក​ដែល​ខ្ញុំ​បាទ​បាន​រៀប​រាប់​ខាង​លើ​លោក​អ្នក​នឹង​អាច​ យល់​បាន​ទោះ​បី​ជា​អ្នក​មិន​ចេះ​ដូច​ខ្ញុំ​ក៏​អាច​ធ្វើ​បាន​យ៉ាង​ងាយ​ដែរ គ្មាន​អី​ពិ​បាក​នោះ​ទេ។ :D ជួប​គ្នា​នូវ​អត្ថបទ​ក្រោយៗ​ទៀត។


ប្រភពពី ៖ អាយធីក្រៅសាលា