3D κουμπιά για κοινωνική δικτύωση.

0

Ένα όμορφο widget με 3D κουμπιά, στα οποία περιστρέφονται 360° όταν το ποντίκι πηγαίνει επάνω τους.



Δείτε demo

Επιλέξτε [Διάταξη] - [Προσθήκη gadget] - [HTML/Javascript] και επικολλήστε τον παρακάτω κώδικα. Αντικαταστήστε τις λέξεις Κουμπί με τα μπλε γράμματα με αυτά της επιλογής σας, όπως φαίνονται παρακάτω και πατήστε [Αποθήκευση]. (Δε χρειάζεται να βάλετε τίτλο στο gadget)

<style>
#social a:hover {background-color: transparent;opacity:0.7;} 
#social img { 
 -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;
 -o-transition: all 0.8s ease-in-out;
 -ms-transition: all 0.8s ease-in-out;
 transition: all 0.8s ease-in-out; } 
 
#social img:hover { 
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg); }
</style> 
 
 <center> <div id="social"> Κουμπί1 Κουμπί2 Κουμπί3 Κουμπί4 Κουμπί5 Κουμπί6 </div> </center>

Στη θέση του κώδικα αντικαταστήστε τις λέξεις κουμπί με τους παρακάτω κώδικες (όποιους θέλετε εσείς) και βάλτε τα δικά σας URL.

Icon
<a href="http://www.blogger.com/YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fQ0F1gUipHHMjwxANamNT5WLz_17hdQI5mtd0yYzL3_xjE6NkvCY5mKSBNbb2Tf6RG_nS7yc5EEZ3_42h8WV6eNoi6Sjemra19eOi77q3W-PVDroipgPmH9KHr_ct9IgnrK_ckekifvi/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a>

Icon
<a href="http://www.blogger.com/YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb_pxzi4q2G-VvchcXl4AEOo3cUaUPenhCQ3uEQPZl6BhEeMbOkxrmiUmNmhhY58gNvwhMHuc1H9EZMJ2ilOpknTmL8Y_fFQlXxQupHr4MpYpqk9NP7JKTp79U-UK0m4cY4z_8f5UvJ0_a/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a>

Icon
<a href="http://www.blogger.com/YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisWDLsU2Wzp7-pAxKXnP7yRzDVMEkph-1QO4Wnv8f4jc9U4Uz1cdLFMPmtDceX4Hi8hDe_cPqtU2DQ452IlpMMzV6vuA40G768suTMn3YMJyEgxHilh9EAKVNHV183cg4o8dJIZCMjl2ic/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a>

Icon
<a href="http://www.blogger.com/YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOr8uT2sMt0L49-bBThbut9Bkj3aTrb5DMBbNEI4ZznMBIqkMcyR5_y5FVjFOk4g3IisyOEsSdAJW2HTiiOqqhAEuZo5HxEVA_2wqfTaRfkHs-NiqQ54kHHT0l5WFZqI5s_2uMHczaC_B3/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a>

<a href="http://www.blogger.com/YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Q8YIY6l9IBlApUVBkTGKgFY-mbMev7E_ebUThNYeTfbdyKD7pr1g6QTmVk7Ny-6-qA_l-A-TGVk2pFAoW5cb-YDbzNzYttv3FgB2_BtA3ZG-t7GaHoRI9m0rQW8Xjvtt22Em6IFkOi5_/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a>

Follow Me on Pinterest
<a href="http://www.blogger.com/YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX6xY8o9i9cv2Lxfd6ZVmmxzdaAZiX8DNpukVdE3CH1wZT05YMxfiqghrNIAJkmJ1GtQ-cgJzCjgHwwx2AIY-RKFEKz4eD7MrRKc3RcJN_p7AT0069wwomQshbqBToOFU3wARfTb2JCnkf/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a>


[Πηγή:
sainiblogger.blogspot.com , allblogtools.com]

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

0 Σχόλια
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
Δημοσίευση σχολίου (0)
To Top