Php MySQL

Add Social Media Button in Your Website

In this post we are discus about how to implement social Buttons on your website.the social buttons give a great look to your website and affect to your user experience , and the social buttons is also usefull to contact you.    

                    

 

Method: this is a very simple to add social media’s button in a web page, there are few steps to make buttons, if you follow all steps as describe ,you can makes a good looking and working  buttons . here a given only HTML code you have to design and adjust button as you want.
STEP[1]. Enter The Following Code into your website code.
Source Code
<div class="sidebar social">
<div class="boxframe widget">
<table border="1" cellpadding="1" cellspacing="0" style="width:300px">
<tbody>
<tr>
<td>
<div style="background:#eeeeee; border:1px solid #cccccc; padding:5px 10px">
<span style="font-family:Times New Roman,Times,serif"> Follow Us</span></div>
</td>
</tr>
<tr>
<td>
<div style="background:#eeeeee; border:1px solid #cccccc; padding:5px 10px; text-align:justify">
<a href="#" title="Twitter"><img alt="Twitter" src="https://lh3.googleusercontent.com/-K6wJX9nRIF8/UIZQmqRKEUI/AAAAAAAAEZ8/BhlnKHxLJGA/s32/twitter.png" /></a>

<a href="#" title="Facebook"><img alt="Facebook" src="https://lh5.googleusercontent.com/-rKeX53bbt9I/UIZQf5T37OI/AAAAAAAAEYM/JB1v24h-OJA/s32/facebook.png" /></a>
<a href="#" title="Tumblr"><img alt="Tumblr" src="https://lh5.googleusercontent.com/-ukZ8x5_6nKc/UIZQmj3MsPI/AAAAAAAAEaA/fkfM77E1Q8I/s32/tumblr.png" /></a>
<a href="#" title="YouTube"><img alt="YouTube" src="https://lh6.googleusercontent.com/-7fCzFCvdyBo/UIZQpPC717I/AAAAAAAAEak/eUzDd13WyuA/s32/youtube.png" /></a>
<a href="#" title="Vimeo"><img alt="Vimeo" src="https://lh5.googleusercontent.com/-qtQR-CeAc7I/UIZQnLgmB_I/AAAAAAAAEaM/JF3056QKIN8/s32/vimeo.png" /></a>
<a href="#" title="LinkedIn"><img alt="LinkedIn" src="https://lh6.googleusercontent.com/-kAIDRsStPig/UIZQjNbHhuI/AAAAAAAAEZE/chQtr_q6KzM/s32/linkedin.png" />
</a> <a href="#" title="Behance"><img alt="Behance" src="https://lh4.googleusercontent.com/-XiPfuIlKyAI/UIZQdJ8hGdI/AAAAAAAAEXg/4G_hpeiYeqA/s32/behance.png" /></a>
<a href="#" title="Envato"><img alt="Envato" src="https://lh4.googleusercontent.com/-XFlk8B0Ludk/UIZQfHN5INI/AAAAAAAAEYA/YbAej8YDeFg/s32/envato.png" /></a>
<a href="#" title="Evernote"><img alt="Evernote" src="https://lh4.googleusercontent.com/-uY68vGWShqA/UIZQfpZr03I/AAAAAAAAEYQ/V-fRAtzGVNI/s32/evernote.png" /></a>
<a href="#" title="Gowalla"><img alt="Gowalla" src="https://lh6.googleusercontent.com/-toiGQUCwoZw/UIZQhdfKTCI/AAAAAAAAEYw/jIl5os-ml_4/s32/gowalla.png" /></a>
<a href="#" title="Paypal"><img alt="Paypal" src="https://lh4.googleusercontent.com/-JqYs12TKgyo/UIZQkB4xIiI/AAAAAAAAEZY/An4XHIk79DM/s32/paypal.png" /></a>
<a href="#" title="Pinterest"><img alt="Pinterest" src="https://lh5.googleusercontent.com/-dHTMe-_-d3k/UIZQkt2cU5I/AAAAAAAAEZc/KkIpBhOLI-M/s32/pinterest.png" /></a>
<a href="#" title="Quora"><img alt="Quora" src="https://lh5.googleusercontent.com/-mkg5_k1NBeY/UIZQk9jD8DI/AAAAAAAAEZg/_k90pFgjOIs/s32/quora.png" /></a>
<a href="#" title="Google"><img alt="Google" src="https://lh5.googleusercontent.com/-B-nA_6g5czY/UIZQhRA1zQI/AAAAAAAAEYo/Ku8NO5qiVNU/s32/google.png" />
</a> <a href="#" title="Googleplus"><img alt="Googleplus" src="https://lh6.googleusercontent.com/-fVHZwKnC-rI/UIZQhJ63RlI/AAAAAAAAEYg/RhaE1mk7ZKM/s32/googleplus.png" /></a>
<a href="#" title="Github"><img alt="Github" src="https://lh6.googleusercontent.com/-7RwO9cbAV-E/UIZQgoFN3QI/AAAAAAAAEYc/AqkvXAo2Eb8/s32/github.png" /></a> 
<a href="#" title="Flickr"><img alt="Flickr" src="https://lh3.googleusercontent.com/-eko-FZenRkQ/UIZQgSA_LaI/AAAAAAAAEYU/rZQCq9t7aUQ/s32/flickr.png" /></a> 
<a href="#" title="WordPress"><img alt="WordPress" src="https://lh4.googleusercontent.com/-flHRAKHVRBs/UIZQnCJ9WSI/AAAAAAAAEaQ/eTiGB0al9_k/s32/wordpress.png" /></a> 
<a href="#" title="RSS"><img alt="RSS" src="https://lh4.googleusercontent.com/-p_h6Coe0oU8/UIZQlEYVW0I/AAAAAAAAEZk/_x60gDMoYd0/s32/rss.png" /></a></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

STEP[2]. you have to add your social links and replace with #.

STEP[3]. Save File and Open browse your Website.

OutPut Look Like That:

Kamal

My name is Kamalesh saini , working as e-mitra operator and web developer too. i am here to guide people who need help in learning php MySQL, HTML,CSS, and javascript.

3 comments

  • Levitra Mit Viagra Kombinieren Cephalexin Dosage In Children [url=http://cheapciali.com]generic cialis[/url] Fast Delivery Cialis Online Acheter Cialis Avis How To Order Flagyl In Hampton Canadian Rx [url=http://cialonlineno.com]viagra vs cialis[/url] Purchasing Bentyl In Internet Secure Ordering With Free Shipping Buy Cheap Synthroid No Prescription Catalogo De Kamagra Keppra No Prescription Needed High Dose Amoxicillin [url=http://drugs20.com]cheapest cialis[/url] Achat Tadalis Sx 40 Mg Buy Doxycycline V Real Progesterone Visa No Physician Approval Store Viagra E Erezione [url=http://aquedan.com]sertralina generic[/url] Propecia Ingredients Kamagra Canadian Pharmacy Generico Levitra Online Italia Does Augmentin Work Better Than Amoxicillin [url=http://gnplls.com]levitra online espana[/url] Cialis Jeune

Follow us

Don't be shy, get in touch. We love meeting interesting people and making new friends.