Today I started my own set of social media links for my blog. The site is a work in progress, with many more changes to come. Creating the buttons was easier than I thought. I don’t know if my method is the best way to create the links, but it worked. I will describe the steps I took. This is a three step process using a self hosted WordPress account.
Step one: Create the images you want to use as links
My WordPress theme came with icons that I used as a reference. I copied them into Photoshop, and then created my own version based on those. I wanted my icons to look a little like I drew them with a black pen on white paper.
Step two: Save as a .png file, and upload to your site
In Photoshop you can “Save for web and devices.” This creates a small file that works best for the Web. My blog is hosted by GoDaddy, so I used their FTP manager to upload my icons. Be sure to note the directory where you save the images.
Step three: Use a widget to add html links to your sidebar
In the WordPress admin area there is an “Appearance” menu. Under “Appearance” click on “Widgets.” You will see a box full of available widgets, and an area to place widgets on your sidebar. Drag and drop the “Text” widget over to your sidebar.
Now you can click the down arrow on the Text widget, and enter your html links. There are plenty of sources online that will tell you how to create links in html, but I will show you exactly what mine looks like.
Save the changes, and you are done!