Simple SlideShow

Mega Menu

PullDown menu(exei HTML)

3D icon menu

Πέμπτη 19 Νοεμβρίου 2015

Buttons with Links in Blog

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

ΠΩΣ ΒΑΖΩ BUTTONS Ή ΕΙΚΟΝΙΔΙΑ ΣΤΟ BLOG ΜΟΥ (15 ΚΩΔΙΚΕΣ)
ICONS BUTTONS
Παρακάτω θα βρείτε 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=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="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

Page Navigation

3D Text

O KΩΔΙΚΑΣ HTML:

3D Text ΕΔΩ ΓΡΑΨΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ

Marquee Text-Icons

Thomasgrm.Blogger.gr

FlashVortex Banner

Tab Widget

ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 1

Tab Widget 2

ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 1
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 2
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 3
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 4

Carousel POST SLIDER

Slideshow

  • ΑΛΟΝΗΣΟΣ-1

    ΑΛΟΝΗΣΟΣ-1

  • ΑΛΟΝΗΣΟΣ-4

    ΑΛΟΝΗΣΟΣ-4

  • ΑΛΟΝΗΣΟΣ-5

    ΑΛΟΝΗΣΟΣ-5

  • ΑΛΟΝΗΣΟΣ-11

    ΑΛΟΝΗΣΟΣ-11

  • ΣΚΙΑΘΟΣ-22

    ΣΚΙΑΘΟΣ-22

  • ΣΚΙΑΘΟΣ-23

    ΣΚΙΑΘΟΣ-23

  • ΣΚΙΑΘΟΣ-1

    ΣΚΙΑΘΟΣ-1

  • ΣΚΙΑΘΟΣ-4

    ΣΚΙΑΘΟΣ-4

  • ΣΚΙΑΘΟΣ-20

    ΣΚΙΑΘΟΣ-20

- See more at: http://gadgetsforblogs1.blogspot.gr/2015/01/slideshow-with-thumbnails.html#more

BACKGROUND SLIDER

Menu Posts Vertical - ACCORDION MENU

!
r
g
.
r
e
g
g
o
l
b
.
m
r
g
s
a
m
o
h
t