TẠO HỘP TÌM KIẾM ĐA NĂNG CHO BLOG
25/10/13
Cách tạo hộp tìm kiếm đa năng tích hợp nút chia sẻ:
- Đăng nhập vào blog.- Vào "Bố cục", bấm tiếp "Thêm tiện ích" [1] (nên chọn vị trí "Thêm tiện ích" ở bên tay phải và trên cùng của cột sidebar).
- Trong bảng tiện ích hiện ra, chọn HTML/Javascript [2] (ảnh dưới).
-Tại giao diện "Định cấu hình HTML/JavaScript" (ảnh trên) - nhập tiêu đề và dán toàn bộ code trong khung dưới vào phần "nội dung".
<form method=get action="http://www.google.com/search" class="googlesearch"> <input type="hidden" name="ie" value="UTF-8" /> <input type="hidden" name="oe" value="UTF-8" /> <table align="center"><tr><td> </td> <td class="bodyText"> <input type="hidden" name="domains" value="caocongkien.blogspot.com" /> <input type="radio" name="sitesearch" value="" />Google.com.vn <input type="radio" name="sitesearch" value="caocongkien.blogspot.com" checked />Caocongkien 360<br /> <input type="text" name="q" size="28" maxlength="255" onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value="Nhập từ khóa..." /> <input class="button" type="submit" name="btng" value="Tìm kiếm" /></td></tr></table></form>
<div style="border-style:ridge; width:280px; border-width:0px; border-color:dede; margin:1px 0px 1px 9px; padding:1px;"><div style="background-color:#FFFFFF; style="border:lime 1px dashed;margin:1px;padding:0px" align="left">
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-527a92ec749b0e6e"></script>
</div>
Lưu ý:
- Sau khi dán code, các bạn tìm ở phần cuối đoạn mã vừa dán và xóa dòng nhắc nhở này: "Bài gốc: http:// ......................... Bài viết đã được đăng ký bản quyền. Bạn vui lòng ghi rõ nguồn để thể hiện nhân cách của bạn! Xin cảm ơn!"
- Thay caocongkien.blogspot.com thành link blog (không cần http://) của các bạn và thay Caocongkien 360 thành tên blog của các bạn.
- Bấm "Lưu" [3] và định vị lại tiện ích vừa tạo nếu cần thiết.
- Bước cuối cùng bấm "Lưu sắp xếp" để hoàn tất và trở lại trang chủ xem kết quả.
P/S: Phần code nằm trong nền màu xanh là code để hiển thị các nút chia sẻ lên các mạng xã hội. Bạn nào không muốn sử dụng các nút này thì xóa bỏ đoạn code nằm trong nền màu xanh là được.
Chúc các bạn thành công!
Nguyễn Văn Cường (Caocongkien)
P/S: Các bài viết trong blog này đều đã được đăng ký, bảo vệ bởi: DMCA và Google Author Ship Nếu sao chép để đăng lại mà không đề tên tác giả và không đặt link dẫn về bài viết gốc đều bị coi là bất hợp pháp.
46 nhận xét :
ĐỀ NGHỊ:
Không chèn các đường link có tính chất spam, quảng cáo khi bình luận!
Tất cả những bình luận có chèn link nhằm spam, quảng cáo sẽ bị Admin báo cáo lên Google - do đó sẽ bị xóa và chặn vĩnh viễn.
Những bình luận, thắc mắc - nếu viết tắt bừa bãi, viết bằng kiểu chữ "teen",... sẽ không được trả lời và có thể bị xóa.
Rất mong quý vị thấu hiểu và thông cảm!
Xin cảm ơn!
Em ơi chị làm như em chỉ dẫn mà sao bị lỗi . em vào trang TOÁN THPT TRONG BLOG của chị xem sửa cách nào được không? cảm ơn em
Trả lờiXóaCó lẽ chị nhầm lẫn đâu đó, chứ tạo cái này rất dễ, chỉ mất 2 phút là xong. Em đã làm thử code này trên mấy trang blog đều thành công.
XóaĐể em có thể chỉnh sửa trực tiếp trên blog của chị mà không cần dùng tài khoản và pass của chị.
Chị hãy làm theo các bước sau:
1. Đăng nhập vào blog của chị, bấm vào hình tam giác nhỏ - một trình đơn thả xuống, bấm tiếp vào "Cài đặt" - một giao diện hiện ra, chị cuộn xuống phía dưới. Ở mục "Quyền - Tác giả blog" chị bấm "+Thêm tác giả" - một khung nhỏ hiện ra, chị điền email: caocongkien68@gmail.com vào. Sau đó bấm "Mời".
(Đó là chị mời em cộng tác với blog của chị) lúc này một email của hệ thống sẽ được tự động gửi tới em. Em sẽ chấp nhận lời mời của chị và đăng nhập vào blog của chị. Nhưng lúc này em chưa có quyền chỉnh sửa blog của chị.
2. Chị lại vào mục "Quyền - Tác giả blog" - ở hàng tên em (bên dưới tên chị) chị bấm vào chữ "Tác giả" và chuyển quyền của em thành "Quản trị viên", vậy là em có thể chỉnh sửa trực tiếp trên blog của chị.
Chỉnh sửa xong, chị có thể xóa tên em khỏi mục "Quyền - Tác giả blog" (em cũng có thể tự xóa mình khỏi blog chị). Hoặc chị chuyển em về "Tác giả" và để đó để khi cần chỉnh sửa , chị lại chuyển em thành "Quản trị viên" để chỉnh sửa. Vì chỉ có "Quản trị viên" mới có quyền chỉnh sửa blog, còn "Tác giả" chỉ có quyền đăng bài.
Có gì cần thiết chị liên lạc với em qua số ĐT: 0168.415.2447.
chị cảm ơn em có em làm cộng tác viên thì tốt quá . còn gì chị sẽ làm như em hướng dẫn
Trả lờiXóaCảm ơn chị!
XóaEm không có thời gian để làm "Cộng tác viên" cho ai đâu. Chỉ là áp dụng và tùy biến từ cách này để chỉnh sửa blog cho tiện thôi.
Cảm ơn em chị thử lại lại được . chị để linh blog nguyên cả http:// lại được em ạ.
Trả lờiXóaKhông cần http:// vẫn được mà chị. Em thông cảm với chị đã lớn tuổi nên thao tác hay nhầm lẫn.
XóaChúc chị luôn vui!
Chức năng này trong tiện ích cũng có.Nhưng,hộp tìm kiềm của Cường chia sẻ khả dụng và mở rộng được,thế cũng tiện.Chúc Cường nhiều vui và thành công! Mấy hôm nay mạng ở chỗ anh có vấn đề,nó chạy quá chậm,đã không có thời gian rồi lại càng thêm nóng ruột.Vào thăm các blog có chứa quá nhiều ảnh phải ngồi chờ phát sốt luôn....
Trả lờiXóaCảm ơn anh!
XóaCó thể do mạng chậm và cũng có thể do máy tính của anh bị chậm, nguyên nhân có thể do anh đã sử dụng máy lâu ngày mà không "dọn rác" hoặc máy bị nhiễm virus. Em thấy sử dụng trình duyệt Firefox vẫn thích hợp với Blogspot hơn cả.
Em sẽ viết bài chia sẻ cách khắc phục máy tính và mạng bị chậm sau.
Chúc anh luôn vui!
Chị cảm ơn cường nhiều , những bài viết về thủ thuật của em rất hữu ích chúc em luôn thành công và may mắn.
Trả lờiXóaEm cảm ơn chị!
XóaChúc mừng chị nhân ngày 20 - 10.
Em ơi ? làm sao chỉnh để cho ô có chữ tìm kiếm và ô viết từ khóa nó ở một dòng và ô goole+ , ô tích , ô chia sẻ sang tweet ở một dòng tức là tất cả chỉ gọn trong 2 dòng thôi như trong blog của em vậy?
Trả lờiXóaCái hộp này không hiển thị trong hai dòng là do phần sidebar (cột bên) trong blog của chị quá nhỏ.
XóaĐể tăng độ rộng của siddebar, cần phải chỉnh sửa trong HTML của tempalte. Cái này khá phức tạp, chị không làm được đâu. Để hôm nào rảnh, em làm cho chị và làm luôn việc thu gọn bài viết nữa. Hồi trước, chỉ gửi tên đăng nhập và pass của chị cho em, em chưa kịp làm thì chị đã thay pass nên em đành chịu.
ở cuối mỗi entry đã có nút chia sẻ sang goole+ và tweet ,nên trong hộp tìm kiếm này chị muốn chỉ để lại nút thích và ô tìm kiếm thì cắt đi phần code nào em nhỉ?
Trả lờiXóaChị bỏ phần code nằm trong nền màu xanh nhạt đó.
Xóaem vào xem thử giúp chị . bây giờ chị đã bỏ được chị lại muốn sao cho ô đánh từ khóa , ô chữ tìm kiếm , ô tích nàm trên một dòng thôi thì sửa thế nào ?
Trả lờiXóaChị chỉnh sidebar rộng tới 300px là được.
XóaChị làm được thu gọn bài đăng ngay sau đó theo code của Nam Kha em ạ . vì blog của chị phải thay thế một đoạn code mới được
Trả lờiXóaCái code đó thu gon không đẹp mấy. Code của em không cần xóa bất cứ một đoạn code nào khác.
XóaTại em chưa đọc tn của chị rồi ngay sau đó chị đã thu được bài đăng em ạ
Trả lờiXóaChị vẫn vào chỉnh sửa HTML thay đổi kích thước hai cột em ạ . lúc đau chị đã thay đổi nhưng vẫn chưa đủ độ rộng để hộp tiện ích thu gọn thành hai dòng . giờ thì được rồi. chị cảm ơn em nhiều
Chị làm được do template của chị là mẫu mặc định. Nếu là template khác thì hệ thống của Blogspot không hỗ trợ và phải chỉnh sửa trong HTML.
XóaEm vừa bị một kẻ đạo bài chuyên nghiệp ăn cắp một lúc gần 80 bài viết.
Chị đọc phần cuối bài này mà xem: VĂN HÓA ĂN VỤNG
Trả lờiXóaChúc Bạn tối đầu tuần ngọt ngào hạnh phúc
Cảm ơn ban! Bạn cũng vậy nhé!
XóaNhững bài viết cảu bạn đều rất hữu dụng gái sẻ thử làm xem sao cám ơn bạn chúc bạn buổi tối đầu tuần tràn đầy yêu thương!
Trả lờiXóaCảm ơn bạn nhiều!
XóaChúc bạn áp dụng thành công và có nhiều niềm vui!
Cái này hay đấy code ngắn gọn nếu bỏ phần chia sẻ thì ko có file JS.Xin về dùng thử nhé :D
Trả lờiXóaMang về sào nấu cho ngon vào rồi gọi tôi sang nhậu nhé!
XóaChả chế biến gì đâu chỉ bỏ phần chia sẻ rồi xài.Cái cũ của tôi code lằng nhằng lắm chỉ để dọa trẻ con là tốt :))
Trả lờiXóaCái này nó nhẹ hơn cái hộp tìm kiếm mặc định Blogspot nhiều đúng không?
XóaCông nhận tuyệt vời
Trả lờiXóaChế biến xong rồi(bớt 1 chút thêm 1 tẹo vậy là ok rồi)
Trả lờiXóaThank ông nhé!Cái này mới đấy hj`.
Hôm nào phải lấy cái bài viết nữa hehe
Hê hê... Qua xem xào nấu thế nào?
XóaLấy bài viết coi chừng bị "ma" DMCA bắt đó.
Sang thăm Bạn, chúc bạn luôn may mắn và thành công trong mọi công việc
Trả lờiXóaCảm ơn bạn!
XóaBạn cũng vậy nhé!
Chào Cường !Máy cũng mới thôi,nhưng hiện anh đang sử dụng D Com-3G.Có lẽ phải kéo cáp thì ổn hơn phải không Cường ?Chúc nhiều vui nhé !
Trả lờiXóaMáy mới nhưng anh không dọn "rác" trong WIN thì nó cũng chậm, thường thì một tuần phải dọn một lần anh ạ.
XóaAnh nên xài mạng chạy cáp, nhất là cáp quang, chứ 3G thì đọc báo còn khó giá cước lại mắc nữa.
Chúc anh thành công!
Chào anh, cám ơn bài viết của anh
Trả lờiXóanhưng em lại làm cách khác đó là copy cái block tìm kiếm đa năng của anh vafddax làm thành công nhưng,
khi nhấp chuột vào thì cụm từ "Nhập từ khóa..." không tự động mất đi.
nhờ anh sửa lỗi giùm.
dmo: http://www.giaoxulangrao.net/
Bạn copy như vậy bị lỗi là phải. Mình đã bổ xung thêm tính năng hiện và "biến mất" cụm từ "Nhập từ khóa" khi nhấp chuột vào rồi.
XóaBạn cứ làm như chia sẻ trong bài viết là được.
Mình thêm cái này vào site http://duyetvay.com nhưng nó bị báo lỗi bạn ạh ! , tính cho thẳng vào host nhưng chẳng biết file nào mà đưa vào , xin bạn cho ý kiến
Trả lờiXóaBạn nhầm lẫn đâu đó thôi, chứ cái này làm rất dễ mà. Chỉ việc dán code vào một tiện ích HTML/JavaScript rồi lưu lại là xong, không cần cho lên host gì hết.
XóaBlog của em làm như hướng dẫn của anh mà lại bị lỗi là: khi nhấp chuột vào ô tìm kiếm để gõ chữ, thì cứ trơ ra, không tài nào nhập chữ vào được! Không biết anh Cường có biết lỗi này thế nào không, giúp e sửa lại với!
Trả lờiXóaCảm ơn bạn Cường. Mình đã loay hoay dùng cái công cụ tìm kiếm có sẵn của Blogger suốt cả tuần nay nhưng nó hoạt động rất kém, không cho kết quả khi search hoặc sai. Công cụ của bạn hướng dẫn thật tuyệt. Cảm ơn bạn nhiều.
Trả lờiXóaTuy nhiên, mình muốn đổi phần tìm của google.com.vn ra sau, của mình ra trước thì chuyển thế nào bạn nhỉ? Site mình: http://chuyenthamkinonline.blogspot.com/
Bạn hoán đổi vị trí hoặc chỉnh sửa hai đoạn code nằm trong nền màu vàng và màu ghi là được. (Ghi chuyển lên trên).
XóaChú ý để đoạn code còn lại (nằm sát đoạn màu ghi) nằm sát đoạn màu vàng mà bạn chuyển xuống.
Chào anh.
Trả lờiXóaanh có thể chỉ cho tôi cách khách phục là khi tôi tạo hộp tìm kiếm or hiển thị số người online ... bằng tiếng việt thì chữ nó bị nhẩy xuống dòng (http://vtta.blogspot.com)
Xin cảm ơn
Chào bạn ! mình thấy blog của bạn rất hay ! Mình có 1 ý tưởng là muốn khi gõ search thì kết quả nhảy sang 1 tab mới ! Không biết có thể code được không, mong bạn giúp đỡ.
Trả lờiXóaCám ơn bạn vì bài viết hay.
Trả lờiXóahttp://ktvonline24.blogspot.com/
Anh ơi anh giúp em sửa lỗi không hiện được commnet của google và facebook không ạ...em đã thêm vào facebook vào blog rồi mà nó vẫn không hiện lên anh ạ..anh vào trang này xem giúp em nhé ạ : loaphuong36.com
Trả lờiXóa