Buttons with Links in Blog

ΠΩΣ ΒΑΖΩ BUTTONS Ή ΕΙΚΟΝΙΔΙΑ ΣΤΟ BLOG ΜΟΥ (15 ΚΩΔΙΚΕΣ)

ΠΩΣ ΒΑΖΩ BUTTONS Ή ΕΙΚΟΝΙΔΙΑ ΣΤΟ BLOG ΜΟΥ (15 ΚΩΔΙΚΕΣ)

Παρακάτω θα βρείτε 15 διαφορετικούς κώδικες για να βάλετε buttons ή εικονίδια στο blog σας. Κάθε κώδικας είναι διαφορετικός ως προς τον τρόπο που ανοίγει το button ή το εικονίδιο, την θέση του και κάποια εφέ ημιδιαφάνειας. Τα buttons και τα εικονίδια αυτά μπορούν να μπούν το ένα δίπλα στο άλλο σε οριζόντια ή σε κάθετη διάταξη και να αποτελέσουν ένα έγχρωμο μενού από buttons ή εικονίδια. Όπως π.χ. το έγχρωμο μενού με buttons που περιγράφω στην ανάρτηση. ΚΑΘΕΤΟ ΚΑΙ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΕΓΧΡΩΜΑ BUTTONS

▼ BUTTON ΠΟΥ ΑΝΟΙΓΕΙ ΣΤΟ ΙΔΙΟ ΠΑΡΑΘΥΡΟ

<a href="http://the-best-widgets.blogspot.gr"><button style="width:100px; height:28px; background:#FF6600; color:#FFFFFF;  font: 14px Arial;">BLOGGER</button></a>

▼ BUTTON ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ

<a href="http://the-best-widgets.blogspot.gr" target="_blank"><button style="width:100px; height:28px; background:#FF6600; color:#FFFFFF;  font: 14px Arial;">BLOGGER</button></a>

▼ BUTTON ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ POP UP WINDOW

<a href="http://www.e-radio.gr/player/player.asp?sid=431"  target="_blank" onclick="window.open(this.href, 'popupwindow', 'width=750, height=500, resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return false;"><button style="width:44px; height:28px; background:#FF6600; color:#FFFFFF;  font: 14px Arial;">88,0</button></a>

▼ ΣΤΑΤΙΚΟ BUTTON ΠΟΥ ΑΝΟΙΓΕΙ ΣΤΟ ΙΔΙΟ ΠΑΡΑΘΥΡΟ

<div id="static-button" style="top:0px;left:0px;position:fixed;z-index:999;">

<a href="http://the-best-widgets.blogspot.gr"><button style="width:62px; height:25px; background:#FF6600; color:#FFFFFF;  font: 13px Arial;">HOME</button></a></div>

▼ ΣΤΑΤΙΚΟ BUTTON ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ

<div id="static-button" style="top:0px;left:0px;position:fixed;z-index:999;">

<a href="http://the-best-widgets.blogspot.gr" target="_blank"><button style="width:62px; height:25px; background:#FF6600; color:#FFFFFF;  font: 13px Arial;">HOME</button></a></div>

▼ ΣΤΑΤΙΚΟ BUTTON ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ POP UP WINDOW

<div id="static-button" style="top:0px;left:0px;position:fixed;z-index:999;">

<a href="http://the-best-widgets.blogspot.gr" target="_blank" onclick="window.open(this.href, 'popupwindow', 'width=1000, height=750, resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return false;"><button style="width:62px; height:25px; background:#FF6600; color:#FFFFFF;  font: 13px Arial;">HOME</button></a></div>

▼ ΕΙΚΟΝΙΔΙΟ ΠΟΥ ΑΝΟΙΓΕΙ ΣΤΟ ΙΔΙΟ ΠΑΡΑΘΥΡΟ

<a href="https://www.facebook.com/widgetsforblogs">

<img border="0" alt="Facebook" style="width: 42px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXEDwnXGn3iK3V6BQxWXMbxBteVgR5uzW7rjT0WpvJquiqkjzrRk2wud7YdGz5EJMk1O_kON6flH2JxcwdlNQ2PVs2dn-qdOF4wru4lu31oIHW8o2GrFN8IL33js3H8JjTWwSqLJGefs/s48-no/facebook-42.png"/></a>

▼ ΕΙΚΟΝΙΔΙΟ ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ

<a href="https://www.facebook.com/widgetsforblogs" target="_blank">

<img border="0" alt="Facebook" style="width: 42px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXEDwnXGn3iK3V6BQxWXMbxBteVgR5uzW7rjT0WpvJquiqkjzrRk2wud7YdGz5EJMk1O_kON6flH2JxcwdlNQ2PVs2dn-qdOF4wru4lu31oIHW8o2GrFN8IL33js3H8JjTWwSqLJGefs/s48-no/facebook-42.png"/></a>

▼ ΕΙΚΟΝΙΔΙΟ ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ POP UP WINDOW

<a href="http://www.onradio.gr/player.php?id=517041" title="HIT FM 88,9" target="_blank" onclick="window.open(this.href, 'popupwindow', 'width=1000, height=750, resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return false;">

<img border="0" alt="88,9 HIT" style="width: 48px; height: 48px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ54Lds5Jis-69x0k-ROnJbL8uFwvWkoop041k4P0s-m1OrSf0cS53H74OejA1r4T8Evwa6SlzDLMvkZ-tD60BeL220meoUqPFf2eApTJNaI74EHpud2oSX0pMDFEyEZAQXUwv0LMqVbs/s48-no/88%252C9+FM.JPG"/></a>

▼ ΕΙΚΟΝΙΔΙΟ ΜΕ ΕΦΕ ΗΜΙΔΙΑΦΑΝΕΙΑΣ ΠΟΥ ΑΝΟΙΓΕΙ ΣΤΟ ΙΔΙΟ ΠΑΡΑΘΥΡΟ

<a onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"

style="opacity:0.8;filter:alpha(opacity=80)" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=80" href="https://www.facebook.com/widgetsforblogs">

<img border="0" alt="Facebook" style="width: 42px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXEDwnXGn3iK3V6BQxWXMbxBteVgR5uzW7rjT0WpvJquiqkjzrRk2wud7YdGz5EJMk1O_kON6flH2JxcwdlNQ2PVs2dn-qdOF4wru4lu31oIHW8o2GrFN8IL33js3H8JjTWwSqLJGefs/s48-no/facebook-42.png"/></a>

▼ ΕΙΚΟΝΙΔΙΟ ΜΕ ΕΦΕ ΗΜΙΔΙΑΦΑΝΕΙΑΣ ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ

<a onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"

style="opacity:0.8;filter:alpha(opacity=80)" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=80" href="https://www.facebook.com/widgetsforblogs" target="_blank">

<img border="0" alt="Facebook" style="width: 42px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXEDwnXGn3iK3V6BQxWXMbxBteVgR5uzW7rjT0WpvJquiqkjzrRk2wud7YdGz5EJMk1O_kON6flH2JxcwdlNQ2PVs2dn-qdOF4wru4lu31oIHW8o2GrFN8IL33js3H8JjTWwSqLJGefs/s48-no/facebook-42.png"/></a>

▼ ΕΙΚΟΝΙΔΙΟ ΜΕ ΕΦΕ ΗΜΙΔΙΑΦΑΝΕΙΑΣ ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ POP UP WINDOW

<a onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"

style="opacity:0.8;filter:alpha(opacity=80)" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=80" href="http://www.onradio.gr/player.php?id=517041" title="HIT FM 88,9" target="_blank" onclick="window.open(this.href, 'popupwindow', 'width=1000, height=750, resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return false;">

<img border="0" alt="88,9 HIT" style="width: 48px; height: 48px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ54Lds5Jis-69x0k-ROnJbL8uFwvWkoop041k4P0s-m1OrSf0cS53H74OejA1r4T8Evwa6SlzDLMvkZ-tD60BeL220meoUqPFf2eApTJNaI74EHpud2oSX0pMDFEyEZAQXUwv0LMqVbs/s48-no/88%252C9+FM.JPG"/></a>

▼ ΣΤΑΤΙΚΟ ΕΙΚΟΝΙΔΙΟ ΠΟΥ ΑΝΟΙΓΕΙ ΣΤΟ ΙΔΙΟ ΠΑΡΑΘΥΡΟ
* με το style=."..." μπαίνει επάνω αριστερα στην οθόνη. Εαν σβήσουμε το style= μένει μέσα στο πλαίσιο που έχουμε και τα υπόλοιπα buttons.

<div id="static-icons" style="top:0px;left:0px;position:fixed;z-index:999;">

<a href="http://public.bookmax.net/dikefalos/bookmarks/824240">

<img border="0" alt="Bookmax" style="width: 30px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSiXUQq_T9ThZhqI26B8eN4FsSmQGwzITCg3_3HwZlCWdAXcqnZXAhoX0HK4DAeXiuyWyNuZ1XmpO9UnKObV4KEyeBSXCzQlJwli6wy2L20NMbXe8JDuoLVoYFQF3IQt0ygMG-JQ8woEU/s48-no/bookmax-48.JPG"/></a></div>

▼ ΣΤΑΤΙΚΟ ΕΙΚΟΝΙΔΙΟ ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ

<div id="static-icons" style="top:0px;left:0px;position:fixed;z-index:999;">

<a href="http://public.bookmax.net/dikefalos/bookmarks/824240" target="_blank">

<img border="0" alt="Bookmax" style="width: 30px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSiXUQq_T9ThZhqI26B8eN4FsSmQGwzITCg3_3HwZlCWdAXcqnZXAhoX0HK4DAeXiuyWyNuZ1XmpO9UnKObV4KEyeBSXCzQlJwli6wy2L20NMbXe8JDuoLVoYFQF3IQt0ygMG-JQ8woEU/s48-no/bookmax-48.JPG"/></a></div>

▼ ΣΤΑΤΙΚΟ ΕΙΚΟΝΙΔΙΟ ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ POP UP WINDOW

<div id="static-icons" style="top:0px;left:0px;position:fixed;z-index:999;">

<a href="http://public.bookmax.net/dikefalos/bookmarks/824240" target="_blank" onclick="window.open(this.href, 'popupwindow', 'width=1000, height=750, resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return false;">

<img border="0" alt="Bookmax" style="width: 30px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSiXUQq_T9ThZhqI26B8eN4FsSmQGwzITCg3_3HwZlCWdAXcqnZXAhoX0HK4DAeXiuyWyNuZ1XmpO9UnKObV4KEyeBSXCzQlJwli6wy2L20NMbXe8JDuoLVoYFQF3IQt0ygMG-JQ8woEU/s48-no/bookmax-48.JPG"/></a></div>

http://the-best-widgets.blogspot.gr/2015/11/buttons-blog-15.html