Lets create an HTML Share Buttons using CSS Code for your Blog.
To create HTML share buttons on your blog you need to paste the below code within the <HEAD> code.
<style type="text/css"> #share-buttons img { width: 35px; padding: 5px; border: 0; box-shadow: 0; display: inline; } </style>
You can change the width of the buttons. Next you need to add HTML script for the buttons which you need to copy and paste where the share button you want it to appear.
<!--These buttons are created by frinmash.blogspot.com,frinton madtha--> <div id="share-buttons"> <!-- Facebook --> <a href="http://www.facebook.com/sharer.php?u=http://frinmash.blogspot.com" target="_blank"><img src="http://4.bp.blogspot.com/-raFYZvIFUV0/UwNI2ek6i3I/AAAAAAAAGSA/zs-kwq0q58E/s1600/facebook.png" alt="Facebook" /></a> <!-- Twitter --> <a href="http://twitter.com/share?url=http://frinmash.blogspot.com&text=Simple Share Buttons" target="_blank"><img src="http://4.bp.blogspot.com/--ISQEurz3aE/UwNI4hDaQMI/AAAAAAAAGS4/ZAgmPiM9Xpk/s1600/twitter.png" alt="Twitter" /></a> <!-- Google+ --> <a href="https://plus.google.com/share?url=http://frinmash.blogspot.com" target="_blank"><img src="http://2.bp.blogspot.com/-9ijXNtKTaSk/UwNI3ANT4MI/AAAAAAAAGSY/Tu4kE8x9SnI/s1600/google.png" alt="Google" /></a> <!-- Digg --> <a href="http://www.digg.com/submit?url=http://frinmash.blogspot.com" target="_blank"><img src="http://4.bp.blogspot.com/-AUdsqB7cajQ/UwNI2iqT_AI/AAAAAAAAGR8/0FV_ZcsiylU/s1600/diggit.png" alt="Digg" /></a> <!-- Reddit --> <a href="http://reddit.com/submit?url=http://frinmash.blogspot.com&title=Simple Share Buttons" target="_blank"><img src="http://4.bp.blogspot.com/-1-mZEa1eiyc/UwNI4JytiFI/AAAAAAAAGSs/AoKmBkkJR-s/s1600/reddit.png" alt="Reddit" /></a> <!-- LinkedIn --> <a href="http://www.linkedin.com/shareArticle?mini=true&url=http://frinmash.blogspot.com" target="_blank"><img src="http://2.bp.blogspot.com/-3_cATk7Wlho/UwNI3eoTTLI/AAAAAAAAGSQ/Y8cpq6S-SeQ/s1600/linkedin.png" alt="LinkedIn" /></a> <!-- Pinterest --> <a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img src="http://2.bp.blogspot.com/-3CfsOmDx-Dg/UwNI3kMVjgI/AAAAAAAAGSU/OSixn3lcjX4/s1600/pinterest.png" alt="Pinterest" /></a> <!-- StumbleUpon--> <a href="http://www.stumbleupon.com/submit?url=http://frinmash.blogspot.com&title=Simple Share Buttons" target="_blank"><img src="http://2.bp.blogspot.com/-si3v8X2IVGI/UwNI4bncQrI/AAAAAAAAGSo/iZepRnIJFZU/s1600/stumbleupon.png" alt="StumbleUpon" /></a> <!-- Email --> <a href="mailto:?Subject=FrinMash&Body=I%20saw%20this%20and%20thought%20of%20you!%20 http://frinmash.blogspot.com"><img src="http://4.bp.blogspot.com/-njgKtNLrPqI/UwNI2o-9WfI/AAAAAAAAGR4/f8da1gBgyLs/s1600/email.png" alt="Email" /></a> </div>
Image:- Frinton Madtha