Chào mừng!

Bằng cách đăng ký với chúng tôi, bạn sẽ có thể thảo luận, chia sẻ và nhắn tin riêng tư với các thành viên khác trong cộng đồng của chúng tôi.

Đăng ký ngay!
  • Truy cập và ủng hộ DienDanIT.NET bằng cách click dăm 3 cái quảng cáo để duy trì sever nhé.

Tip And Guides Biến khung tìm kiếm mặc định thành tìm kiếm live cho blogspot

Cua

nasscom.vn
Thành viên BQT
Việt Nam Vô Địch
Administrator
Người Điều Hành
Premium
Người Điều Hành Cấp Cao
Thành Viên VIP
Người Ảnh Hưởng
Người Đưa Tin
Người Chia Sẻ
DienDanIT 2018
Tham gia
30/10/18
Bài viết
682
Lượt Thích
1,962
VNĐ
4,372
VNĐ
4,372

HƯỚNG DẪN CÁCH LÀM:

Bước 1:
Vào trang chỉnh sửa HTML, thêm đoạn js này lên trên thẻ </head> (bước này dành cho ai chưa thêm jquery vào blog, nếu thêm rồi thì bỏ qua bước này nhé)
HTML:
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
Bước 2: Tiếp đến tìm </body> và thêm đoạn js dưới lên trên nó
HTML:
<script src='https://rawcdn.githack.com/Arlina-Design/quasar/master/ajaxsearch.js?live=true&image=true&target=_blank&url=https://www.toishare.net'></script
* Thay
Xin vui lòng, Đăng nhập hoặc Đăng ký để xem nội dung URL.
thành link web của bạn
Bước 3: Tìm ]]></b:skin> và thêm đoạn css bên dưới lên trên thẻ vừa tìm được
CSS:
/* Ajax Search */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ajax-search{padding:20px;background:#fff!important;box-shadow:0 0 15px rgba(0,0,0,0.15);max-height:450px!important}
.ajax-search h3{font-size:14px;font-weight:normal;margin:0 0 20px 0}
.ajax-search li{position:relative;display:inline-block;float:left;width:50%;margin:0 0 10px 0;overflow:hidden}
.ajax-search li h4{font-size:13px;font-weight:normal;margin:0 15px 0 0}
.ajax-search li h4 a{color:#000;transition:all .3s}
.ajax-search li h4 mark{background-color:transparent;color:#000;text-decoration:underline;transition:all .3s}
.ajax-search li h4 a:hover,.ajax-search li h4:hover mark{color:#f44336}
.ajax-search-image{float:left;margin:0 10px 0 0}
.ajax-search-image img{border-radius:5px}
.ajax-search-pager a{display:inline-block;clear:both;overflow:hidden;background:#f44336;color:#fff;font-size:13px;padding:5px 10px;border-radius:3px;margin:15px auto 0 auto}
.ajax-search-pager a:hover{background:#333;color:#fff}
@media screen and (max-width:768px){
.ajax-search li{position:relative;display:inline-block;float:left;width:100%;margin:0 0 10px 0;overflow:hidden}
}
Chúc các bạn thành công !

ToiShare.NET
 

Sơn Sexy

DienDanIT 2018
Tham gia
31/10/18
Bài viết
383
Lượt Thích
196
VNĐ
1,520
VNĐ
1,520
TTB TTB trùm blog
 
Tham gia
18/12/18
Bài viết
154
Lượt Thích
5
VNĐ
0
VNĐ
0

HƯỚNG DẪN CÁCH LÀM:

Bước 1:
Vào trang chỉnh sửa HTML, thêm đoạn js này lên trên thẻ </head> (bước này dành cho ai chưa thêm jquery vào blog, nếu thêm rồi thì bỏ qua bước này nhé)
HTML:
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
Bước 2: Tiếp đến tìm </body> và thêm đoạn js dưới lên trên nó
HTML:
<script src='https://rawcdn.githack.com/Arlina-Design/quasar/master/ajaxsearch.js?live=true&image=true&target=_blank&url=https://www.toishare.net'></script
* Thay
Xin vui lòng, Đăng nhập hoặc Đăng ký để xem nội dung URL.
thành link web của bạn
Bước 3: Tìm ]]></b:skin> và thêm đoạn css bên dưới lên trên thẻ vừa tìm được
CSS:
/* Ajax Search */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ajax-search{padding:20px;background:#fff!important;box-shadow:0 0 15px rgba(0,0,0,0.15);max-height:450px!important}
.ajax-search h3{font-size:14px;font-weight:normal;margin:0 0 20px 0}
.ajax-search li{position:relative;display:inline-block;float:left;width:50%;margin:0 0 10px 0;overflow:hidden}
.ajax-search li h4{font-size:13px;font-weight:normal;margin:0 15px 0 0}
.ajax-search li h4 a{color:#000;transition:all .3s}
.ajax-search li h4 mark{background-color:transparent;color:#000;text-decoration:underline;transition:all .3s}
.ajax-search li h4 a:hover,.ajax-search li h4:hover mark{color:#f44336}
.ajax-search-image{float:left;margin:0 10px 0 0}
.ajax-search-image img{border-radius:5px}
.ajax-search-pager a{display:inline-block;clear:both;overflow:hidden;background:#f44336;color:#fff;font-size:13px;padding:5px 10px;border-radius:3px;margin:15px auto 0 auto}
.ajax-search-pager a:hover{background:#333;color:#fff}
@media screen and (max-width:768px){
.ajax-search li{position:relative;display:inline-block;float:left;width:100%;margin:0 0 10px 0;overflow:hidden}
}
Chúc các bạn thành công !
hihi :v
ToiShare.NET
 

Bài mới nhất

Top Bottom