Τρίτη 8 Ιουλίου 2014

Blogger Button που μοιάζει με αυτό του Twitter


Καλησπέρα αγαπητοί Bloggers,

Μετά την πρώτη επιτυχημένη ανάρτηση σχετικά με το YouTube Button, έρχεται και το δεύτερο μέρος της μοναδικής σειράς των Blogger Buttons, με πρωταγωνιστή το Twitter !

Έχω να σας παρουσιάσω το νέο και ολοκληρωμένο "Twitter Button" που σχεδιάστηκε στα πρότυπα του κανονικού και μπορεί τώρα πια ο κάθε blogger να το χρησιμοποιεί ελεύθερα.

Χρήσημοποιείται ως: Download Button, Read MoreMenu Button και άλλα Links


Ο κώδικας του Twitter Button για την προσθήκη στο blog σας, είναι ο παρακάτω:
<a href="το link που θες να ανοίγει" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 13px; outline: none; text-align: -webkit-center;" target="_blank"><button class="submit btn primary-btn" style="-webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px inset; background-color: #019ad2; background-image: -webkit-linear-gradient(top, rgb(51, 188, 239), rgb(1, 154, 210)); background-repeat: repeat no-repeat; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(5, 126, 208); box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px inset; color: white; cursor: pointer; font-size: 12px; font-weight: bold; line-height: 18px; margin: 0px; overflow: visible; padding: 5px 10px; position: relative; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 1px;" tabindex="4" type="submit">Το όνομα που θες να έχει το κουμπί</button></a>

UPDATE 22/7/2013: Μετά από επισήμανσή του Fivos Vardis στα σχόλια:

Ο χρήστης μπορεί να αυξομειώνει το μέγεθος της γραμματοσειράς στο Twitter Button από το
  • font-size: 12px
Σας ευχαριστούμε για την άμεση ενημέρωση.

0 σχόλια:

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