You see them everywhere, don't you? Those sweet little collections of groovy FaceBook, Twitter and RSS Feed icons. Ever tried finding them? Or figuring out how to make them work?
I have.
I once spent a whole day googling, trying to find where to get them - or at least how to make them.
This post is the result of that day's work - and you get the benefit.
I have come up with a collection of social media buttons in various styles, formatted in cut-n-paste code just for you. I've even added in hard-to-find matching Pinterest buttons too - I made them to match each style.
All you have to do is copy the code, add in your own details, and paste into an html gadget in your sidebar. Simple as that.
Oh sorry, was that too fast? Too vague?
Lets break it down.
Here's what to do...
TO USE:
- Choose your style. Select and copy the code you want (control+c) then paste (control+v) into a Word document. Save.
- Replace the coloured text with your own social media details. Save. (If there are some Social Media Platforms you don't use, move the code for those buttons to the bottom of the page and keep for later, just in case).
- Copy the new personalised code (control+c) and paste into an html gadget in your sidebar. Save.
- Done!
TWEAKING:
- If you want to resize the buttons, change the number value e.g. width="45"; Increase size by increasing the number e.g. width="55"; reduce the size by reducing the number e.g. width="35"
- To push a button onto the next line, insert a "break" e.g. <br/> before its code.
***UPDATED: After having issues with Photobucket hosting (my buttons were too popular for my freebie account??!) I have recreated the code for the most popular buttons only. Hopefully you'll find something here that you like ***
Wooden Buttons
<a
href="http://www.twitter.com/YOURTWITTERNAME"><img style="border: 0pt none ;"
title="Twitter" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYcyksMTyc6ectxOOws-d9el526eAbjqxMftYcB2vrRkK5wUHMrnRDY3P5qpT2IrNs_V06OguADntZUAROmlouJP0_pcw9eJUudP4LzDhr8P2OXlFS8F912HiGRVEEc82Kh8bkJYYU3w/s1600/twitter+%25281%2529.png"
width="45" height="45" /></a>
<a
href="http://www.facebook.com/YOURFACEBOOKPAGE"><img style="border: 0pt none ;"
title="Facebook" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrMq_0u3ueTxk0FlSg8w1M_SZ7TNViLJfJw-8227Gt13Kmi2L0FgM9WR13hkvIkDf0yveOAAD232YgtGRrFVDkrXElI1kK6fm6juKM4dHMBmaLXnL0QZD0HZeOcv9jZ6KPlwFFmzlG4fc/s1600/facebook+%25281%2529.png"
width="45" height="45" /></a>
<a href="http://YOURBLOGADDRESS/feeds/posts/default"><img style="border: 0pt none
;" title="Follow" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC5uVNaxr7Px7LLPui47DWE0buy1CUA26jAjzp_WuAghouGuzkUL-pdn5_oQmIW2Oai9Bz8Ep2EI2u3A36LPtaEtV8GP7s63Y196TKrNJtm5TrAZIQlTwadsOq1cBgck1Fu46J1CL5nyU/s1600/rss+%25281%2529.png"
width="45" height="45" /></a>
<a href="YOUR PINTEREST URL"><img
style="border: 0pt none ;" title="Pinterest"
alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXHJWLvC6VmJSimVbqrjXTxsZWhjm_44ZuAFKG7u86tuzfOYCK2k4ilCIzTw3LU2V5OX9py2ERk96V0s87mZ-BL-TySk-OnSl8OsqgwEvdr09Cuga0j0Wk_Pa-OBbOd3G-MnrP3GyFhTs/s1600/wooden+pinterest.png"
width="45" height="45" /></a>
<a
href="mailto:YOUREMAILADDRESS" ><img
style="border: 0pt none ;" title="Email" alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-FFI1NZ0XHdTnODcTltj00AmqRsDdt8VICKx8XvWsHjq7AvranAHqBeJengK1Cvda4jRwn2VEV1INHto7-rd2Ds_BVhJjN_hzWj9uPqnRQmWyRiz531Jtid71OXruk8z5ZItg8blMmDg/s1600/gmail.png"
width="45" height="45" /></a>
<a href="YOUR GOOGLE+ URL"><img
style="border: 0pt none ;" title="Google +"
alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgblPbEXSgdnU5mMc1nroIvVbhWUBuU5TdswYCAxeCc1Uxfh828QBuWfh-40HIUPFkeYP0rdyMKi_G6LcrDzfXz2LzQ6Xb3QlGpw3Zl6R4jwlpvpbPtMcarAplN1eIHoDYpTJAnOWxi1bQ/s1600/wooden+google%252B.png"
width="45" height="45" /></a>
<a href="YOUR FLICKR URL"><img
style="border: 0pt none ;" title="Flickr" alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAv_OXwStPRHRW0sRQTG-hixa9nnrka5sWINM8JDmhjcfPOml1U-E7hqQzZKYoIq0NX6QlQGC8Kt6Y5CYuiOGH1RauHVPBXyPV9Df-FHxoQI_y2GL4l6hw9KmQgJxP8DxAzSfQAZAL_3c/s1600/flickr.png"
width="45" height="45" /></a>
<a href="YOUR LINKEDIN URL"><img
style="border: 0pt none ;" title="Linked In"
alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikeDuHXRVHyMkCsD6OtI9eSicP4S7zJALXCZ02KxieasHqXOxPuWDeDtV031sTUhNhRhwRcQDnJTXWL1OQCHgTPHngVgkqoDnstFmrwVaQReDFZGxf59fp4jbJZee3bZgerQtJX68l4zQ/s1600/linkedin.png"
width="45" height="45" /></a>
<a
href="http://www.twitter.com/YOURTWITTERNAME"><img style="border: 0pt none ;"
title="Twitter" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaHwhXVdWe6MQjqb95lnJaDmhvEGZTA2uGfY-ds7ta72OqN43gTrcksL1_WZ3H3js7gR7B20uTrB63BgppwtyoToVxHTtnuYDLZdw9BbzlrPOJT6UmFkxKB5vYBOQQ4nnfrb_eS80mbwI/s1600/latte-social-icon-twi.png"
width="45" height="45" /></a>
<a href="http://www.facebook.com/YOURFACEBOOKPAGE"><img style="border: 0pt none ;" title="Facebook" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD7daKxgcEA46xQPMq9pnaUEiaIk8g5n4EgkVuEjzu4gaeOMJgbNGpwAnfS9wQk2PJSL1jTPvFvFG5caaVOdzglsH4Cr7s58HE1ZJGRL4vsmPg8VlLfhIiynIJq2Utuo2zTO9_xvejBiE/s1600/latte-social-icon-fb.png" width="45" height="45" /></a>
<a href="http://www.facebook.com/YOURFACEBOOKPAGE"><img style="border: 0pt none ;" title="Facebook" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD7daKxgcEA46xQPMq9pnaUEiaIk8g5n4EgkVuEjzu4gaeOMJgbNGpwAnfS9wQk2PJSL1jTPvFvFG5caaVOdzglsH4Cr7s58HE1ZJGRL4vsmPg8VlLfhIiynIJq2Utuo2zTO9_xvejBiE/s1600/latte-social-icon-fb.png" width="45" height="45" /></a>
<a href="http://YOURBLOGADDRESS/feeds/posts/default"><img
style="border: 0pt none ;" title="Follow" alt=""
src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVBVdrtqNDuTkvkGpSWBSe_YY6q45YeCPwugcPyRQzBdMwL9s79E3tv8HdZBieVSvNdz-L437JITFojI8lsoZ5xdSzy3s5d-gvUQaG4iPaUy77eYhfqvdBTI_Slc9lQ9zPEXMr1RZnsds/s1600/latte-social-icon-rss.png"
width="45" height="45" /></a>
<a href="YOUR PINTEREST URL"><img
style="border: 0pt none ;" title="Pinterest"
alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH_maNQNRSQdurmzK8p0oHoXQQcKP4aZ25ZycDupZv2s7QZvTpcu8PHghuwO1BTUbaYJfQw0DttFrQ36OB7kp0nu5NHa2ARqhLvU34alX4MTYwdSbntrZRPcJfQ7SEaAfoyeCPSlKVv0I/s1600/pinterest+coffee+cup.png"
width="45" height="45" /></a>
<a href="YOUR INSTAGRAM URL"><img
style="border: 0pt none ;" title="iNSTAGRAM"
alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eOS8bgn6jZo5BWS1Btrmm62eyzhJIP_wN4WzfWEUmCxzeiS3OeWnm0Xj3zv2hFXffyjof3e6URmM7bfNKuiaxiN_RSu8Cq0E9HzpfCXbvGMlUxtgaOy9vc9x5RVdJg9ybCS-ieURCyg/s1600/latte-instagram.png"
width="45" height="45" /></a>
<a href="YOUR GOOGLE+ URL"><img
style="border: 0pt none ;" title="Google+" alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Z6VYtQV1jfu_7iP8pmqQSyozfGp-8GtsXa3iFoKQlL_thpquvCisNzDuvg276hSF19TL4ZoNuxyVBGkPj-He4-lO3PHmahvhE6QvPkNkeg0FV3gGp38ldhW0njlS-ocGmsDGwRI82oU/s1600/latte-google%252B.png" width="45" height="45" /></a>
<a
href="mailto:YOUREMAILADDRESS" ><img
style="border: 0pt none ;" title="Email" alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh91X6n5Mk-ZU-MwXBuQWEoAa0_Rf0X9m3Wk89pGAmoIg8W1xG0uUpP-_tJIRhd6ka5s96rgUPkT7TZATJpLJZW0weRYK3eH7bdtFaT4_8qRc244YtD2gKM9kVt7S5P-zb0ME4x72kNsY/s1600/latte-social-icon-email.png"
width="45" height="45" /></a>
Red Round Stitched
<a
href="https://twitter.com/YOURTWITTERNAME"><img style="border: 0pt none
;" title=" Twitter "
alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwrwsZELRx8DObnu74zjcTaniVbaCMvR5zWcu_1p3ccNC-3RIwBchgr5KezOzj4SUf9fmJf5dnE0UR4duFkJqjGD6Cvo11DG4LfNrFhW1Ektohn_spQoc3kyP99PHHcCSCGBxBeq_QP94/s200/TWITTER+BUTTON+red.png
" width="45" height="45" /></a>
<a
href="https://facebook.com/FACEBOOKPAGE"><img style="border: 0pt none
;" title="Facebook" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXNdALqHc_TiCdx6664_-G4bNOY1x925JXa59ocmPql0e1ZmRPQXt6lUnAnGH9uG2vv_i4ynE3IPRiGP8Na7tzT0T6hw5GeiQ92krtvaGoUYsfDtmRvwf4QjzMi69yphnCJomoZOvhwzI/s200/FACEBOOK+BUTTON+red.png
" width="45" height="45" /></a>
<a href="YOURBLOGADDRESS/feeds/posts/default"><img style="border: 0pt none ;" title="Follow" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG9-mVmZIj9IdwSxKv4xdcefToY4826N7KWB7jE1jsel5NW1ewgQPPGWkQIQDivBS_y0yRKTDt0Jy04MxjGASmph79T_IeUsNvga7HYLxH6nYDFAMajd-FN5-b_Vt_vJa0w43yGfrY8qY/s200/RSS+BUTTON+red.png " width="45" height="45" /></a>
<a href="YOURPINTEREST"><img style="border: 0pt none ;" title="Pinterest" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz8T2IgF6gYnijU5A8k3rUoHDOFk8pxPDz610Ai4jynMUtXlxvRQJFoql6ATcWC8mqK6boHbZ1dnSaRMNp0BVXjWS6f0djo6HZnzNhD45-mBdZE7g2PQRiGp0F0xVGmmvPIIehiYZyEW8/s200/PINTEREST+BUTTON+red.png " width="45" height="45" /></a>
<a href="YOURBLOGADDRESS/feeds/posts/default"><img style="border: 0pt none ;" title="Follow" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG9-mVmZIj9IdwSxKv4xdcefToY4826N7KWB7jE1jsel5NW1ewgQPPGWkQIQDivBS_y0yRKTDt0Jy04MxjGASmph79T_IeUsNvga7HYLxH6nYDFAMajd-FN5-b_Vt_vJa0w43yGfrY8qY/s200/RSS+BUTTON+red.png " width="45" height="45" /></a>
<a href="YOURPINTEREST"><img style="border: 0pt none ;" title="Pinterest" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz8T2IgF6gYnijU5A8k3rUoHDOFk8pxPDz610Ai4jynMUtXlxvRQJFoql6ATcWC8mqK6boHbZ1dnSaRMNp0BVXjWS6f0djo6HZnzNhD45-mBdZE7g2PQRiGp0F0xVGmmvPIIehiYZyEW8/s200/PINTEREST+BUTTON+red.png " width="45" height="45" /></a>
<a
href="YOURGOOGLEPLUS"><img style="border: 0pt none ;"
title="Google+" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3fa_itM-twUYYziEQtR5-XcObu7Z7fOEjpo997KPGueSREDB9YMtMEtS7F-ODiJ1ZMPU83-HexBz63-xgQ9-Hx8vBpyKLiXk4Azv0hngzXFJld652RhDf0jVgB6Kib312Eh07LHkd4l0/s200/GOOGLE%252B+red.png
" width="45" height="45" /></a>
<a href="YOURINSTAGRAM/"><img
style="border: 0pt none ;" title="Instagram"
alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDFoqA028Pxaq-U0qMQgsVXuF0JYA0W-PNNbzZApV8uNUCjCeNk5DkJzKq4bxD9_muNie8jJ0a172r7rk90RPzCZj25JDn95jey8JdEdmX-wyachqpFGHpHPjEvtMEx85O72cnvumccHU/s200/INSTAGRAM+BUTTON+red.png
" width="45" height="45" /></a>
<a href="mailto: YOUREMAIL" ><img style="border: 0pt none
;" title="Email" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNCZwT-F6eKHeCS3hjy0GKhUcW672sJEqOq9BUqzdxlpFtaloE-7VzntLeR7Z2L3hRNTc9W7Hmr-IOEGLLsF42-iMWiIjnvCxeDVm-Ws0TCTDEcn0v_gmci28-h8A7CgpK6U1p0zRbEx4/s200/EMAIL+BUTTON+red.png
" width="45" height="45" /></a>
Grey Round Stitched Buttons
<a href="YOUR FACEBOOK"><img style="border:
0pt none ;" title="Follow me on Facebook" alt=""
src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7WV4yDpK4C2Qzyubbaf7wsO_X-_OvtXSL_ADAc8IKEH-HP5hFS-ktv5lalquHCQCEdr3MxfFGeLC59CtFnWXPJyCWqYF_V0Qn_1pzLz8c5m4FXboNU3mi27GNpWE0gVbNqqBPwYwART8/s320/FACEBOOK+BUTTON+grey.png"
width="45" height="45"></a>
<a href="YOUR TWITTER"><img style="border: 0pt none ;"
title="Follow me on Twitter" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCgfrLMFZMNw-2_JoJyl8qaEMeLOXEu8aa_FbEbKS5Ni8ARc-wEaBY1XwSOy_LAODF5aNtiQxktFYliEuxsjV3KNxuSGZ1AeKzHlt9BFz4vg9S9P8dIRTxV1a4V9FqNSsv9xMJVpVsueM/s320/TWITTER+BUTTON+grey.png"
width="45" height="45"></a>
<a href="YOURLINKEDIN"><img style="border: 0pt none ;"
title="Connect with me on LinkedIn" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8rXOKYUNZghs26zSQejJ5g5PrAoJqRYIY3QupIDvhyTQrIT1qkKi5t8EhSRmCerEApunpS1hls91RUMgYh4MGCa5P8NhyqRBSmX_sVksKl3BcQ2GadTfADcL_nFVLHhBXr8WZJxayJ9E/s320/LINKED+IN+button+grey.png"
width="45" height="45"></a>
<a href="YOUR
BLOG RSS FEED"><img style="border: 0pt none
;" title="Check out my blog" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg34IKJQwU8FRWGbEzHuPCJISXLhEay-3cQJ56-ETkgrX4rBXtIMiYZ-JZBJGcSXlTiexAmabcmsP9OEFEY5lmMZV2S0YcUX4esAlnmCHspSOZIkm4HNdA3rda0o8GA9B8dvzHPrHoIhpQ/s320/RSS+BUTTON+grey.png"
width="45" height="45"></a>
<a href="YOUR
PINTEREST"><img style="border: 0pt none
;" title="Follow my Pinterest Boards" alt=""
src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirxiU0_RrUbQ5ygujtkWhH4csN0W864SbGkUEe-Ps2CkUEiA9OpmsShMoA1Wu2T_sJiWzZPLiRjAggMnA60YVW_K4Z2K9RrtnkMM-WP9oqUIqUaQJ9BzkcM6ikNRahNvKYswloO-ehOsk/s320/PINTEREST+BUTTON+grey.png"
width="45" height="45"></a>
<a href="YOUR GOOGLE PLUS"><img style="border:
0pt none ;" title="Follow me on Google+" alt=""
src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghIB0Vqm9mUcHbMWv6AExbg_w_Qa8suk8xms6WUAxPrVNJ8nPrPlWoM0Slc2nRhRKmrgkZYh4r4YC3huSeaSdlFeSD2ixlj8IUKDUxf-Iakg332X_NucxLEDDdx3tL6mFJDg4w2lL9PyA/s320/GOOGLE%252B+grey.png"
width="45" height="45"></a>
<a href=" YOUR
INSTAGRAM"><img style="border: 0pt none
;" title="Follow me on Instagram" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh5U8ciZcM0DZvHHe9flQrRug2fxOKCH4BE91l38LI-cjXT2m1aVmBYEqcimK0IXNeNO6YS0uXyCJYWH1m75J3FpeNPVHMO7LNf7qzUyZgNgIT3HhfdyYss45ZwOW1vpjpxHrH6oRLdmg/s320/INSTAGRAM+BUTTON+grey.png"
width="45" height="45"></a>
<a href=" YOUR
ETSY"><img style="border: 0pt none
;" title="Visit my Etsy Shop" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnY9yptxXhw2TP6m4f6bzDyaFuJwTQahXgkzh09r5_XthzFqTFElYApSljUl5_JXXkWN19fhSkfiBjEKrG4uL8Z8xvtLYmkIYjsnbukbNTq7AAXFgIveK29XAc3rp0OSpv6fVpqwWZ4bg/s200/ETSY+BUTTON+grey.png" width="45" height="45"></a>
<a href="mailto:YOUR
EMAIL"><img style="border: 0pt none ;"
title="Contact me via email" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkZDY_H4W4268_wHA26SFQVfRCmR1Oyxe60NGg1IrkoD2WXOEK2P_Lis0JmKklN8lvdXi2lSpTDwy4YdyNH-IB7A_nNGJbl7P9vts5CZlGqkZwf6X6bZ0UpmROhJw5hI3V2sLlQdX7hsk/s320/EMAIL+BUTTON.png"
width="45" height="45"></a>
Black Round Stitched
<a href="https://twitter.com/YOURTWITTERNAME"><img
style="border: 0pt none ;" title="Twitter" alt=""
src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIbGm5tuIJzjETzzDMWyo2mkndjKGGeQvsSpddHyH_GGfLeJm-jbvcB-j-LkQgqEDPBgrh-uF0VhcRLCTa0WLbtcYVy14vTuINyyMpgSCqWSwJL8IQvSwTEVv2zPNm0TqjVEJOgYVJRgc/s200/round+black+button+twitter.png"
width="45" height="45" /></a>
<a href="https://facebook.com/FACEBOOKPAGE"><img style="border: 0pt none
;" title="Facebook" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1QzTLG9Tet4JwJ0TDp-VaEqCQ5jd7CxcScKNChxOWXbD4L3xfQbohGOsjs2mRgcNbPho3nZ77XNPrIoJZ_hmjLY9cnc7r4679uwK5Feq-L5yoCCjjXZ-_OPnX-ybkg3HkNYhIMGHwltY/s200/round+black+button+facebook.png"
width="45" height="45" /></a>
<a href="YOURBLOGADDRESS/feeds/posts/default"><img style="border: 0pt none ;" title="Follow" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoKpk34yiXJxdvlEUqqiQl9MFark3fAl6tEvGF8-q4pBSDTtVlEC_WWGP0lo2g9ZdcqMWtIE_UKHATsCgZRvWEWEYpNtjvv2SuunyxSDUiwx82p-2klqTRAX6f-uspoyBmPzrYfkzUUsw/s200/round+black+button+rss.png" width="45" height="45" /></a>
<a href="YOURPINTEREST"><img style="border: 0pt none ;" title="Pinterest" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0Lx-XvDmG0RyprHuwC9oINwvfErJlGxICooSmH7b8sigmVIdvNBG1tloTpMpaMgZ8qCFnXC05X4JPp9-bOr7uW05TquL76hUMQcJjLwb6XxrKr9pfQR51nGFt1E-D57mf_PP70DmIck/s200/round+black+button+pinterest.png" width="45" height="45" /></a>
<a href="YOURBLOGADDRESS/feeds/posts/default"><img style="border: 0pt none ;" title="Follow" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoKpk34yiXJxdvlEUqqiQl9MFark3fAl6tEvGF8-q4pBSDTtVlEC_WWGP0lo2g9ZdcqMWtIE_UKHATsCgZRvWEWEYpNtjvv2SuunyxSDUiwx82p-2klqTRAX6f-uspoyBmPzrYfkzUUsw/s200/round+black+button+rss.png" width="45" height="45" /></a>
<a href="YOURPINTEREST"><img style="border: 0pt none ;" title="Pinterest" alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0Lx-XvDmG0RyprHuwC9oINwvfErJlGxICooSmH7b8sigmVIdvNBG1tloTpMpaMgZ8qCFnXC05X4JPp9-bOr7uW05TquL76hUMQcJjLwb6XxrKr9pfQR51nGFt1E-D57mf_PP70DmIck/s200/round+black+button+pinterest.png" width="45" height="45" /></a>
<a href="YOURGOOGLEPLUS"><img style="border: 0pt none ;" title="Google+"
alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcywQRs4bfjIp0zA0bsDRHqSEm7Eoy0EOtBroGNvG9hhnK-1fjbnPRtSnuVwXDYE481Il-Y-dzv5LNWnx_qWspU4oP3_tBEIHuSbCG-vaRfmShWAEoCePxS9zblycoUAXhna6EB5d6fd4/s200/round+black+button+G%252B.png"
width="45" height="45" /></a>
<a href="YOURLINKED IN/"><img
style="border: 0pt none ;" title="Linked In"
alt="" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcOzOwaQskIttnk_D7YapADpzrV4vfCR5drTzz9xlQfc5oekEVGkks68RKlkvSKxSq6lkQEpf9Co4GUjfKvFvIwknqBj2gn1Cb9rN1PWOJdyZi3yH4CYjHIo-M44O5DC01_uFoO4eXZeI/s200/round+black+button+linked+in.png" width="45" height="45"
/></a>
<a href="YOURINSTAGRAM/"><img
style="border: 0pt none ;" title="Instagram"
alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj77zLrCSmHT2Z1ov6icmNLvg0sWXXXHciBWoWU4xtgQM4NMyRMIG0r9WbUtlUAAhfahl0zIHiOcF4qSDfa2HiexC5fJLtvo_N_ABw8BVtWfKU7cG05F_QFhe0rGJ4y3uMwQ1V1x6w0b74/s200/round+black+button+instagram.png"
width="45" height="45" /></a>
<a href="YOURETSY/"><img style="border: 0pt none
;" title="Become a friend" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc9-B4lN03K9VlJEdR9T9oLtFnaFogPXe2euPyvb9-QJqDO6kGppSu1WA-QDqWo5qKY4oO49AGYE2GxQYpWEMK_oJpRMEtXCE6dX0pGnGWbjNhcYXhKHOzRD_51ftTBnskNxUVOhwJ3uE/s200/round+black+button+etsy.png"
width="45" height="45" /></a>
<a href="mailto: YOUREMAIL" ><img
style="border: 0pt none ;" title="Email" alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhexF76FeAFF0yyJJ3EhyAkNdFshgc06N6BeXSdnV0x7eiw87Rzqir0j0I18APkZV-AmZCszzBTbiC5IEhscGPuegsCVV1lbwcTKoz34g1aubs4zAw-NvzGTosyiQch6MKy9u2S_arHFI4/s200/round+black+button+email.png"
width="45" height="45" /></a>
To change the size of the buttons, just adjust the "width" and "height" numbers to suit.
If you can't find a style to suit your blog on this list, or if you want to add other social media, check out my other collection of buttons HERE - or alternatively you can visit this great website where you can find other great collections of button graphics (or create your own).
Then you need to upload your graphics to Photobucket or Imageshack (so each graphic has its own code address) Use the "direct link" code to create your own media buttons...
GENERIC SOCIAL MEDIA BUTTON CODE
<a
href="http://www.twitter.com/YOURTWITTERNAME"><img
style="border: 0pt none ;" title="Twitter"
alt="" src="IMAGE ADDRESS" width="45"
height="45" /></a>
<a href="http://www.facebook.com/YOURFACEBOOKPAGE"><img style="border: 0pt none ;" title="Facebook" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="http://YOURBLOGADDRESS/feeds/posts/default"><img style="border: 0pt none ;" title="RSS" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR PINTEREST URL"><img style="border: 0pt none ;" title="Pinterest" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR GOOGLE+ URL"><img style="border: 0pt none ;" title="Google+" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR TUMBLR URL"><img style="border: 0pt none ;" title="Tumblr" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR FLICKR URL"><img style="border: 0pt none ;" title="Flickr" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR BLOGGER URL"><img style="border: 0pt none ;" title="Blogger" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR BLOGLOVIN URL"><img style="border: 0pt none ;" title="Bloglovin" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR ETSY URL"><img style="border: 0pt none ;" title="Etsy" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR INSTAGRAM URL"><img style="border: 0pt none ;" title="Instagram" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="mailto:YOUREMAILADDRESS" ><img style="border: 0pt none ;" title="Email" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="http://www.facebook.com/YOURFACEBOOKPAGE"><img style="border: 0pt none ;" title="Facebook" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="http://YOURBLOGADDRESS/feeds/posts/default"><img style="border: 0pt none ;" title="RSS" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR PINTEREST URL"><img style="border: 0pt none ;" title="Pinterest" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR GOOGLE+ URL"><img style="border: 0pt none ;" title="Google+" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR TUMBLR URL"><img style="border: 0pt none ;" title="Tumblr" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR FLICKR URL"><img style="border: 0pt none ;" title="Flickr" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR BLOGGER URL"><img style="border: 0pt none ;" title="Blogger" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR BLOGLOVIN URL"><img style="border: 0pt none ;" title="Bloglovin" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR ETSY URL"><img style="border: 0pt none ;" title="Etsy" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="YOUR INSTAGRAM URL"><img style="border: 0pt none ;" title="Instagram" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
<a href="mailto:YOUREMAILADDRESS" ><img style="border: 0pt none ;" title="Email" alt="" src=" IMAGE ADDRESS " width="45" height="45" /></a>
............................
Enjoy your Social Media Buttons!
More Blog Design Tips
- Blogging Tips for Newbies
- Guide to Good Blog Design
- Make a Grabable Button for Your Blog
- Make Clickable Images and Sidebar Buttons
- Blog Tips and Tricks for a Delicious Blog
- Creating Pages to Organise Your Blog
- Making Photo Collages and Using Photoscape
- FREE FONTS: August Collection
(P.S. If you're feeling eternally grateful right now... you can say *thankyou* by Following and/or by wearing my button.)
237 comments:
«Oldest ‹Older 201 – 237 of 237Thanks for this provision, i am using professional shadow button on my blog right now and its looking really good. Thanks once more.
Thank you so very much for the buttons
http://tokoaksesorisku.com/
Thank you thank you! They gray buttons look so nice on my blog. I really appreciate you providing something so easy to use.
Michelle-lauren.blogspot.com
Hi! Do you have a grey bloglovin' button too? :) I love these..thank you!
love you :) they are on my blog now http://itsbrittanynicole.blogspot.com
Thank you so much for these fantastic buttons! They made my life so much easier!
thank you so much...well done
Thank you, thank you, thank you so much!!! this was extremely helpful!! God bless!!
You are amazing!! Thank you so much for sharing this.
Thanks you!
olivee-blog.blogspot.com
Thank you, Thank you, Thank you!!!
I've been wanting these buttons and had no idea how to do it. I'm so excited.
Thanks again!!
Suzanne
Thank you so much for sharing these lovely icons with us so generously ~ I am hoping to use your cartoon style one (IF I can figure out how to do it )
Naush from Dubai
thanks for this :) hope there's also a bloglovin badge soon
This is so helpful! Thank you so much for this post!
Just amazing, such great desugn, so easy and so generous, thank-you, thank-you
I love the round black stitched set! But... I can not get the G+ one to work?
Can you help?
Wow, thank you for doing all the leg work! These are so cute! And yes I always wondered where people find them! :)
I used some on my new nail blog and they look great! Thank you so much for making these so freely available.
www.cutecle.weebly.com
I just want to thank you for sharing your icons!!! You're so kind to include all the coding for the icons - It took 8 hours for me to browse through free icons that had easy tutorial which is yours. Thanks so much!!!! ps. I'm using colour pencil buttons:)
Love my buttons! Thank you! kentheartstrings.com
I'm so glad I found you!! Thank you very much for all this!!! You really helped me today :)
Where do I have to put your Blog Tips Button? I'm such a novice... :S
Hi! I pick the grey ones, but I wanted youtube and tumblr so i made it. Let you the link over here: http://s1368.photobucket.com/user/Helena_Calabuig/library/?sort=3&page=1
blurry are those with the right size for the blog
this is how they have left on my blog: http://missintentionalblog.blogspot.com.es/
this is awesome! I have spent HOURS looking for a decent selection of follow buttons, hoping I wouldn't have to do all the coding myself! Thank you so much! If you wanna see my buttons in action ;)
http://pregotolegos.blogspot.com
THANK YOU SO MUCH!!!!
Bemsy x
seeitwant.it
You know you are awesome,but I am telling you~ You are awesome! Thank you for explaining exactly how to do this! Lots of love!
Brillant thank you. I wish you had an Instagram one in the wooden button :)
Thank you SO much this literally made my day :)
I did it finally, thank you so much.
Lisa x
Thank you so much... :-)
http://www.theglamaramaproject.de/
Thank you so much for these! Works great on my blog!
www.thegreendietitian.com
THANK YOU! this just made my day :-)
I just spent three hours trying to find social media buttons and wish I would have came to yours first!! These are awesome and I am definitely sharing it with other people!
This was really helpful! Thankyou! <3
Megan x
http://megans-style-diary.blogspot.co.uk/
super thank you !!!!
Ok, so at the risk of appearing daft, I can't figure it out. I've copied links and entered my details but when I go to add it to my blog it tells me that my URL contains illegal characters :-(. Any advice please? Thanks
Post a Comment