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>
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://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>
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.)
<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 – 200 of 237 Newer› Newest»Thanks for this post!! I'm sooo going to do this!!!!!
This is great - you rock!!
Thanks heaps for this!
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!
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 :)
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 :-)
Thank you! It worked! ^^ x
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
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
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! ^.-)
AHAAA!! I got it! Thank you soooo much!!! ^^ xx
Thanks for all these links, going to see what I can find now :)
Great work! I found you via SITS today and I'm going to grab a few of these! Thanks for the buttons!!
These are wonderful! Thank you so much for sharing these. (Any chance you'll add a Pinterest one to the coffee buttons?)
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???
Awesome thanks heaps for these
This is Awesome!!!! Thank you so very very much! Heading over to put in the coffee ones-- super cute!!
I *have* spent a lot of time googling where to get these! Thanks for helping me scratch another item ff my list!
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?
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? ;)
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!!!
Kiki... I have added a G+ button for you. xxx
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 :)
Superb- thank you so much!! I can't wait to tell everyone how awesome you are. :)
Thank you! This was great and super easy!!!
I have been trying to figure this out forever!!! Thank you so much!!
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!!!
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!
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
Just followed you on GFC! :) Hope I get a follow back. Thanks!
www.themommist.blogspot.com
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!
This is awesome. The only codes I found that worked for me.
Thank you so much.
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-
Thank you, thank you, thank you! I am so happy to have these beautiful buttons on my blog now! You rock!
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!!
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
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..... ♥
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
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!)
thank you!! : )
Thank you! I have been trying to figure how to add social media buttons to my blog site and this was SO easy! :)
This is awesome. You are awesome! Now following your awesomeness :)
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.
Thank you, thank you, thank you!!
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!
Thank you very much for sharing this. I just installed the buttons on my blog.
Kind regards
Isabelle
Thank you! LOVE the coffee cups :D
Am so thankful in a way I cant even explain. Great work and Thank You!
And again... THANK YOU!!! Worked perfectly!
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!
Thank you, thank you, thank you! Super-duper easy to add to my blog. Love this, thanks again!
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!
Wow! Great instructions!!
wow! I have been looking for those for I don´t know how long time. THANK YOU!
Wow , I just discover your blog, this is amazing!
Thank you so much for sharing!
Now following you :)
I can not tell you how grateful I am for this post! Thank you so much! I'm appreciative, so I am following! <3
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.
Thanks! Those are very cute!!! I used the coffee cups! ;) ... I appreciate it!
Paloma.
This is so amazing!!! Thank you!!! You rock!
Beautiful buttons! You make it hard to choose! Thanks so much :)
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!
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!
Thanks, I think I might spruce mine up a bit.
Oh, this is AWESOME! Thanks so much. That was super easy. Yay, I haz a buttons!!!
Thanks, these are great :) and exactly what I've been looking for, so easy!!!!
Just what I've been looking for! Thanks a million!
[ a-lifeofourown.blogspot.ca ]
Thank you so much! I have been searching for social media buttons that I actually liked and I love these!! :)
Thank you so much for making these available!
WOW! What an incredible resource! Thank you!
Love. Love. LOVE!!...New follower from SITS...thanx girl!!
You are my new best friend! Thank you SO much!
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
Love this--thanks for adding the Pinterest coffee cup button!
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
Thank you so much for your help - the buttons look great on my site.
I cannot thank you enough! These are PERFECT!
These are FANTASTIC - thanks for sharing!!
I'm going to do this right now. You are the best. Thank you! :)
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
just stumbled upon this, thank you thank you!! I've been looking everywhere for this! thanks for sharing!
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!
Thanks for offering! WinnerDog LOVES his new icons ... Arooo! www.WinnerDogFinds.com
Thank you so much for this. I will definitely link to your blog post for other bloggers to learn how easy this is!
Can somebody please tell me how to do it on posterous.com? I am lost...
Thanks:)
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:)
Just have to add my thanks for these wonderful intructions. You made it so easy!
Thank you again!
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!
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
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
Thanks a bunch, this is the best explanation I've seen! woo hoo
I'm a little confused about where/how to copy and paste! Sorry I'm new to blogging/blogger - can anyone help out :-)
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
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!
Yay!! I got it now, thanks so much!!
Thank you so much! I have updated my buttons, finally!! Stop by and see :)
Tiffani
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.
Just came across this blog and it has been a wonderful resource. I'm now following!
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!
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
This is fantastic!! Thanks!
Thanks for sharing these!!
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/
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. ;-)
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
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!
Thank you! Thank you! Thank you! wanted to do this and had no clue how to do it. AMAZING!!!!!
Hi, Thanks so much for that, I've been looking for the Pinterest button include on the set FOREVER!!! Thanks so much.
I've been trying to figure this out for SO LONG! Thank you, this is really helpful!
Brilliant!!! THANK YOU!!! Will be posting this on Twitter via @fudryter. :)
thank you for this.. it really works.. :)
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!
This is awesome! And such a big help! I searched a few websites and didn't find one as helpful as this one! Thanks!
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
Thank you so very much. You made it so easy! I used the cartoon style buttons!
thanks a mil! i was able to do this in less that 2 minutes thanks to you!
Thank you so much for this gorgeous buttons and the simple instructions!!
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?
thank you so much! It was very helpful!
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
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!
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
Great buttons! Thank you so much!
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.
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!
Thank you!!! I just added it to my blog, it looks great!
Thank you so much! You saved so many of our hours and gave so clear explanation, your icons look great in my blog.
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/
Thank you! I really liked your choices. :)
Thank you! I've spent hours looking for the perfect set of social media icons and could not find one with a Pinterest button!
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
Thank you Thank you! You made this so easy for me!
Thank you for sharing this! Just pinned it and hope to give it a try later.
What an absolutely fabulous gift you have just graced my blog with! Thank you SO much!
Thanks so much for the awesome buttons and already completed code! Love the way they look on my blog! new follow too! Thanks again!
Thank you! :)
You make it so cut and dry and easy. I'M NO LONGER AFRAID OF HTML!!
I seriously want to hug you! THANK YOU!
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?
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
Thank you so much! I have been putting this off because I thought it would be more difficult!
Thanks alot!!!! It so easy for me to do:)
Thank you so much for making this easy to do.
How wonderful! Great designs! Thank you so much. Following now :->
(Found you through Tip Junkie)
Love you so much right now it's ridiculous. I have been HTML-exhausted for days trying to figure this out. Following! :)
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!
love the wooden ones! thank you for posting this! :)
lauren @ simply free
laurenrebeccaelliott.blogspot.com
I grabbed the wooden ones a while ago, thanks! how about making a Instagram on those too??? I'd really appreciate it!
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/
AWESOME, thank you so much, it worked!!! I'll be sure to link to you! :) You can see them here! www.the5thlevelofmotherhood.com
Thanks Simone! I just grabbed some new buttons for my blog - you're a LEGEND!! XX
I just updated some buttons~ You are wonderful! Thank you :)
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?
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 :)
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!
OK SORRY ABOUT THAT - THE CODE HAD GOTTEN MESSED UP BY bLOGGER WHEN I EDITED THIS POST. All fixed now :)
(Try again)
xx
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!!
I thought I'd never find this! Thank you!!!!
LOVE! Thank you!!!!!
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 :)
Thank you! I have been looking for the "perfect" social media buttons for my blog and I've finally found them here. Thanks again!
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!
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!
Thank you for sharing this tip! It was just what I was looking for. http://www.beingawordsmith.blogspot.com
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?
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
Love this post!! Thanks for sharing and helping us out!!
Glory~ http://anythingonmymindpr.blogspot.com/
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!
Thank you These were just what I was looking for and so easy!
I was so frustrated until I came across this! THANK YOU! So easy and simple!
THANK YOU!!!!!!! THE BEST TUTORIAL EVER!!!!
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?)
Thank you, thank you, THANK YOU!!!!
THANKS And do you have the follow button for Bloglovin as well?
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!
THANK YOU SOOO much! You made this something even I could do and that means A LOT!
I want to HUG you!
Sincerely,
Rachel
Thanks so much! I just added the cartoon style buttons and I love them! Your tutorial was very easy to follow!
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!
:)
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?
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
Thank you so much!!! Ugh, what a relief that I found your site!
for bloglovin Pink Stitched Style Buttons ?
thank you
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!
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!
Thank you so much!
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!!
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. :)
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!!
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!!!
This is the most valuable blog post EVER, thank you so much I love my new buttons!!!!!!
One question, my rss feed button doesn't work. What could have I done wrong?
I finally found something nice for my blog. Thank you so much!
Thank you! I've been searching for buttons where I could choose which icons to show!
Thank you for such a lovely buttons. I have already used it on my blog posts. Please visit: http://golden-retrievertraining.blogspot.in/
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!
I could hug you for this lol...thank yooou!! xxx
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
Thank you so very much for the buttons!!! I so appreciate your gift.
cool, thank you!
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!
Post a Comment