15 CODES FOR BUTTONS AND ICONS

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


BUTTON ΠΟΥ ΑΝΟΙΓΕΙ ΣΤΟ ΙΔΙΟ ΠΑΡΑΘΥΡΟ
<a href="https://the-best-widgets.blogspot.gr"><button style="width:100px; height:28px; background:#FF6600; color:#FFFFFF;  font: 14px Arial;">BLOGGER</button></a>

BUTTON ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ
<a href="https://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="https://www.e-radio.gr/player/player.asp?sid=431target="_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="https://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="https://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="https://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/AVvXsEjPALVKCV_RwX642U1f2p2DyXOnYF03zKryb4Q-NkwOY7seA0DYFY3pUM_SvMMC8np6VVcNKsg4Ha9YmrjUT6rRjG0sJn-mRrQr6makHpzoD9Krlh2L4reFgENDFKK3eaidUTzNEQBJkws/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/AVvXsEjPALVKCV_RwX642U1f2p2DyXOnYF03zKryb4Q-NkwOY7seA0DYFY3pUM_SvMMC8np6VVcNKsg4Ha9YmrjUT6rRjG0sJn-mRrQr6makHpzoD9Krlh2L4reFgENDFKK3eaidUTzNEQBJkws/s48-no/facebook-42.png"/></a>

▼ ΕΙΚΟΝΙΔΙΟ ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ POP UP WINDOW
<a href="https://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/AVvXsEgwB0tqTvJ7fpCUcCN_eCS7eJ6SDHkQw1bQn-ti-76neq1sFgWCl1SNTtpYVD51j2Rcx0d0RRvNA7DA3DakNLKkY4z4wObOG9R_Hj1zuViMN-JZl3MBUFpHohnmKEq2knbTV5P_EXkWgs8/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/AVvXsEjPALVKCV_RwX642U1f2p2DyXOnYF03zKryb4Q-NkwOY7seA0DYFY3pUM_SvMMC8np6VVcNKsg4Ha9YmrjUT6rRjG0sJn-mRrQr6makHpzoD9Krlh2L4reFgENDFKK3eaidUTzNEQBJkws/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/AVvXsEjPALVKCV_RwX642U1f2p2DyXOnYF03zKryb4Q-NkwOY7seA0DYFY3pUM_SvMMC8np6VVcNKsg4Ha9YmrjUT6rRjG0sJn-mRrQr6makHpzoD9Krlh2L4reFgENDFKK3eaidUTzNEQBJkws/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="https://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/AVvXsEgwB0tqTvJ7fpCUcCN_eCS7eJ6SDHkQw1bQn-ti-76neq1sFgWCl1SNTtpYVD51j2Rcx0d0RRvNA7DA3DakNLKkY4z4wObOG9R_Hj1zuViMN-JZl3MBUFpHohnmKEq2knbTV5P_EXkWgs8/s48-no/88%252C9+FM.JPG"/></a>

▼ ΣΤΑΤΙΚΟ ΕΙΚΟΝΙΔΙΟ ΠΟΥ ΑΝΟΙΓΕΙ ΣΤΟ ΙΔΙΟ ΠΑΡΑΘΥΡΟ
<div id="static-icons" style="top:0px;left:0px;position:fixed;z-index:999;">
<a href="https://public.bookmax.net/dikefalos/bookmarks/824240">
<img border="0" alt="Bookmax" style="width: 30px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmGgA5YrQqalWf8pL1EdCsWtzxS-nl8jzzqiQhp_WfLz7QwJe7ZVjWOFsYCMp_9Do87zfNrEch88REXMPOya2qCbGvQclnPLMkneJawvzPiQLXYlCMLWhF-UoMrzwK7vYCkkUJKEtlHk/s48-no/bookmax-48.JPG"/></a></div>

▼ ΣΤΑΤΙΚΟ ΕΙΚΟΝΙΔΙΟ ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ
<div id="static-icons" style="top:0px;left:0px;position:fixed;z-index:999;">
<a href="https://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/AVvXsEjUmGgA5YrQqalWf8pL1EdCsWtzxS-nl8jzzqiQhp_WfLz7QwJe7ZVjWOFsYCMp_9Do87zfNrEch88REXMPOya2qCbGvQclnPLMkneJawvzPiQLXYlCMLWhF-UoMrzwK7vYCkkUJKEtlHk/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="https://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/AVvXsEjUmGgA5YrQqalWf8pL1EdCsWtzxS-nl8jzzqiQhp_WfLz7QwJe7ZVjWOFsYCMp_9Do87zfNrEch88REXMPOya2qCbGvQclnPLMkneJawvzPiQLXYlCMLWhF-UoMrzwK7vYCkkUJKEtlHk/s48-no/bookmax-48.JPG"/></a></div>