Contact Gadget

Everyone needs a way to contact you. so make it easy for them. As easy as pasting it into your sidebar.

It's not just clean but also smooth and moderate. Didn't take to long to setup and is very easy to edit. Plus you can also use it to show your viewer what you look like. If you have any troubles please let me know and i will be happy to assist. Enjoy and be sure to check out more great free stuff.

Instructions and Editing

HTML: Just past this into your side bar or anywhere else you would like it.

'yourfacebookurl', 'yourtwitterurl', 'yourgoogleurl', 'youryoutubeurl', 'yourinstagramurl', 'yourpinteresturl' and 'yourlinkedinurl' Paste all of your Social Links hereMail Button Change admin@spadesberry.com to your email. If you would like to chage the email subject just be sure to use %20 as space between words img class='sbconnectpro' Change this URL to the image of yourself. src="" This is the link to the image you would like to see first.onmouseover="" This would be the link to the image you would like to appear when hovering.onmouseout="" We need to set the image back to the first one. Just copy the image url from src="". Or be weird and use a third image lol.target="_blank" just to be sure viewers won't leave your page when sharing.alt="" Always use alt="TAGS" on images to help with SEOCSS: Lets add our styles. Just paste this with our HTML or right into the CSS file or part of your site.

.sbconnectwid Currently set to a width of 90% to help with looking good in your sidebar. just adjust if needed. .sbconnectpro This will chage the size of your picture. Also set the margin:-8%; untill its centered if needed. @media only screen and (max-width: 190px){ .sbconnectpro {margin:-9%;}} set the if the image changes from centered on other screen types
.sbconnectbtn Use this to edit each image style before hover. .sbconnectbtn:hover Of course its used to set the style of your hover. you can change these setting with .sbsharebtn to set the way the images flip and the speed. .sbtl, .sbtr, .sbbl and .sbbr these are to adjust the four corner images. currently just seeting the rounded edge.