• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

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

ICONS BUTTONS
ΠΩΣ ΒΑΖΩ 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=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/AVvXsEhsNHhxgozYS1VoHtNXD20_prwdB352jfk-5vv9U5jfEBjKYdN6pFQ7qmvn5bW-RXbkaGvCgWGDAT22qGPECC6RVcdkU9aJ6MR_8t_qPmg5CMv0mjClCTIDRocyX1ipRG30LERCD8vYmo0/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/AVvXsEhsNHhxgozYS1VoHtNXD20_prwdB352jfk-5vv9U5jfEBjKYdN6pFQ7qmvn5bW-RXbkaGvCgWGDAT22qGPECC6RVcdkU9aJ6MR_8t_qPmg5CMv0mjClCTIDRocyX1ipRG30LERCD8vYmo0/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/AVvXsEgVS9zV4OFWHrdQesNlBOZ0FScIGmNgWlqO3BFktnsDaGYusZH1RQ66zUAebZnrBYbmB649rzg27FLXYlvJy7VkXE7RVDG0ZgM-cXf6IDmb1Vz0Is8EPgPdHQRTGDSocov54jN2ZwBxNsg/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/AVvXsEhsNHhxgozYS1VoHtNXD20_prwdB352jfk-5vv9U5jfEBjKYdN6pFQ7qmvn5bW-RXbkaGvCgWGDAT22qGPECC6RVcdkU9aJ6MR_8t_qPmg5CMv0mjClCTIDRocyX1ipRG30LERCD8vYmo0/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/AVvXsEhsNHhxgozYS1VoHtNXD20_prwdB352jfk-5vv9U5jfEBjKYdN6pFQ7qmvn5bW-RXbkaGvCgWGDAT22qGPECC6RVcdkU9aJ6MR_8t_qPmg5CMv0mjClCTIDRocyX1ipRG30LERCD8vYmo0/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/AVvXsEgVS9zV4OFWHrdQesNlBOZ0FScIGmNgWlqO3BFktnsDaGYusZH1RQ66zUAebZnrBYbmB649rzg27FLXYlvJy7VkXE7RVDG0ZgM-cXf6IDmb1Vz0Is8EPgPdHQRTGDSocov54jN2ZwBxNsg/s48-no/88%252C9+FM.JPG"/></a>

▼ ΣΤΑΤΙΚΟ ΕΙΚΟΝΙΔΙΟ ΠΟΥ ΑΝΟΙΓΕΙ ΣΤΟ ΙΔΙΟ ΠΑΡΑΘΥΡΟ
<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/AVvXsEiRYgWscjLkA2UUF40dXCxGVbwtgg3Ia9Lfpa8vD_shyfC3RoLfJ8S62WfOQLgoKqOZGb06y8I1K3wK-62VAVWNdo2SUAwa_ZcQbDVUIQyL7NQ0LjyriCl3SCZ4AScTaanDOV1ejUpOay8/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/AVvXsEiRYgWscjLkA2UUF40dXCxGVbwtgg3Ia9Lfpa8vD_shyfC3RoLfJ8S62WfOQLgoKqOZGb06y8I1K3wK-62VAVWNdo2SUAwa_ZcQbDVUIQyL7NQ0LjyriCl3SCZ4AScTaanDOV1ejUpOay8/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/AVvXsEiRYgWscjLkA2UUF40dXCxGVbwtgg3Ia9Lfpa8vD_shyfC3RoLfJ8S62WfOQLgoKqOZGb06y8I1K3wK-62VAVWNdo2SUAwa_ZcQbDVUIQyL7NQ0LjyriCl3SCZ4AScTaanDOV1ejUpOay8/s48-no/bookmax-48.JPG"/></a></div>

4 σχόλια:

  1. Μάλλον δεν σας εξήγησα σωστά.. Θέλω να σταματάει να κατεβαίνει πάρα πολύ η σελίδα γιατί γίνεται κουραστικό. Να έχει κάπου ένα σταμάτημα και να έχει κουμπί που να ανοίγει άλλη σελίδα για να συνεχίζονται εκεί πχ οι αναρτήσεις.. Ευχαριστώ

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Επέλεξε 2-4 ετικέτες για να εμφανίζονται στην πρώτη σελίδα, μετά βάλε τα κουμπιά για τις επόμενες σελίδες στο τέλος της πρώτης σελίδας και μετά επέλεξε πάλι 2-4 ετικέτες για την δεύτερη σελίδα και ξαναβάλε τα κουμπιά για τις επόμενες και προηγούμενες σελίδες στο τέλος της δεύτερης σελίδας και ξάνα πάλι το ίδιο για τις υπόλοιπες σελίδες.

      Διαγραφή
    2. Πως το κάνω?Από που επιλέγω?

      Διαγραφή
    3. Βάζεις για κάθε μία ετικέτα που έχεις στο blog σου μία παράγραφο κώδικα απο αυτή την ανάρτηση. http://the-best-widgets.blogspot.gr/2016/01/blog-post_12.html Και μετά βάζεις στο τέλος της τον κώδικα των κουμπιών των υπόλοιπων σελίδων οι οποίες θα έχουν και αυτές 2-4 παραγράφους απο τον πρώτο κώδικα και φυσικά στο τέλος τους τα κουμπιά που θα οδηγούν στις αντίστοιχες σελίδες με τις υπόλοιπες αναρτήσεις σε τίτλους.

      Διαγραφή

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

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.