Εικονίδιο ή εικόνα με ενσωματομένο link στο blog σας που να ανοίγει νέα καρτέλα

Ένα πολύ χρήσιμο  gadget για το blog σας. Τοποθετήστε μία εικόνα σε ένα μέρος του blog σας όπου θα θέλατε να εμφανίζεται μία εικόνα ή εικονίδιο με ενσωματωμένο link και πατώντας το θα ανοίγει σε νέα καρτέλα αυτό που θέλετε

Δείτε και τα παραδείγματα στο τέλος της ανάρτησεις

Το widget μπορείτε να το προσθέσετε απλά, ακολουθώντας τα παρακάτω βήματα:

1. Σχεδίαση
2. Προσθήκη gadget
3. HTML/JavaScript
4. Επικόλληση και Αποθήκευση του παρακάτω κώδικα:


ΚΩΔΙΚΑΣ GADGET 1

<center>
<a href='Εδώ βάζετε το link που θέλετε να ανοίγει σε νέα καρτέλα' target='_blank'><img border="0" src="Εδώ το link της διευθύνσεις τις φωτογραφίας" height="200" width="220" /></a>
</center>

Το link της φωτογραφίας το παίρνουμε  κάνοντας  δεξί click πάνω στην εικόνα που θέλουμε και επιλέγουμε (Αντιγραφή διευθύνσεις URL εικόνας) από Google Chrome
ή  (Αντιγραφή τοποθεσίας  εικόνας) από το Firefox

Με κόκκινο είναι για τα link

Με μπλέ  είναι για ρύθμιση των διαστάσεων

Με μόβ   αρχικά το <center>  και το </center>  στο τέλος είναι προαιρετικά η χρήσει του είναι για να εμφανίζεται στο κέντρο  του gadget  οτιδήποτε τοποθετήσουμε.

Mε ρόζ είναι ο κώδικας που κάνει την εικόνα να ανοίγει σε νέα καρτέλα, η διαγραφή του θα ανοίγει απευθείας την σελίδα χωρίς να ανοίγει νέα καρτέλα.
Δεν συνιστώ την διαγραφή του απλά ενημερωτικά αναφέρθηκα για άλλες χρήσεις.


Επίσης μπορείτε να χρησιμοποιήσετε για εξοικονομήσει χώρου δύο εικονίδια το ένα δίπλα στο άλλο με τον παρακάτω κώδικα 

ΚΩΔΙΚΑΣ GADGET 2

<center>
<table>
<tr>
<td>
<a href='Εδώ βάζετε το link που θέλετε να ανοίγει σε νέα καρτέλα' target='_blank'><img border="0" src="Εδώ το link της διευθύνσεις τις φωτογραφίας" height="100" width="120" /></a>
</td>
<td>
<a href='Εδώ βάζετε το link που θέλετε να ανοίγει σε νέα καρτέλα' target='_blank'><img border="0" src="Εδώ το link της διευθύνσεις τις φωτογραφίας" height="100" width="120" /></a>
</td>
</tr>
</table>
</center>

Παράδειγμα 1

<center>

<a href="http://blogger-tips-hacks.blogspot.gr/2012/12/gadget-online-blog.html" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEUoVCffvEhcd_ULy6GV3ncM2k62RpexK7Ls8i83-9744EsTf1BDicM38HSIy28YvfjvVFL78x3kLAulsodfZ73TAfmPBx4xM1U61Jak89VDOrIFmPQwAmIGmIm1pzkEockvBpkVGaMTY/s1600/22510_273144179473572_1447933558_n.png" height="200" width="220" /></a></div>

</center>

Παράδειγμα 2

<center>

<table>
<tr>
<td>
<a href='/.blogspot.com' target='_blank'><img border="0" src="http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash3/22510_273144179473572_1447933558_n.png" height="100" width="120" /></a>
</td>
<td>
<a href='/.blogspot.com' target='_blank'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTuYflYS2r232uf-wkvRDfmjOdew04Pqvpxcf7npvC05vWtmNJu5hxHYCpJrT4478TkwCLS_qXGKcTGA5NSKa2BoobOopA7fGw1EFAmR0gjc9_AIl-yfFfUXfYyyxjwApLP6gEYgFHuuU/s1600/live+radio+greece.jpg" height="100" width="120" /></a>
</td>
</tr>
</table>
</center>

Εικονίδιο ή εικόνα με ενσωματομένο link στο blog σας που να ανοίγει νέα καρτέλα