WordPress.com is an easy way to start blogging. Get a blog, check out our features, read the latest announcements, choose from great themes, or learn about the team behind it.
Need help? Check out our Support site, then
I'm trying to add social media buttons on a page of my blog and I'd like them to be grouped together. Could someone write some code so I can input the icons and make it so when someone clicks them it takes them to the desired link? The icons are 64 x 64 pixels. I have four of them.
Much appreciated.
Here's a link to my blog: http://tinyurl.com/3ueek2w
The blog I need help with is yikessatellites.wordpress.com.
Where did you want to put them? The theme you are using does not have a sidebar, but does have a bottom widget area. Are you wanting to put them into the bottom widget area?
I should have been clearer. I want to put them all bunched together on the "Links" page. Essentially, I want all of the icons all in a row, equidistant to each other.
This is going to look a mess, but basically it is the following code one right after the other with the bunch of them surrounded by the div which centers everything. The "whole" code in one chunk is below the single sample. The 20px right padding for each image can be adjusted as you desire.
<a href="LINK URL"><img title="" style="padding-right:20px;" src="URL OF IMAGE" alt="" width="64" height="64" /></a>
<div style="text-align:center;"><a href="LINK URL"><img title="" style="padding-right:20px;" src="URL OF IMAGE" alt="" width="64" height="64" /></a><a href="LINK URL"><img title="" style="padding-right:20px;" src="URL OF IMAGE" alt="" width="64" height="64" /></a><a href="LINK URL"><img title="" style="padding-right:20px;" src="URL OF IMAGE" alt="" width="64" height="64" /></a><a href="LINK URL"><img title="" style="padding-right:20px;" src="URL OF IMAGE" alt="" width="64" height="64" /></a></div>
You can see a sample here: http://allthekingshorses.wordpress.com/2011/09/06/icon-test/ .
Thanks for your help! I really appreciate it!
You say the padding to the right can be adjusted. How would I go about centering the icons in their individual box (making the padding to the left and right equal)?
Add some padding left to equal the right padding such as below. Adjust both of them to the same values as you desire.
<a href="LINK URL"><img title="" style="padding-right:20px; padding-left:20px;" src="URL OF IMAGE" alt="" width="64" height="64" /></a>
This topic has been closed to new replies.
