[SHARE] Cách tạo khung search chuyển đổi giữa Blogger và Google mặc định

Xin chào các bạn, chắc hẳn có nhiều blog lắm nhỉ?
À mà đm hỏi thừa vl ra, đương nhiên là nhiều rồi.
Blog nào cũng có khung tìm kiếm phải không ạ?
Đmm đương nhiên r, thừa hơi v~
Thôi vào luôn vấn đề chính nhé.
Chẳng qua mình thấy nhiều blog có khung tìm kiếm mà lại còn chuyển đổi đc giữa Blogger và Google mới vler chứ.
Vì thế mình cay d** quá , cố gắng tìm hiểu và cuối cùng cũng mang được nó về đây cho ae.

Nào chúng ta bắt đầu làm nhé.
Bước 1: Blogger => Chủ đề => Chỉnh sửa HTML.
Bước 2: Các bạn tìm thẻ   ]]></b:skin> sau đó chèn đoạn code sau vào trước nó:

.search-bar input, select, textarea {
    background-color: #FFF;
    border: 1px solid #DDD;
    color: #333;
    font-size: 18px;
    font-weight: 300;
    padding: 16px;
    width: 100%;
}
.search-bar .first {
    clear: both;
    margin-left: 0px;
}
.search-bar .one-fourth {
    width: 23.0769%;
    float: left;
}

Các bạn tự chỉnh sửa cho phù hợp với blog của mình nhé.
Bước 3: Các bạn chèn đoạn code sau vào nơi mà bạn muốn nó hiện ra:

<div class='search-bar'>
    <select class='first one-fourth' id='sbox' onchange='searchBox()' style='padding: 15px;'>
      <option value='ggs'>Dùng Google Custom</option>
      <option value='bgs'>Dùng Blog Mặc Định</option>
    </select>
    <form action='/p/search.html' class='search-form' id='ggs' method='get' role='search' style='display:block;'>
        <input itemprop='query-input' name='q' onblur='if ( this.value == &apos;&apos; ) { this.value = &apos;Từ khóa tìm kiếm…&apos;; }' onfocus='if ( this.value == &apos;Từ khóa tìm kiếm…&apos;) { this.value = &apos;&apos;; }' required='' type='search' value='Từ khóa tìm kiếm…'/>
      <input style='width:100%;display:none;' type='submit' value='Tìm kiếm'/>
    </form>
    <form action='/search/max-results=7' class='search-form' id='bgs' method='get' role='search' style='display:none;'>
      <input name='q' onblur='if ( this.value == &apos;&apos; ) { this.value = &apos;Từ khóa tìm kiếm…&apos;; }' onfocus='if ( this.value == &apos;Từ khóa tìm kiếm…&apos;) { this.value = &apos;&apos;; }' type='search' value='Từ khóa tìm kiếm…'/>
      <input style='width:100%;display:none;' type='submit' value='Tìm kiếm'/>
    </form>
    <script type='text/javascript'>
    function searchBox()
    {
      if(document.getElementById(&#39;sbox&#39;).value == &quot;ggs&quot;) {
    document.getElementById(&#39;ggs&#39;).style.display=&#39;block&#39;;
    document.getElementById(&#39;bgs&#39;).style.display=&#39;none&#39;;
      } else if(document.getElementById(&#39;sbox&#39;).value == &quot;bgs&quot;) {
    document.getElementById(&#39;ggs&#39;).style.display=&#39;none&#39;;
    document.getElementById(&#39;bgs&#39;).style.display=&#39;block&#39;;
      }
    }
    </script>
</div>

Bước 4: Lưu mẫu và xem kết quả.
Nút này hơi xấu, mình sẽ cập nhật thêm.
Chúc các bạn thành công!