Ẩn liên kết ra ngoài chuyên nghiệp hơn bằng jQuery

Khi rê chuột lên 1 liên kết ngoài, trình duyệt sẽ hiển thị "your-blog-name.com/go/external-link.com". Điều này sẽ lợi thế cho các...


Khi rê chuột lên 1 liên kết ngoài, trình duyệt sẽ hiển thị "your-blog-name.com/go/external-link.com". Điều này sẽ lợi thế cho các bạn có nhiều liên kết affiliate nhưng lại không muốn bạn đọc rê chuột lên xem địa chỉ. Để cài đặt code này, bạn nhập Blog URL vào ô dưới đây rồi nhấn GET CODE và làm theo các hướng dẫn tiếp theo.

External Link Demo
Cài đặt vào template

Dán code và lấy được vào trước thẻ </body> trong code template của bạn.

Nếu bạn chưa thêm thư viện jQuery thì copy và dán code sau lên trước thẻ </head> trong code template:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>


Đổi thiết lập (nếu cần)

Nếu bạn không thích các tùy chọn mặc định của Vnblogspot, thì bạn có thể tìm trong code các phần sau.

Đổi khu vực ẩn liên kết
Mặc định là tất cả liên kết ra ngoài đặt trong <body>...</body> đều bị ẩn vì khu vực được chọn là 'body a'. Nếu bạn chỉ muốn ẩn trong khu vực post-body hoặc một khu vực nào khác, hay thay đổi biến số Exlink_Selector thành '.post-body a'.

Đổi target
Mặc định sẽ mở các liên kết ra ngoài trên một của sổ khác của trình duyệt vì đã thiết lập '_blank'. Nếu bạn muốn mở tại một đích khác thì bạn hãy đổi giá trị của biến số Exlink_Target.

Đổi class
Mặc định hỗ trợ thêm class 'external_link' vào các liên kết ngoài để hỗ trợ dễ dàng trang trí bằng CSS. Nếu bạn muốn dùng một class khác thì đổi giá trị biến Exlink_Class.

Đổi chế độ ẩn
Nếu liên kết ngoài là  "blogger.com", trình duyệt sẽ hiển thị là "yourblogname.com/go/blogger.com" khi rê chuột. Nếu bạn chỉ muốn hiển thị "yourblogname.com/go/blogger" thì đổi giá trị biến Exlink_Fullhide thành  false.


Lịch sử xuất bản
  • 29/02/2012: Ra phiên bản 1.0

COMMENTS

BLOGGER: 17
  1. Dành cho blog download fần mềm thì rất tốt đấy.

    Trả lờiXóa
  2. Dùng thử thấy cũng hay

    Trả lờiXóa
  3. Luc trước mình có viết bài " Tạo trang báo lổi 404 cho blogspot " để khắc phục nhược điểm link ảo khi sử dụng thủ thuật này. nãn quá nên thôi.

    Trả lờiXóa
  4. Hi, mình thì ko có nhu cầu dấu link nhưng cần chuyển link ra ngoài, nhưng khổ cái mình có dùng những cái jquery khác như là nút Add Comment tự nhảy đến vị trí comment của Noct mà nếu dùng target blank này thì nó lại nhảy ra trang khác, mình mò hoài ko thể biết cách sửa được, hỏi nhiều nơi lâu lắm rồi mà cũng ko đc, Tiến có biết cách lựa chọn để dùng chung với những dạng JQ định dạng nơi đến này ko bị nhảy tab mới thì giúp giùm mình với hi :)

    Trả lờiXóa
  5. Mục Nhận xét với tư cách:... Thấy có Google, Live Journal, WordPress,...
    Làm sao đưa Yahoo Account vào các bạn nhỉ. Mong được giúp đỡ. Thanks.

    Trả lờiXóa
  6. @Teddy LovelyHi Teddy, bác đọc phần hướng dẫn trong bài này có nói là chọn lựa khu vực thay link. Nếu không muốn chọn cả trang thì chọn '.post-body' thôi.

    Trả lờiXóa
  7. @Vị CườngHiện tại chưa xâm nhập được cái form đó bác à.

    Trả lờiXóa
  8. Mình nghĩ cái này rất hữu dụng, vì đa số có nick của yahoo. Phải ko bạn.
    blog của mình mới lập: baitaptin8.blogspot.com.

    Trả lờiXóa
  9. Hơ, quái thật, mình bỏ thử vào blog mình khi bấm vào link vào topic thì nó...ko hiện ra gì hết, nghĩa là chỉ còn cái background blog còn lại trắng bóc, chẳng biết lỗi gì nữa chắc đụng jq gì đó ko chừng, haizz..nhưng mà nếu xài thì mình muốn target black mọi link, trừ cái nút jq Add Comment thôi, mà kó thật :(

    Trả lờiXóa
  10. Hic, mấy cái temp của bác Tien Nguyen ngon dưng mà mã hóa code ác quá :(

    Trả lờiXóa
  11. @NADĐâu ác lắm đâu bác? Bác làm code rồi bác sẽ hiểu thôi mà. ^_^

    Trả lờiXóa
  12. Hì, thanks bác nhiều. :)

    Trả lờiXóa
  13. @Cu0nglsfHiện nay Google đã cải thiện bot để có thể chuẩn đoán luôn js nhưng còn rất hạn chế (chỉ index document.write), chủ yếu vẫn là index HTML.

    Cái code này thì nội dung gốc rễ vẫn là HTML chỉ bị tác động của js nhưng không dùng document write nên cũng có thể coi là HTML luôn. Bot sẽ follow các link ngoài này và vẫn index rank. Ý cá nhân em vậy.

    Trả lờiXóa
  14. Thủ thuật này lúc trước mình dùng không bị gì, nhưng hiện tại thì bị lỗi kiểu này: TEMPLATE ERROR 2 - INVALID DOMAIN
    Mình gỡ bỏ nó đi thì mọi thứ đều trở lại bình thường!

    Trả lờiXóa
  15. Site này a biết k ?http://www.myjqueryplugins.com
    E thấy có nhiều Plugins Jquery hay a tham khảo rồi áp dụng cho blogsopt nhé .E thích mấy Plugins này mà k tùy biến dùng cho blogspot dc. :(

    Trả lờiXóa

Tên

au*cenz,2,au*dashcam,1,au*hhv,3,au*mitom,1,au*pup,1,au*tai,5,au*tdphan,2,au*tgphan,1,au*tvnguyen,76,au*vkhg,1,Blogspot căn bản,11,Các thủ thuật khác,8,Comment phân cấp,3,Công cụ,2,Google SEO,3,Hỗ trợ,2,Hubspot Marketing Grader,1,IE CSS hack,1,kiếm tiền trên mạng,1,Kỹ năng viết blog,7,Lập trình Blogger,3,Mẫu blog,11,Menu,1,Sitemap,1,Sticky,1,Sưu tầm,6,Tên miền Godaddy,2,Thủ thuật,31,Tiện ích bài ngẫu nhiên,1,Tiện ích bài viết mới,1,Tiện ích mạng xã hội,2,Tiện ích nhận xét mới,1,Tiện ích Top nhận xét,1,Tin tức,36,Widgets,8,youtube partner,1,
ltr
item
Vnblogspot: Ẩn liên kết ra ngoài chuyên nghiệp hơn bằng jQuery
Ẩn liên kết ra ngoài chuyên nghiệp hơn bằng jQuery
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9KeIF4aB7p4Tfu_F5JS2UF8MGc47J92rhZ5TSug8ORWzxknPR8Z7EvcAijE89sXhOtAdutOChQLHT0PV8t4rWevr6sW43UiO9a3RWdf0VbicTOVqV5QIPe2luj7vwxDqN6jrRrUb92P8/s1600/external_link_plugin_banner.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9KeIF4aB7p4Tfu_F5JS2UF8MGc47J92rhZ5TSug8ORWzxknPR8Z7EvcAijE89sXhOtAdutOChQLHT0PV8t4rWevr6sW43UiO9a3RWdf0VbicTOVqV5QIPe2luj7vwxDqN6jrRrUb92P8/s72-c/external_link_plugin_banner.jpg
Vnblogspot
http://vnblogspot2.blogspot.com/2012/02/chuyen-huong-lien-ket-ra-ngoai-chuyen.html
http://vnblogspot2.blogspot.com/
http://vnblogspot2.blogspot.com/
http://vnblogspot2.blogspot.com/2012/02/chuyen-huong-lien-ket-ra-ngoai-chuyen.html
true
5347051965778775909
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content