Pages

▼

19 September 2011

Blog Tips: FREE Social Media Icons


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.
(You're welcome).


***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>



Coffee Buttons
<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://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="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="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>

............................


Enjoy your Social Media Buttons!



More Blog Design Tips

(P.S. If you're feeling eternally grateful right now... you can say *thankyou* by Following and/or by wearing my button.)


Grab button for Greatfun4kids
<div class="Greatfun4kids" style="width: 230px; margin: 0 auto;"> <a href="http://greatfun4kidsblog.com" rel="nofollow"> <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3vTUO1Q3LfF2S_KIc4v1EnVZphFoLUvsB1R5UjiQiR9CJnhVs2v6UyEBVmca2vADlFUzF8j7Ihs-M9JrQ2HkQ1SejNpGWr0yEuv5YF0jh_R-JTwNSZAWBQ0fHN6hx9GQsvPT0UCwGJ1U/s1600/lemonade+button.jpg " alt="Greatfun4kids" width="230"/> </a> </div>

 

237 comments:

  1. AnabellaSeptember 19, 2011 at 6:44 AM

    Thanks for this post!! I'm sooo going to do this!!!!!

    ReplyDelete
  2. PaisleyJadeSeptember 19, 2011 at 10:57 AM

    This is great - you rock!!

    ReplyDelete
  3. AnonymousSeptember 23, 2011 at 9:49 PM

    Thanks heaps for this!

    ReplyDelete
  4. Truth MamaOctober 14, 2011 at 7:53 AM

    Thank you for posting this. I also spent a ton of time on google trying to figure it out, and this post is what finally did it for me. I tweeted a link to this page. Thanks again!

    ReplyDelete
  5. KatieOctober 21, 2011 at 9:17 AM

    Thank you so much for this post! It's great to find nice, simple directions :) Found this on pinterest and will definitely be using your tips and exploring your blog :)

    ReplyDelete
  6. Meghan Maloney PhotographyJanuary 23, 2012 at 4:43 PM

    Yay I finally got around to doing this. Thanks for the great post and tips - I've added the Pinterest one you've got on your blog and I found a mail one too :-)

    ReplyDelete
  7. AnonymousMarch 6, 2012 at 11:22 PM

    Thank you! It worked! ^^ x

    ReplyDelete
  8. AnonymousMarch 7, 2012 at 11:06 AM

    Hey Simoney! I'm back...with a question. Is it normal that when you click on the rss-feed button, that a html-like text appear? Thank you for helping! X

    ReplyDelete
  9. SimoneyMarch 7, 2012 at 11:13 AM

    Hi Cerise (hope you read this)... I had this problem too and couldn't figure out how to fix it. So I went on the blogger help forum and asked... a very helpful guy told me I needed a Google Chrome RSS extension to get it working and provided me with the link which I will now share with you...

    https://chrome.google.com/webstore/detail/nlbjncdgjeocebhnmkbbbdekmmmcbfjd

    Go there and click on the link and it will (hopefully) sort out your problem! I hope that helps (let me know if it does/doesn't!)
    xxx

    ReplyDelete
  10. AnonymousMarch 8, 2012 at 1:59 AM

    Ow thank you! I'll will examine this in my spare time! Thank you for the help! X (I'll let you know how it went! ^.-)

    ReplyDelete
  11. AnonymousMarch 9, 2012 at 8:30 AM

    AHAAA!! I got it! Thank you soooo much!!! ^^ xx

    ReplyDelete
  12. Rachel CotterillMay 8, 2012 at 10:15 AM

    Thanks for all these links, going to see what I can find now :)

    ReplyDelete
  13. AnonymousMay 8, 2012 at 3:00 PM

    Great work! I found you via SITS today and I'm going to grab a few of these! Thanks for the buttons!!

    ReplyDelete
  14. AnonymousMay 11, 2012 at 10:58 AM

    These are wonderful! Thank you so much for sharing these. (Any chance you'll add a Pinterest one to the coffee buttons?)

    ReplyDelete
  15. SimoneyMay 11, 2012 at 12:39 PM

    If I get the time, sure, i can do one. Did you notice there's an email one for the coffee cup buttons? It doesn't show up on the graphic, but the code is there. Will work on the Pinterest buttons for them all when i get the chance... whenever that might be???

    ReplyDelete
  16. UnknownMay 15, 2012 at 9:52 AM

    Awesome thanks heaps for these

    ReplyDelete
  17. Four Marrs and One VenusMay 17, 2012 at 10:08 AM

    This is Awesome!!!! Thank you so very very much! Heading over to put in the coffee ones-- super cute!!

    ReplyDelete
  18. UnknownMay 17, 2012 at 12:06 PM

    I *have* spent a lot of time googling where to get these! Thanks for helping me scratch another item ff my list!

    ReplyDelete
  19. KeelyMay 17, 2012 at 4:29 PM

    This is simply awesome. THANK YOU! I do have one quick question, however- all of the coloured pencil buttons work wonderfully except for the pinterest one- is that odd? It keeps coming up as a broken pic. What am I doing wrong?

    ReplyDelete
  20. KeelyMay 18, 2012 at 2:09 PM

    I figured it out- and I went with the cartoon style ones. They look SO AWESOME, thank you!! Can I be a pest and beg you for a Google plus icon? ;)

    ReplyDelete
  21. Crafty MischiefMay 18, 2012 at 5:33 PM

    Thank you so much for this tutorial! You're pretty much my favorite person right now! I've been trying to figure this out for MONTHS!!!

    ReplyDelete
  22. SimoneyMay 21, 2012 at 1:41 PM

    Kiki... I have added a G+ button for you. xxx

    ReplyDelete
  23. Young At Heart MommyMay 21, 2012 at 3:23 PM

    Thank you so much for making these! I just randomly found your blog trying to add social networking buttons to my own! New GFC follower! YOU ROCK :)

    ReplyDelete
  24. KeelyMay 22, 2012 at 5:43 AM

    Superb- thank you so much!! I can't wait to tell everyone how awesome you are. :)

    ReplyDelete
  25. IOU CoffeeMay 23, 2012 at 11:15 AM

    Thank you! This was great and super easy!!!

    ReplyDelete
  26. UnknownMay 31, 2012 at 6:16 AM

    I have been trying to figure this out forever!!! Thank you so much!!

    ReplyDelete
  27. DawnJune 2, 2012 at 10:34 AM

    Those instructions were crystal clear! Thank you!! I had been struggling with this issue, and it was driving me crazy! Thank you for solving the problem in such a great way!!!

    ReplyDelete
  28. Shirrell @ ShellandBakeJune 4, 2012 at 6:19 AM

    Thank you!!! This just made my day! I have been trying to figure out these out for a long time!! Your copy & paste method took me a total 10 min to get what I wanted! Thank you!

    ReplyDelete
  29. Len A.June 5, 2012 at 5:28 PM

    Thanks for sharing this! I finally got mine working thanks to you! Yours is super easy to follow. Been trying to do this for a month now and I just couldn't figure out how until I came across your post.

    I went for the circle style buttons. Please check them out if you have time. Thank you! :)

    www.themommist.blogspot.com

    ReplyDelete
  30. Len A.June 5, 2012 at 5:30 PM

    Just followed you on GFC! :) Hope I get a follow back. Thanks!

    www.themommist.blogspot.com

    ReplyDelete
  31. amberbarracloughJune 8, 2012 at 4:53 AM

    not gonna lie, i could cry right now. i can't tell you how many vague tutorials i've read on this where the teacher thought i actually knew something about technology. thank you for making it so easy!

    ReplyDelete
  32. Julia@Cuckoo4DesignJune 11, 2012 at 1:23 PM

    This is awesome. The only codes I found that worked for me.
    Thank you so much.

    ReplyDelete
  33. AnonymousJune 13, 2012 at 12:12 AM

    I found this link through another blogger about your buttons. WOW they are amazing! I'm so excited to have found you!I'd love to see an Etsy, Email and Instagram image!!! LOVE IT ALL! xoxo A-

    ReplyDelete
  34. CarmellaJune 14, 2012 at 9:10 AM

    Thank you, thank you, thank you! I am so happy to have these beautiful buttons on my blog now! You rock!

    ReplyDelete
  35. UnknownJune 19, 2012 at 7:32 AM

    Thanks so much for the ideas, they're awesome!! Can you show me how to add a YouTube button or point me in the direction of how I can do it myself, please? I am a new blogger and I want ti jazz up my blog. Thanks for the tips!!

    ReplyDelete
  36. kate mcleodJune 20, 2012 at 12:52 AM

    thank you sooooooo much! I was having so much trouble with the buttons I downloaded. I found your page and my word, it was so much easier and they look fab!!!

    If you happen to know, are there any more icons for the 'coloured pencil' icons (Ie: blogger, tumblr, bloglovin')?

    Thank you again!!!!
    Kate

    ReplyDelete
  37. SimoneyJune 20, 2012 at 12:23 PM

    Hey girls, I would love to add in all the extra buttons some of you have mentioned... but as you can probably imagine it's a time consuming process. If you let me know which STYLE of button you want it could be quicker. But in the meantime, you can always find a complete set in another style on the website I've given the link for and use my code and Photobucket to create your own full set. Otherwise you might be waiting a while, cos my To Do list is Loooong..... ♥

    ReplyDelete
  38. kate mcleodJune 20, 2012 at 2:45 PM

    Hi Simmoney,

    If you have the buttons in the coloured pencil style for blogger, bloglovin' and tumblr I would love to use them.

    also, there is a extra word in the pinterest html. your written in caps just after the first link.
    xx

    ReplyDelete
  39. SimoneyJune 20, 2012 at 9:25 PM

    OK, Phew. What a mission. But I have finally created buttons in the colour pencil style for Instagram, Etsy, Google+, Bloglovin, Blogger, Tumblr and Flickr! If you are after any of these buttons in another style, please let me know.
    (I had some time this evening and there was nothing on the telly ♥)

    P.S. If you appreciate all the hard work I'm doin', feel free to say thanks by Following (GFC is my favourite, thanks!)

    ReplyDelete
  40. kate mcleodJune 20, 2012 at 9:34 PM

    thank you!! : )

    ReplyDelete
  41. Carrie RobinsonJune 21, 2012 at 3:17 AM

    Thank you! I have been trying to figure how to add social media buttons to my blog site and this was SO easy! :)

    ReplyDelete
  42. Shawn June 21, 2012 at 5:05 AM

    This is awesome. You are awesome! Now following your awesomeness :)

    ReplyDelete
  43. UnknownJune 21, 2012 at 9:17 AM

    Yes, I tried it out for myself, lol, and it is indeed a very trying process. I scoured the internet for hours just to get all the buttons that I "thought" I would need. I finally just had to make my own using some of the tips you've given. I didn't give up, lol, but I definitely had to compromise. I am so thoroughly scared from this experience, that I doubt I will have the audacity to make another set of social media buttons for a long, long time.

    ReplyDelete
  44. UnknownJune 22, 2012 at 5:14 AM

    Thank you, thank you, thank you!!

    ReplyDelete
  45. Naturally MindfulJune 23, 2012 at 8:15 AM

    I can't thank you enough! I don't know how I ended up here but boy am I glad I did! I'm a new blogger and I'm taking it seriously but don't have the money to pay for a costume design. Yet, the wooded buttons fit my page perfectly! ...um and I snooped around you blog, great stuff! New follower!

    ReplyDelete
  46. UnknownJune 24, 2012 at 1:07 AM

    Thank you very much for sharing this. I just installed the buttons on my blog.
    Kind regards
    Isabelle

    ReplyDelete
  47. LatteJunkieJune 25, 2012 at 5:24 PM

    Thank you! LOVE the coffee cups :D

    ReplyDelete
  48. MillieJune 25, 2012 at 9:37 PM

    Am so thankful in a way I cant even explain. Great work and Thank You!

    ReplyDelete
  49. Jennifer CastroJune 27, 2012 at 1:10 PM

    And again... THANK YOU!!! Worked perfectly!

    ReplyDelete
  50. Vicki @ Grams Made ItJune 27, 2012 at 3:47 PM

    Thank you, thank you, thank you! I've been trying to do this on my own for quite a while. I'll be adding this tomorrow!

    ReplyDelete
  51. ShannonJune 27, 2012 at 4:27 PM

    Thank you, thank you, thank you! Super-duper easy to add to my blog. Love this, thanks again!

    ReplyDelete
  52. The Dose of RealityJune 27, 2012 at 11:40 PM

    These are SO AWESOME! I am totally doing this later today when my girls are at camp and I can concentrate! ;)
    Thank you! :)
    Stopping by from SITS and so glad I did!

    ReplyDelete
  53. KatBouskaJune 28, 2012 at 1:41 AM

    Wow! Great instructions!!

    ReplyDelete
  54. LeeloJune 28, 2012 at 4:38 AM

    wow! I have been looking for those for I don´t know how long time. THANK YOU!

    ReplyDelete
  55. Giada BeautyJune 28, 2012 at 4:48 AM

    Wow , I just discover your blog, this is amazing!
    Thank you so much for sharing!
    Now following you :)

    ReplyDelete
  56. Mama FashionistaJune 28, 2012 at 4:57 AM

    I can not tell you how grateful I am for this post! Thank you so much! I'm appreciative, so I am following! <3

    ReplyDelete
  57. Jill from PJgamersJune 28, 2012 at 5:25 AM

    Fantastic! I wish I'd seen this two weeks ago. I love how you've color-coated the lines of code that need to be personalized. thanks.

    ReplyDelete
  58. PalomaJune 28, 2012 at 6:10 AM

    Thanks! Those are very cute!!! I used the coffee cups! ;) ... I appreciate it!

    Paloma.

    ReplyDelete
  59. UnknownJune 28, 2012 at 6:23 AM

    This is so amazing!!! Thank you!!! You rock!

    ReplyDelete
  60. UnknownJune 28, 2012 at 9:04 AM

    Beautiful buttons! You make it hard to choose! Thanks so much :)

    ReplyDelete
  61. UnknownJune 28, 2012 at 10:58 AM

    You must be the NICEST person in the world! Thank you for teaching everyone how to do this! Pinned it! Tweeted it! Singing your praises!

    ReplyDelete
  62. UnknownJune 28, 2012 at 12:15 PM

    Hi Found you through SITS thanks for this great informative post. I am bookmarking it so when I need to change my buttons it will be quick and easy to do. Thanks again!

    ReplyDelete
  63. AnonymousJune 29, 2012 at 12:47 AM

    Thanks, I think I might spruce mine up a bit.

    ReplyDelete
  64. AnonymousJune 29, 2012 at 1:28 AM

    Oh, this is AWESOME! Thanks so much. That was super easy. Yay, I haz a buttons!!!

    ReplyDelete
  65. UnknownJune 29, 2012 at 2:10 AM

    Thanks, these are great :) and exactly what I've been looking for, so easy!!!!

    ReplyDelete
  66. VenassaJune 29, 2012 at 3:19 AM

    Just what I've been looking for! Thanks a million!

    [ a-lifeofourown.blogspot.ca ]

    ReplyDelete
  67. HeatherJune 30, 2012 at 12:52 AM

    Thank you so much! I have been searching for social media buttons that I actually liked and I love these!! :)

    ReplyDelete
  68. AnonymousJune 30, 2012 at 1:26 PM

    Thank you so much for making these available!

    ReplyDelete
  69. Claremont First WardJuly 1, 2012 at 10:01 AM

    WOW! What an incredible resource! Thank you!

    ReplyDelete
  70. UnknownJuly 1, 2012 at 7:57 PM

    Love. Love. LOVE!!...New follower from SITS...thanx girl!!

    ReplyDelete
  71. jamie @ [kreyv]July 2, 2012 at 8:39 AM

    You are my new best friend! Thank you SO much!

    ReplyDelete
  72. UnknownJuly 3, 2012 at 5:25 AM

    Thank you so much! You just saved me a ton of time and confusion! I just used this on my blog and it looks fantastic xoxo

    ReplyDelete
  73. AnonymousJuly 4, 2012 at 4:51 AM

    Love this--thanks for adding the Pinterest coffee cup button!

    ReplyDelete
  74. UnknownJuly 5, 2012 at 2:06 PM

    Hello if someone can help. I tried adding the buttons to my page and I am having 2 problems:
    1) The Twitter button does not show up at all. I copy and paste it in the gadget box and I see it there but when I save it and come back and look its not there???
    2) All my buttons are not showing up - all I see is broken picture icons???
    Any help would be much appreciated

    ReplyDelete
  75. UnknownJuly 6, 2012 at 12:34 PM

    Thank you so much for your help - the buttons look great on my site.

    ReplyDelete
  76. KacieJuly 6, 2012 at 5:34 PM

    I cannot thank you enough! These are PERFECT!

    ReplyDelete
  77. Alana, Author of Domestically ChallengedJuly 7, 2012 at 11:57 AM

    These are FANTASTIC - thanks for sharing!!

    ReplyDelete
  78. AnonymousJuly 8, 2012 at 8:45 PM

    I'm going to do this right now. You are the best. Thank you! :)

    ReplyDelete
  79. pretty little thingsJuly 10, 2012 at 12:13 PM

    so glad I found your page - these buttons have been driving me crazy! you're a lifesaver : )
    I'm your newest follower!

    allthingsprettyandlittle.blogspot.com

    ReplyDelete
  80. #mommylifeJuly 14, 2012 at 10:07 AM

    just stumbled upon this, thank you thank you!! I've been looking everywhere for this! thanks for sharing!

    ReplyDelete
  81. UnknownJuly 16, 2012 at 1:52 AM

    Oh thank you!! Have been searching for cute icons for ages and this has really helped neaten my blog up. Will tweet praise! In case you want to see how they look: http://littlemagicbeans.blogspot.co.uk/

    Thanks again!

    ReplyDelete
  82. WinnerDogJuly 18, 2012 at 4:18 AM

    Thanks for offering! WinnerDog LOVES his new icons ... Arooo! www.WinnerDogFinds.com

    ReplyDelete
  83. UnknownJuly 19, 2012 at 3:02 AM

    Thank you so much for this. I will definitely link to your blog post for other bloggers to learn how easy this is!

    ReplyDelete
  84. AnonymousJuly 20, 2012 at 8:35 AM

    Can somebody please tell me how to do it on posterous.com? I am lost...

    ReplyDelete
  85. AnonymousJuly 21, 2012 at 9:50 PM

    Thanks:)

    ReplyDelete
  86. Launna July 22, 2012 at 2:14 AM

    I need to say thank you, I have wanted these little buttons that people can just click on so I can just clean up my page and finally someone who made it so easy for me, thank you again:)

    ReplyDelete
  87. Co-Pilot MomJuly 23, 2012 at 2:08 AM

    Just have to add my thanks for these wonderful intructions. You made it so easy!

    Thank you again!

    ReplyDelete
  88. RachelJuly 25, 2012 at 6:59 AM

    This is great! I may personalize more later but this is a huge help for now! I didn't scan all the comments but just a heads up when I copied and pasted the vintage style buttons the facebook and twitter images are swapped. If that makes sense- the twitter image feeds to FB and vice versa! Thanks again!

    ReplyDelete
  89. UnknownJuly 25, 2012 at 7:47 AM

    I can't even tell you how amazing you are! I have been looking for something like these and haven't found anything I like. I LOVE ALL OF THESE! Thank you, Thank you, Thank You!!!!!!!!
    http://www.mymakeupboxes.blogspot.com

    ReplyDelete
  90. SimoneyJuly 25, 2012 at 9:51 AM

    Hey girls - THANKS for all your THANKS!
    Rachel, I'm wondering if you've accidentally put your twitter deets into the facebook button code and vice versa... I had these buttons on my blog here for a while and they seemed to be correct (I've checked the code and unless the actual buttons were named incorrectly when I uploaded them they should be right)

    If anyone else has a problem with codes being switched, please let me know?
    x

    ReplyDelete
  91. Sarah @ 20 StateJuly 28, 2012 at 8:36 PM

    Thanks a bunch, this is the best explanation I've seen! woo hoo

    ReplyDelete
  92. JeannetteJuly 30, 2012 at 2:46 PM

    I'm a little confused about where/how to copy and paste! Sorry I'm new to blogging/blogger - can anyone help out :-)

    ReplyDelete
  93. SimoneyJuly 30, 2012 at 3:57 PM

    Hi Jeanette - these things look very complicated when you're new to it all don't they? Gobbledygook, all of it!
    OK, so first of all you choose the style of buttons you would like to use on your blog by looking at the picture indicators at the top of each set of codes.

    Then "paint in" the COMPLETE code for that set and copy it (right-click with your mouse and choose "copy")

    Open a new document in Word and "paste the code you just copied into the document (right-click and choose "paste")

    Now save your document somewhere you can find it again (create a folder for blog stuff perhaps and call the document "button codes" or something)

    Now you need to find the "URLs" for all your social media identities e.g. your facebook page, twitter account, blog feed email address etc.

    (perhaps delete the extra ones that don't apply to you so you don't get confused)

    Find the URL's by clicking your facebook page, for instance, and copying your facebook page URL from the address "window" near the top of your screen. Copy it as before, then return to your Word Document, highlight the bit that says "YOUR FACEBOOK URL" and then "Paste" in the address you just copied by right-clicking and choosing "paste".
    Repeat the process for all your different social media pages.

    THEN save your document!

    Now copy the whole lot of code (right click+copy) and go into blogger, "LAYOUT".
    Click on "Add a Gadget" and scroll down until you see "html/javascript"
    Click on it, and a window will open. Paste your code into the window (right-click+paste) and save.
    Now view your blog and see how it looks.
    Let me know via email if you still have any probs/questions, or if something's not working.

    greatfun4kids@live.com

    Good luck!
    x

    ReplyDelete
  94. JeannetteJuly 31, 2012 at 2:32 AM

    Great! I'm going to try it now! it was the html part I was struggling with because I couldn't find where that was on the blog! Thanks!

    ReplyDelete
  95. JeannetteJuly 31, 2012 at 2:36 AM

    Yay!! I got it now, thanks so much!!

    ReplyDelete
  96. UnknownAugust 1, 2012 at 8:38 AM

    Thank you so much! I have updated my buttons, finally!! Stop by and see :)

    Tiffani

    ReplyDelete
  97. Pamela BatesAugust 1, 2012 at 11:46 AM

    I can't thank you enough. You just gained a new follower. I'll be sure to mention this tutorial on my blog, Mercantile Muse.

    ReplyDelete
  98. TiffAugust 2, 2012 at 1:27 AM

    Just came across this blog and it has been a wonderful resource. I'm now following!

    ReplyDelete
  99. AnonymousAugust 3, 2012 at 5:47 AM

    Thank you so much for this! I've been trying to find an easy one for wordpress.com forever and couldn't get the code to work right. THANK YOU THANK YOU THANK YOU!

    ReplyDelete
  100. MargaretAugust 5, 2012 at 8:18 AM

    Thanks for this! You took the guesswork out of this and it made my blog so much more cohesive! Thanks!

    xo, Margaret

    www.thegildedpeach.blogspot.com

    ReplyDelete
  101. meganAugust 5, 2012 at 12:50 PM

    This is fantastic!! Thanks!

    ReplyDelete
  102. UnknownAugust 7, 2012 at 1:33 PM

    Thanks for sharing these!!

    ReplyDelete
  103. D Leigh GrayAugust 9, 2012 at 3:53 AM

    WOW! Thank you so so much! I, like everyone else have long been trying to figure this out. I am so grateful to you Simone for making this so easy!
    To All: The "Wood" them turned out GREAT with my design. Check it out and follow me http://southandgray.blogspot.com/

    ReplyDelete
  104. Debra ColeAugust 10, 2012 at 4:33 AM

    Omg, thank you so much. I have been pulling my hair out trying to do this on my own. I even got in a mini-fight with my husband, who designed web pages in the 90s, because he couldn't do what I wanted him to do. Ha! Thank you for helping out and saving my marriage. ;-)

    ReplyDelete
  105. Mrs. JacksonAugust 12, 2012 at 6:59 PM

    This was amazing! I used the professional shadowed buttons and didn't have any problems at all. Thank you so much for posting the instructions. Come take a look if you have time. http://www.jacksoninthemiddle.com

    ReplyDelete
  106. Carlie @ So You Call Yourself A Homeschooler?August 13, 2012 at 8:12 AM

    Oh my gosh, you are AMAZING!! Thank you so much for this. I am in the process of building my 3rd website from the ground up - this helped out tremendously!

    ReplyDelete
  107. Caroline August 14, 2012 at 7:39 AM

    Thank you! Thank you! Thank you! wanted to do this and had no clue how to do it. AMAZING!!!!!

    ReplyDelete
  108. BonitifulAugust 18, 2012 at 3:06 AM

    Hi, Thanks so much for that, I've been looking for the Pinterest button include on the set FOREVER!!! Thanks so much.

    ReplyDelete
  109. lolaloopAugust 21, 2012 at 11:38 AM

    I've been trying to figure this out for SO LONG! Thank you, this is really helpful!

    ReplyDelete
  110. UnknownAugust 22, 2012 at 3:41 PM

    Brilliant!!! THANK YOU!!! Will be posting this on Twitter via @fudryter. :)

    ReplyDelete
  111. Precious RunnerAugust 23, 2012 at 6:26 AM

    thank you for this.. it really works.. :)

    ReplyDelete
  112. Xiomara MaldonadoAugust 23, 2012 at 5:51 PM

    Thank you so much. I'm now using your Sketchy Pen buttons. You made this so easy to understand and use. I am truly grateful, and the buttons are all so pretty!

    ReplyDelete
  113. cHriStiNaAugust 24, 2012 at 4:52 PM

    This is awesome! And such a big help! I searched a few websites and didn't find one as helpful as this one! Thanks!

    ReplyDelete
  114. AnonymousAugust 24, 2012 at 9:48 PM

    Thank you thank you thank you sooo much...broke my head over this fr hours last night..and with your help i finished it in a matter of minutes...thank you

    ReplyDelete
  115. KarenSeptember 2, 2012 at 12:58 PM

    Thank you so very much. You made it so easy! I used the cartoon style buttons!

    ReplyDelete
  116. Mrs. Nali BSeptember 5, 2012 at 2:54 AM

    thanks a mil! i was able to do this in less that 2 minutes thanks to you!

    ReplyDelete
  117. Bianca @ Confessions of a ChocoholicSeptember 12, 2012 at 3:32 AM

    Thank you so much for this gorgeous buttons and the simple instructions!!

    ReplyDelete
  118. The Rambling ReaderistaSeptember 13, 2012 at 5:54 AM

    Thank you for instructions. But, why is there no goodreads, because what I want is my blog to lead to my goodreads profile (not shelves), twitter and pinterest profile. Can you maybe give me some advice?

    ReplyDelete
  119. UnknownSeptember 14, 2012 at 3:09 PM

    thank you so much! It was very helpful!

    ReplyDelete
  120. Deb ASeptember 16, 2012 at 1:43 AM

    Wow...glad I came across this... quick easy and I am very grateful. I was trying to design my own buttons but this was much easier and cuter! Many thanks, Deb

    ReplyDelete
  121. ReginaSeptember 16, 2012 at 3:51 AM

    I am so happy with the latte buttons! Even though I'm a complete noob with blogging, I was able to get them on my site without a single hitch. Yay!

    ReplyDelete
  122. The Domesticated PrincessSeptember 16, 2012 at 2:42 PM

    Thank you so much for sharing all these choices! It was so easy to use them. I chose the faded stamp ones for my blog, and they look great! In fact, after putting them onto my blog, I used your html code as a formula to create my own buttons.

    Bonny @ thedomesticatedprincess.blogspot.com

    ReplyDelete
  123. Melinda's MusingsSeptember 19, 2012 at 1:47 AM

    Great buttons! Thank you so much!

    ReplyDelete
  124. AthenaSeptember 20, 2012 at 2:48 PM

    Thank you very much! I put these on athenafleming.com and athenachristine.wordpress.com and I am subscribing to your feed. I am new to freelance and as I get started your posts and information have been so helpful.

    Thank you for all that you do.

    ReplyDelete
  125. Caroline @ BBBSeptember 24, 2012 at 7:27 AM

    Thank yuo so much! I just added your lin ones to my blog busybeautifulbudget.blogspot.com if you want to check it out. They're perfect!

    ReplyDelete
  126. Janina - Elke dag zaterdagSeptember 24, 2012 at 8:39 AM

    Thank you!!! I just added it to my blog, it looks great!

    ReplyDelete
  127. irinapicturesSeptember 27, 2012 at 6:58 AM

    Thank you so much! You saved so many of our hours and gave so clear explanation, your icons look great in my blog.

    ReplyDelete
  128. UnknownSeptember 27, 2012 at 11:51 AM

    Thank you so much. I had searched and searched for buttons that I thought were cute and with instructions that we easy to follow. Yours are the best. I have them on my new blog. Thanks again!

    http://embraceenchanted.blogspot.com/

    ReplyDelete
  129. akawestSeptember 29, 2012 at 2:23 PM

    Thank you! I really liked your choices. :)

    ReplyDelete
  130. MasanobuOctober 7, 2012 at 12:23 AM

    Thank you! I've spent hours looking for the perfect set of social media icons and could not find one with a Pinterest button!

    ReplyDelete
  131. UnknownOctober 20, 2012 at 1:04 PM

    Thank you so much! Your instructions were so easy to follow. I have 2 questions
    1. On the coffee mug Icons when I apply the google+ code it shows up as a Pinterest button.
    2.Would it be possible to get a matching instagram button for the coffee mugs!

    Thanks so much. You gained a new follower via GFC

    www.littlegems3.blogspot.com

    ReplyDelete
  132. UnknownOctober 27, 2012 at 1:35 PM

    Thank you Thank you! You made this so easy for me!

    ReplyDelete
  133. Yvonne ReynoldsNovember 3, 2012 at 8:27 AM

    Thank you for sharing this! Just pinned it and hope to give it a try later.

    ReplyDelete
  134. BecHeflinNovember 4, 2012 at 12:48 PM

    What an absolutely fabulous gift you have just graced my blog with! Thank you SO much!

    ReplyDelete
  135. Joni NickrentNovember 5, 2012 at 1:42 PM

    Thanks so much for the awesome buttons and already completed code! Love the way they look on my blog! new follow too! Thanks again!

    ReplyDelete
  136. AnonymousNovember 13, 2012 at 11:48 PM

    Thank you! :)

    ReplyDelete
  137. SamanthaNovember 17, 2012 at 6:57 PM

    You make it so cut and dry and easy. I'M NO LONGER AFRAID OF HTML!!

    ReplyDelete
  138. MarijaNovember 23, 2012 at 1:07 AM

    I seriously want to hug you! THANK YOU!

    ReplyDelete
  139. UnknownNovember 30, 2012 at 4:09 PM

    I love these so much...I have tried to copy and paste several times....Nothing is showing up. I am replacing my info exactly...any ideas?

    ReplyDelete
  140. UnknownNovember 30, 2012 at 11:05 PM

    On second thought....I GOT IT to work - my fault...I was only copying the first line. I can't thank you enough for putting these up....a HUGE help! and I love how they look on my blog!
    Thank you,
    Tracey

    ReplyDelete
  141. ShannonDecember 7, 2012 at 9:11 AM

    Thank you so much! I have been putting this off because I thought it would be more difficult!

    ReplyDelete
  142. MartinaDecember 15, 2012 at 10:40 PM

    Thanks alot!!!! It so easy for me to do:)

    ReplyDelete
  143. PenelopeTFDecember 29, 2012 at 2:18 PM

    Thank you so much for making this easy to do.

    ReplyDelete
  144. Ann HarrisonDecember 30, 2012 at 7:49 AM

    How wonderful! Great designs! Thank you so much. Following now :->

    (Found you through Tip Junkie)

    ReplyDelete
  145. UnknownJanuary 1, 2013 at 11:34 AM

    Love you so much right now it's ridiculous. I have been HTML-exhausted for days trying to figure this out. Following! :)

    ReplyDelete
  146. SusJanuary 4, 2013 at 4:19 AM

    Thank you so much for this. I literally had tried so many other ones, and I'm just an idiot with HTML, copying and pasting from someone that knew how do it was just what I needed! Seriously, thank you for sharing, I don't take that for granted, I appreciate you and all these cute lil buttons!

    ReplyDelete
  147. Lauren ElliottJanuary 5, 2013 at 10:44 AM

    love the wooden ones! thank you for posting this! :)

    lauren @ simply free
    laurenrebeccaelliott.blogspot.com

    ReplyDelete
  148. Naturally MindfulJanuary 17, 2013 at 7:24 AM

    I grabbed the wooden ones a while ago, thanks! how about making a Instagram on those too??? I'd really appreciate it!

    ReplyDelete
  149. Our Greene HomeJanuary 24, 2013 at 8:29 AM

    Bless you! Thank you SO MUCH. These are SO great and most importantly EASY TO USE!!!!!! Check out how they look: http://ourgreenehome.blogspot.com/

    ReplyDelete
  150. UnknownJanuary 25, 2013 at 3:22 AM

    AWESOME, thank you so much, it worked!!! I'll be sure to link to you! :) You can see them here! www.the5thlevelofmotherhood.com

    ReplyDelete
  151. BrigitteFebruary 1, 2013 at 11:22 PM

    Thanks Simone! I just grabbed some new buttons for my blog - you're a LEGEND!! XX

    ReplyDelete
  152. Clare HubbardFebruary 2, 2013 at 2:37 PM

    I just updated some buttons~ You are wonderful! Thank you :)

    ReplyDelete
  153. UnknownFebruary 7, 2013 at 8:31 AM

    Hi!

    I am trying to add the icons but I guess I am a little slow! : )

    After I add my personal information where do I go to post them? I have a blog on Blogger but the "add a gadget" will not let me add the code information.

    What am I doing wrong?

    ReplyDelete
  154. SimoneyFebruary 7, 2013 at 11:35 PM

    Hey Everybody... I've added a custom design service to my blog... if you need extra buttons or want a different style than what I've got here :)

    ReplyDelete
  155. Priscilla JacquelineFebruary 8, 2013 at 8:51 AM

    I did exactly everything you said. And for some reason once I'm finished and check my blog to see how it turns out, it's just all codes on my sidebar. I must be doing something wrong, but I just don't know what it is I'm doing, because I did what you said to do from start to the end. Please help!

    ReplyDelete
  156. SimoneyFebruary 8, 2013 at 9:38 AM

    OK SORRY ABOUT THAT - THE CODE HAD GOTTEN MESSED UP BY bLOGGER WHEN I EDITED THIS POST. All fixed now :)

    (Try again)
    xx

    ReplyDelete
  157. UnknownFebruary 14, 2013 at 8:03 AM

    Thank you for this post! Until I am able to create my own to match my blog, I am using your "Vintage Style Set". Great job!!

    ReplyDelete
  158. Kat HeckenbachMarch 3, 2013 at 8:50 AM

    I thought I'd never find this! Thank you!!!!

    ReplyDelete
  159. UnknownMarch 4, 2013 at 4:57 PM

    LOVE! Thank you!!!!!

    ReplyDelete
  160. ChristyMarch 5, 2013 at 7:24 PM

    So awesome- thank you!!! I have tried making my own chalkboard effect ones which turned out cute enough... but I don't know how to make the background around the edges clear instead of white so they can be round and not have a white square around them, if you know what I mean?? I love the stamp one... I may have to switch over :)

    ReplyDelete
  161. Probably DefinitelyMarch 7, 2013 at 10:42 AM

    Thank you! I have been looking for the "perfect" social media buttons for my blog and I've finally found them here. Thanks again!

    ReplyDelete
  162. ChristyMarch 9, 2013 at 8:01 AM

    Okay- so since you messaged me and said that you can do a transparent background in photoshop, I am determined (more like obsessed) with making my own buttons. I figured out how to do a transparent background but now I am stuck! I assume you have to host the button on an online hosting site- I tried shutterfly since I already had an account then realized I could only to jpegs... so then I made a photobucket account and saved the button there (http://s1355.beta.photobucket.com/user/ChristysCustoms/media/Blog%20Buttons/chalkboardfacebook_zps6e31fc75.gif.html?sort=3&o=0) and then I used your code and tried just plugging in my image location and my facebook stuff... but its not working. In the html gadget I will switch over to rich text and it shows what looks like a blank image with jagged lines through it- like to say my image isn't working. Do you have any ideas... my current code looks like this... never mind- it won't let me paste my code in ... help, lol!

    ReplyDelete
  163. SimoneyMarch 9, 2013 at 8:40 AM

    Hi Christy, first you have to select "backgroup - transparent" in Photo shop when you create a new document. THEN save it as a .png... BUT make sure you "MERGE LAYERS" don't "flatten image" or the background will return to white. Once you have saved your .png files, I have found that Photobucket is the best place to host the image.
    Upload your .png files there.
    Start fresh with copying the code from my blog, so any little errors won't be included in your new code. Just copy and paste the "Generic code" from the blog into a word doco and save.
    Click on the image you want to create the button code for
    and THEN click on the "direct link" code option to copy it. This is the only one which will work with the buttons code. Maybe this might be what was going wrong?
    OK then find this part of the code from my blog: src="IMAGE ADDRESS"

    replace IMAGE ADDRESS with the copied code from photobucket. Make sure to leave the (") intact and have no extra spaces inside them.

    Then add your social media details, save and repeat for all the buttons.
    This really should work fine if you make sure the code you are starting with is "clean" (error free) and that you copy and paste your personalised info carefully and correctly. Good luck!

    ReplyDelete
  164. Being A WordsmithMarch 18, 2013 at 7:33 AM

    Thank you for sharing this tip! It was just what I was looking for. http://www.beingawordsmith.blogspot.com

    ReplyDelete
  165. Lauren April 15, 2013 at 10:19 AM

    Simoney, you're a legend! I have used the pink stitch look ones- is it possible to get a Bloglovin' one of these at some stage?

    ReplyDelete
  166. Mixed KreationsApril 15, 2013 at 9:23 PM

    OOH Thank you so much for the awesome buttons. Now I can personlize my social media buttons. Been wanting to change my buttons for cute ones but didn't know how. Thank you for sharing your tutorial.

    Linda @ MixedKreations

    ReplyDelete
  167. UnknownApril 17, 2013 at 6:40 AM

    Love this post!! Thanks for sharing and helping us out!!

    Glory~ http://anythingonmymindpr.blogspot.com/

    ReplyDelete
  168. Jessie BolessieApril 20, 2013 at 2:36 AM

    Hey, thanks LIKE A BUNCH! I had no clue how to do that. The finished product is here... http://thesillygoosegirl.blogspot.com/
    I love your blog. I'll be back to check out some ideas!

    ReplyDelete
  169. Laura JosephApril 25, 2013 at 7:41 AM

    Thank you These were just what I was looking for and so easy!

    ReplyDelete
  170. UnknownApril 29, 2013 at 2:14 PM

    I was so frustrated until I came across this! THANK YOU! So easy and simple!

    ReplyDelete
  171. StacieMay 3, 2013 at 12:37 PM

    THANK YOU!!!!!!! THE BEST TUTORIAL EVER!!!!

    ReplyDelete
  172. The Cowgill'sMay 6, 2013 at 6:37 AM

    Thank you so so so much! I have been trying to add buttons and got them added but couldnt seem to get them lined up in a row. Tried your code and it looks great. I just wish there was an Instagram code for the wooden tile buttons. (do you happen to have one for instagram?)

    ReplyDelete
  173. AnonymousMay 7, 2013 at 11:50 AM

    Thank you, thank you, THANK YOU!!!!

    ReplyDelete
  174. Ladybug & CoMay 7, 2013 at 11:18 PM

    THANKS And do you have the follow button for Bloglovin as well?

    ReplyDelete
  175. MaseyArnoldMay 8, 2013 at 10:23 AM

    I love the latte links! Just to let you know, the Pinterest image link is on there twice. Once for Pinterest and once for Google+. I found the correct image for Google+ though on your Photobucket page: http://i788.photobucket.com/albums/yy162/donnasimone/buttons/latte-google.png

    Thank you so much for making these!

    ReplyDelete
  176. AnonymousMay 11, 2013 at 5:58 PM

    THANK YOU SOOO much! You made this something even I could do and that means A LOT!
    I want to HUG you!
    Sincerely,
    Rachel

    ReplyDelete
  177. Allison’s WonderlandMay 14, 2013 at 5:32 AM

    Thanks so much! I just added the cartoon style buttons and I love them! Your tutorial was very easy to follow!

    ReplyDelete
  178. AnonymousMay 18, 2013 at 2:56 AM

    These were SO helpful! A ton of thanks!
    I've used the coffee cups ones for my recipes blog. They look just great! Don't you think?

    http://elcalderodenimue.wordpress.com/

    THANKS A LOT AGAIN!

    :)

    ReplyDelete
  179. GretchCannonMay 24, 2013 at 7:27 AM

    Thank you so much! I just posted these on my blog that I have been updating, check it out! Question - is there code we can add on the button widget that we just created to make the links open in a new window?

    ReplyDelete
  180. UnknownJune 4, 2013 at 4:19 AM

    Thank you SOOO much for your button and instruction. I just uploaded and created all the buttons on my website.. This is wonderful.. thank you and liked you on FB!! Daniella

    ReplyDelete
  181. UnknownJune 5, 2013 at 6:45 AM

    Thank you so much!!! Ugh, what a relief that I found your site!

    ReplyDelete
  182. LabiciclettarosaJuly 4, 2013 at 11:18 PM

    for bloglovin Pink Stitched Style Buttons ?
    thank you

    ReplyDelete
  183. notlikeacatJuly 12, 2013 at 12:53 PM

    You are kind and awesome for sharing this!! I now have the Coloured Pencil buttons and my blog looks SOOOOO much better!! I want to share this everywhere!

    ReplyDelete
  184. TammyJuly 16, 2013 at 3:55 PM

    Yayzers! Thanks so much! HTML is like a trip to hell for me. That may be a bit of an overkill but I still don't like it. You made this sooooo easy!

    ReplyDelete
  185. AnonymousJuly 28, 2013 at 6:10 AM

    Thank you so much!

    ReplyDelete
  186. RebeccaJuly 28, 2013 at 9:54 AM

    I've put off adding social media buttons because I thought it would be difficult and time consuming, but with your instructions it was so easy. Thank you so much for sharing this!!

    ReplyDelete
  187. AnonymousSeptember 10, 2013 at 8:48 AM

    I thought this would be too hard for me to do, as a new blogger. But I added the social media buttons to my blog in just a couple minutes. Great post, and so helpful! Thank you, thank you, thank you. :)

    ReplyDelete
  188. UnknownSeptember 18, 2013 at 2:13 AM

    Wow, thanks! I'm using your wooden buttons on sistersmade.blogspot.be
    I have a question for you: is there a bloglovin-button in the wooden-buttons-collection?
    Again thanks!!

    ReplyDelete
  189. UnknownOctober 15, 2013 at 7:34 AM

    This was so AWESOMELY easy!!! thx so much for providing this. Im a brand new blogger and I was having a little trouble with the tut from www.thesitsgirls.com

    *being such a newbie, EASY is the best!!!

    ReplyDelete
  190. Sarah October 17, 2013 at 1:41 AM

    This is the most valuable blog post EVER, thank you so much I love my new buttons!!!!!!

    ReplyDelete
  191. UnknownOctober 26, 2013 at 11:24 AM

    One question, my rss feed button doesn't work. What could have I done wrong?

    ReplyDelete
  192. UnknownOctober 31, 2013 at 11:09 AM

    I finally found something nice for my blog. Thank you so much!

    ReplyDelete
  193. AngelaNovember 1, 2013 at 4:51 AM

    Thank you! I've been searching for buttons where I could choose which icons to show!

    ReplyDelete
  194. LOVELY LACY STITCHESNovember 3, 2013 at 9:49 PM

    Thank you for such a lovely buttons. I have already used it on my blog posts. Please visit: http://golden-retrievertraining.blogspot.in/

    ReplyDelete
  195. SimoneyNovember 6, 2013 at 1:21 PM

    Kendra, It's quite possible that if you're seeing a page of code gobbldigook, you might need to get an RSS extension for your browser, especially if you are using Chrome. That should fix it. Otherwise, just recheck that there are no extra spaces in the URL/RSS Feed link. Cheers!

    ReplyDelete
  196. Natalie@PixielashesNovember 7, 2013 at 6:05 AM

    I could hug you for this lol...thank yooou!! xxx

    ReplyDelete
  197. UnknownNovember 12, 2013 at 1:59 AM

    Simone I went to the feed burner site and copied my blogs url into the correct space and it works. But I have tried to click the rss button on other blogs and I get the page of gobbldigook and Im using Chrome so I will look into the extension. Thanks again for your help.

    www.bbhomemakr.blogspot.com

    ReplyDelete
  198. AnonymousNovember 17, 2013 at 8:53 AM

    Thank you so very much for the buttons!!! I so appreciate your gift.

    ReplyDelete
  199. ShuggaBeeNovember 20, 2013 at 6:39 AM

    cool, thank you!

    ReplyDelete
  200. Lynn BlaylockNovember 28, 2013 at 3:03 AM

    I am using your vintage buttons. Thank you so much for this very clear post. I, too, have tried to figure this out with other on-line help and was getting no where. So much appreciation!

    ReplyDelete