ΠΩΣ ΒΑΖΩ ΚΕΙΜΕΝΟ ΜΕ CLICKABLE ΕΙΚΟΝΑ ΣΤΗΝ ΠΛΑΪΝΗ ΜΠΑΡΑ

ΠΩΣ ΒΑΖΩ ΚΕΙΜΕΝΟ ΜΕ CLICKABLE ΕΙΚΟΝΑ ΣΤΗΝ ΠΛΑΪΝΗ ΜΠΑΡΑ
Για να βάλετε στην πλαϊνή σας μπάρα ένα κείμενο με μία εικόνα η οποία θα είναι clickable αντιγράψτε τον παρακάτω κώδικα και αλλάξτε το πράσινο link το οποίο πατώντας στην εικόνα ο αναγνώστης θα οδηγείται στο σχετικό άρθρο που θέλετε. Επίσης αλλάξτε το μώβ link της εικόνας του άρθρου καθώς και τις διαστάσεις της εικόνας εκεί που γράφει width="80" height="55". Ακόμα μπορείτε να αλλάξετε και την αποστάση margin-right: 4px; Αν θέλετε το κείμενό σας να έχει άλλο χρώμα background και περίγραμμα βάλτε τον 2^ο κώδικα που έχει το ανάλογο style. Απλά μην ξεχάσετε αν τον επαναλάβετε να αλλάξετε το #box16 με άλλο νούμερο για να μην συμπίπτει ο κώδικας και σας βγαίζει το ίδιο background.

ΚΩΔΙΚΑΣ 1^ος Χωρίς style.

<a href="http://the-best-widgets.blogspot.gr/2014/04/slide-show.html" target="_blank"><img src="https://lh6.googleusercontent.com/-w7XGNop0hKk/VRUurvBqNdI/AAAAAAAAQaY/Fkl-Eg0qABQ/w80-h55-no/SCROLLING%2BSLIDESHOW.jpg" style="float: left; margin-right: 4px;" border="0" alt="Κυλιόμενο slideshow προς τα πάνω"  title="Κυλιόμενο slideshow προς τα πάνω" width="80" height="55"/>Αυτό είναι ένα κυλιόμενο slideshow πρός τα πάνω με εικόνες από Ελληνικά νησιά. Μπορείτε να το τοποθετήσετε σαν gadget πηγαίνοντας στην διάταξη > προσθήκη gadget > εισαγωγή HTML/java script.</a>

ΚΩΔΙΚΑΣ 2^ος Με style.

<style> #box16{

margin-left: 0px;

padding-left: 2px;

padding-bottom: 2px;

background: #333333;

border: 1px solid #FBBB22;}

</style>

<div id='box16'>

<a href="http://the-best-widgets.blogspot.gr/2015/03/background.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ9r3LDfKe3L5wcYoJDtkNs-dzTPf-33tpR9wlDwHlg2NmC55XFEfIWUSKPHLvBxzNRKswUxwlh5YvpnML0lNGZqnLNFa2jjV74exUeIEqDFLBorRgFmN8Hhyphenhyphen-WPPysbUKlMn1wI3NpDQ_/w100-h72-no/wood-colors1.jpg" style="float: left; margin-right: 4px;" alt="ΠΩΣ ΒΑΖΩ ΜΙΑ ΕΙΚΟΝΑ ΓΙΑ ΦΟΝΤΟ ΑΝΑΡΤΗΣΗΣ"  title="ΠΩΣ ΒΑΖΩ ΜΙΑ ΕΙΚΟΝΑ ΓΙΑ ΦΟΝΤΟ ΑΝΑΡΤΗΣΗΣ" width="100" height="72"/> Για να βάλετε στην πλαϊνή σας μπάρα ένα κείμενο με μία εικόνα η οποία θα είναι clickable αντιγράψτε τον παρακάτω κώδικα και αλλάξτε το πράσινο link το οποίο πατώντας στην εικόνα ο αναγνώστης θα οδηγείται στο σχετικό άρθρο που θέλετε.</a></div>