Pages - Menu

Friday, September 5, 2014

mono : Minimal Social Media Buttons






Minimal Social Media Icons for Websites/Blogs/Profiles etc. The PSD file is customizable to suit any Social Media Network. Find the samle HTML code and PSD files within the package

Download:
Download from DsynFLO box folder - https://app.box.com/s/w71o522iuz0nwmk3zy0t
DeviantArt mono : minimal social media icons by bharathp666 on deviantART 

The Sample code below is the same used on this site. The Sample has on demand buttons for Google, Twitter, Facebook, Feedly* and Email using 'AddThis' customization. The code also features variation in color for mouse over event. Note: Code for 'Feedly' in the sample redirects to DsynFLO feeds. Don't forget to modify it before use.

Live Site  http://dsynflo.blogspot.com
HTML Demo  : http://jsbin.com/mijusu/1/edit?html,output
Online hosting  https://picasaweb.google.com/106461262664551894489/Public

Sample Code:
<!-- HTML Code for mono: Social Media Icons by DsynFLO-- >

<!-- Google -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>
<a class='addthis_button_google_plusone_share'><img alt='Share on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMQdwr4Qhl0PUg86vi2pqCks-I9mS7yx0TZIVNcY4y046TZh2A3FAGA6Gdc_68qCLPTEFJ2sE8yqn_AG27kcihO9BmKeUml7u3B0QHbKQIAnSS2lbocV5LrkVO0TrmLCDMDkKE8iI1oU/s800/google.png' 
onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ3rsOB35BKZY6f8Qsqq-hJ6A52u-rtja1XKJgK74Ml8KuqSlkLk1ea68iA8kJVHn7Gn451HauY-1eQjBkPsYgeoMsyujZBYXD2ec_2OdtiA0Ti5ApwmqJ7xTI48s9G8s2gZtb6MwDLlE/s800/hgoogle.png'" 
onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMQdwr4Qhl0PUg86vi2pqCks-I9mS7yx0TZIVNcY4y046TZh2A3FAGA6Gdc_68qCLPTEFJ2sE8yqn_AG27kcihO9BmKeUml7u3B0QHbKQIAnSS2lbocV5LrkVO0TrmLCDMDkKE8iI1oU/s800/google.png'" height='40px' width='40px' /></a>

<!-- Twitter -->
<a class='addthis_button_twitter'><img alt='Share on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0_kiXlbWnHlBNpyXcE9w5wwA2zmHbTXnFWA4mfO0H2OPyZ22nRb7J-03F-sAXqAWMtHCYy8Sxua8G7iIq3ODmgSG6FwllC0N_C2I5Bw6ggjjb-kbK24gYvJLFPlyFiq8Y_eAZF8Lc-Oc/s800/twitter.png' 
onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS3a7vDB-EeB2oJklyfPYTDTjBbfe47KoP3mqxV_SXXOxSWb60VwsJtGmB9H3WMGfcXO1eWUfN_tRusNulRVs7Y2pEvkfdbT-xLkdCOwKiQmRMyqkvzDdlykpmvDpEqmY8ZEo-KPZeD2A/s800/htwitter.png'" 
onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0_kiXlbWnHlBNpyXcE9w5wwA2zmHbTXnFWA4mfO0H2OPyZ22nRb7J-03F-sAXqAWMtHCYy8Sxua8G7iIq3ODmgSG6FwllC0N_C2I5Bw6ggjjb-kbK24gYvJLFPlyFiq8Y_eAZF8Lc-Oc/s800/twitter.png'" height='40px' width='40px' /></a>

<!-- Facebook -->
<a class='addthis_button_facebook'><img alt='Share on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXs69mkGlCaXfvFDsJ7Vn9xDvQdkRlKFMwtkpROj5UYXL69hqj9BOlojKBMdVDL0FqYcnG4I5Z1OY5DIgjmUaUQRlb7UwKOT4YXQ-pLupXOOkaIYIyxUQmz4vwCvQy83gOlzimtXD7t2M/s800/facebook.png' 
onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjddDFacEiJnkGUU91fY725FyNdCUUfXZV5Y6J-waai60sX_Ya7Yz4iHy9Rz7dnWlPIyvxYDxFYIG71Xy9cpMck8EzyWFerkAfJBtOvBclUFdhdphu4w5ZSaqc0McLtI4yN0d3HsTA4kc8/s800/hfacebook.png'" 
onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXs69mkGlCaXfvFDsJ7Vn9xDvQdkRlKFMwtkpROj5UYXL69hqj9BOlojKBMdVDL0FqYcnG4I5Z1OY5DIgjmUaUQRlb7UwKOT4YXQ-pLupXOOkaIYIyxUQmz4vwCvQy83gOlzimtXD7t2M/s800/facebook.png'" height='40px' width='40px' /></a>

<!-- Feedly -->
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FDsynFLO" target="blank"><abbr title="Feedly"><img alt="Follow us in feedly" id="feedlyFollow" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_iqI-vaqLOOzMKmSDIcfreTGiE6BMR2Ppca0Tx1wFVWgQAmOISmaSeIK7g0F5jVHuC2_3uhrwP5aSDLhGDPD7bWf6tmdP4i2pFSeFH6pZmnzQ3RbyXyp3WM3iu5FDBdvJIfSf-e_5YO8/s800/feedly.png" 
onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsokjWkb4MOzu0TlnfI5ZbmJdxzMBY-TgXT0LXSCoqY6NoD9qRT3uHIv4CgyLwMEJ4KLZ_-tOSBkuGR1TQKnWXFOrRzLNrjt0krpKx52_5DUaV0Zdd8UbD-G6C3UAd5krNF4aJdbr4BwE/s800/hfeedly.png'" 
onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_iqI-vaqLOOzMKmSDIcfreTGiE6BMR2Ppca0Tx1wFVWgQAmOISmaSeIK7g0F5jVHuC2_3uhrwP5aSDLhGDPD7bWf6tmdP4i2pFSeFH6pZmnzQ3RbyXyp3WM3iu5FDBdvJIfSf-e_5YO8/s800/feedly.png'" height='40px' width='40px'  /></abbr></a>

<!-- Mail-->
<a class='addthis_button_email'><img alt='Share vai Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhChR0yUCTj7poFbT5vuf8VJMraDB0fsX3Sk9fLUTn6hhlS-P77rhq15IopQCtzQr0XRiKXFyFF0tLH-LtmxLs2qCDsRLu0nhwhZfypDabGBSNQBBhAaj5A00pcaifCOO1UhO_zLZaH8/s800/mail2.png' 
onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjljhypEz6Ifo1I0XAbfOIaRUVjUlCfTxy9dmmYNpkSOgPS0GiYSiUOIl0r3tJjIaGgbvTxQqYX6Df9HwjD8HKIRw5SXh5K7eFcnJCnezxOLFTobTpfU5rfeT0ODvNhQ8ZiuWt7rEUpeks/s800/hmail2.png'" 
onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhChR0yUCTj7poFbT5vuf8VJMraDB0fsX3Sk9fLUTn6hhlS-P77rhq15IopQCtzQr0XRiKXFyFF0tLH-LtmxLs2qCDsRLu0nhwhZfypDabGBSNQBBhAaj5A00pcaifCOO1UhO_zLZaH8/s800/mail2.png'" height='40px' width='40px'  /></a>