down

1.19.2012

Tạo code mở link trong một cửa sổ mới

Trình duyệt sẽ mở một cửa sổ mới với các trang liên kết đối với các link trong blog (một số trình duyệt có thể mở một tab mới trong cùng một cửa sổ) thay vì thoát khỏi blog của bạn là một thủ thuật hay các bạn nên thực hiện cho Blog của mình.
Để click mở  link liên kết trỏ tới các site bên ngoài mà người đọc không rời khỏi trang của bạn được các pro blogger trong và ngoài nước hướng dẫn bạn đặt cách thuộc tính  target=_blank vào link đó trong bài viết.
change-link-to-open-in-new-window1
Ví dụ: Với blog www.vnblognet.com có review hướng dẫn về trang www.vnpressnet.com, khi đặt thuộc tính target=_blank vào link trên với cấu trúc:
<a href="http://www.vnpressnet.com" target="_blank">www.vnpressnet.com</a>
thì khi click vào www.vnpressnet.com (đặt thuộc tính target=_blank ) thì trang VnPressnet sẽ mở ra tại một tab hoặc một cửa sổ mới (tùy trình duyệt).
Ngược lại nếu không đặt thuộc tính target=_blank vào link với cấu trúc:
<a href="http://www.vnpressnet.com">www.vnpressnet.com</a>
thì khi click vào www.vnpressnet.com (không đặt thuộc tính target=_blank) trang vnpressnet sẽ mở ngày tại cửa sổ trang gốc.
Việc thực hiện tuy đơn giản nhưng nếu với số lượng bài đăng trong ngày nhiều thì rất thì rất mất thời gian và công sức! Tuy nhiên, với đoạn script được cung cấp của anhvo (vietwebguide.com – tại thời điểm này đã dừng hoạt động) có khả năng nhận dạng các link địa chỉ mà ta không muốn cho khách rời khỏi sau khi click vào đó. Nó sẽ tự động cho target=_blank đối với các trang không có trong danh sách.
Các thức thực hiện cũng đơn giản như sau:
1. Bạn truy cập vào Blogger > Layout > Edit HTML
2. Tìm (Ctrl-F) đoạn mã : </body>
3. Thay thế </body> bằng đoạn mã sau:
<script type="text/javascript">
//<![CDATA[
function changetargetlink(x){
var a = document.getElementsByTagName('a');
var args = changetargetlink.arguments;
for(var i in a){
a[i].target = "_blank";
a[i].rel = "_blank";
for(var j=0;j<args.length;j++){
if(a[i].href.match(args[j])){
a[i].target = "";
a[i].rel = "";
}}}}
changetargetlink('vnblognet.com','xyz.com');
//]]>
</script>
</body>
'vnblognet.com','xyz.com' là các địa chỉ sẽ không thêm thuộc tính taget= _blank (mở ở cửa sổ khác). Bạn có thể thêm hoặc bớt tùy ý vài địa chỉ vào như ví dụ:
('vnblognet.com','xyz.com', 'abc.com','....');
Do vậy thông thường thì ta  ta sẽ chỉ đặt 1 giá trị là địa chỉ blog gốc :
changetargetlink('vnblognet.com');
Hy vọng là script nhỏ của anhvo mà vnblognet sưu tập được sẽ giúp bạn cải thiện về công sức việc đặt target cho link của bài viết.

0 comments

Post a Comment