
Σήμερα θα σας παρουσιάσω τον τρόπο με τον οποίο μπορείτε όλα τα link της σελίδας σας να ανοίγουν σε νέο παράθυρο ή νέα καρτέλα αυτόματα χωρίς να πρέπει να το κάνετε εσείς χειροκίνητα με την προσθήκη target = "_blank" μέσα σε κάθε υπερσύνδεσμο.
Σας δίνουμε λοιπόν παρακάτω έναν απλό jQuery κώδικα που θα ελέγχει όλες τις υπερ-συνδέσεις στο εσωτερικό της σελίδα του ιστολογίου σας και θα προσθέτει μόνο το target = "_blank" χαρακτηριστικό για τις συνδέσεις. Ο κώδικας δηλαδή θα ανιχνεύσει μόνο εξωτερικά hostnames και τη στιγμή που βρίσκει ένα, θα εισαχθεί στο χαρακτηριστικό του η target = "_blank" εντολή. Αυτή η εντολή λέει στο πρόγραμμα περιήγησης να ανοίξετε το σύνδεσμο σε νέο παράθυρο. Έτσι αυτό κάνει τους αναγνώστες του blog σας να μην φύγουν από το blog σας και επίσης βοηθά στην αύξηση της συνολικής προβολής των σελίδων σας.
Ακολουθήστε τα παρακάτω απλά βήματα για να προσθέσετε τον κώδικα:
Σημείωση: Αυτή η μέθοδος λειτουργεί τόσο για blogger όσο και για wordpress blogs.
Πηγαίνετε στο Blogger> Template
Δημιουργία αντιγράφων ασφαλείας του προτύπου σας
Κάντε κλικ στο κουμπί "Επεξεργασία HTML"
Ακριβώς πάνω από το tag </ head> επικολλήσετε την ακόλουθη δέσμη ενεργειών:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
$("a[href^='http://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
$("a[href^='https://']").each( function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
});
</script>
Κάντε Αποθήκευση και είναι έτοιμο.
Μια δοκιμή σίγουρα θα σας πείσει....
Μια δοκιμή σίγουρα θα σας πείσει....
Post a Comment