GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

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

TEXT BOX
ΠΩΣ ΒΑΖΩ ΚΕΙΜΕΝΟ ΜΕ 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://lh6.googleusercontent.com/-y7-Hdrq32cw/VRmgiiDDmOI/AAAAAAAAQlE/-RAC8eEQBcY/w100-h72-no/wood-colors1.jpg" style="float: left; margin-right: 4px;" alt="ΠΩΣ ΒΑΖΩ ΜΙΑ ΕΙΚΟΝΑ ΓΙΑ ΦΟΝΤΟ ΑΝΑΡΤΗΣΗΣ"  title="ΠΩΣ ΒΑΖΩ ΜΙΑ ΕΙΚΟΝΑ ΓΙΑ ΦΟΝΤΟ ΑΝΑΡΤΗΣΗΣ" width="100" height="72"/> Για να βάλετε στην πλαϊνή σας μπάρα ένα κείμενο με μία εικόνα η οποία θα είναι clickable αντιγράψτε τον παρακάτω κώδικα και αλλάξτε το πράσινο link το οποίο πατώντας στην εικόνα ο αναγνώστης θα οδηγείται στο σχετικό άρθρο που θέλετε.</a></div>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".