Tạo Tùy Chỉnh Google Box Tìm Kiếm Tuỳ Chỉnh Với Hiệu Ứng Mát Mẻ|MẸO VẶT CUỘC SỐNG

Tạo Tùy Chỉnh Google Box Tìm Kiếm Tuỳ Chỉnh Với Hiệu Ứng Mát Mẻ

vuongsungdong

Google Custom Search là một trong những công cụ có danh sách các điểm Plus, là gần như vô tận. Từ cung cấp các kết quả tìm kiếm liên quan đến các tùy chọn cho chỉ mục On-Demand. GCS là một lợi ích cho tất cả các Blog và Website Owners.But một điều không phù hợp ở nơi cực của nó trên khung tìm kiếm đơn giản, một lần nữa với Google Watermark. Trong bài này tôi sẽ nói cho bạn làm thế nào để thay đổi Look của GC hộp tìm kiếm của bạn với một hộp tìm kiếm CSS3.

Làm thế nào để Thêm Để Blogger:

1 - Trong Bảng điều khiển Blogger của bạn Click vào Thiết kế> Edit HTML

2 Tìm. ]]> </ b: skin> mã.

3. Sao chép và dán mã dưới đây CSS trực tiếp / Trước khi ]]> </ b: skin> .

#search { } #search input[type="text"] { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcc-NgH7qdIvL0woAIfkw-MF4SXXGqJgBcrDvnp1Wh0xraUVzCXDjYMaNOUH8c6GEOF1mOieYmljaFLuZyk4rfBhQ00leApQTdMsBCCEHaBGS56FjoYkNh2CQgwuH4RGk38SGiiR7cDcAu/s1600/search-white.png) no-repeat 10px 6px #444; border: 0 none; font: bold 12px Arial,Helvetica,Sans-serif; color: #d7d7d7; width:150px; padding: 6px 15px 6px 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #search input[type="text"]:focus { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhPag9FVuL2ctQUAHkM3XKbnBSR_mxf0WyaMikyMlnize2JMXI8F-0P74K1EM8K9h-1-DBN4zgIEFmUEdKD5HgPhGAQZvjp7FgMISLhLNBrBI0HdqRd_lJm8qMXve_0HqVCTPBEBDpLl6j/s1600/search-dark.png) no-repeat 10px 6px #fcfcfc; color: #6a6f75; width: 200px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }

4. Bây giờ hãy vào Thiết kế> Page Elements và thêm mã Hộp Tìm kiếm tương ứng vào Sidebar

5. Trong id " searchboxXXXXXXXXXXXXXXXXXXXXX: YYYYYYYYYYY "XXXXXXXXXXXXXXXXXXXXX: YYYYYYYYYYY "là" Công cụ tìm kiếm độc đáo ID "mà bạn có thể tìm thấy trên bảng điều khiển của công cụ tìm kiếm của bạn.

6. Nếu bạn đang sử dụng liên kết GCS Adsense sau đó bạn thêm id quán rượu của bạn trong"XXXXXXXXXXXXXXXXXXXXX: YYYYYYYYYYY" .

Hãy chắc chắn để chèn " ID của bạn Công cụ tìm kiếm duy nhất "cho hộp tìm kiếm để làm việc.Chúc các bạn thành công nhé.nếu các bạn thấy bài này là hay thì hãy nói cảm ơn tới mình nhé.

Sưu tầm bởi : www.meovatcuocsong.blogspot.com

Chia sẻ :