Icons?? Please help me!
Hi! I’d be forever in your debt if you could help me with this:
I want to put three icons next to eachother on my wordpress site (Twitter, Youtube, and Email) but I’m having trouble with two things:
1. I don’t know how to put them next to each other. (I’m using the “image” widget if that helps!)
2. I need help with the whole email thing…. I want it so when you click the little icon, it takes you to your email with my email adddress in the “To:” bar. Anyone know how to do this??
Also, I don’t really understand all of that techy/wordpress talk…
Sorry if I’m being difficult, I just really need help! Thanks sooo much for your time!
Here’s my website:
Thanks soo much! :@) <3
The blog I need help with is kelsiepattinson.wordpress.com.
1) when you’re designing a text widget, the easiest way is to make a Draft Post, so you can use all the formatting icons etc. Once it’s looking the way you want in the widget, click the HTML editor tab and copy all the code. Put that in your text widget; Simple!
First, find the icons for the various social sites you want to link your visitors to. You can do this simply by doing a ‘google image’ search for each item. I found some great ones on this site: http://webdesignledger.com/freebies/the-best-social-media-icons-all-in-one-place. Once you find the images you want, you can keep them as they are, (make sure they’re relatively small) or you can edit them using a photo editor, i.e.: Microsoft Office Picture Manager, Picnik.com, Fotoflexer.com, etc. After they all look they way you want and are the same size, upload all of them into your media gallery within your blog’s dashboard. It will give you a URL for each file. Copy it. (don’t forget to save all changes/update) Once you have your URL for the images you want to link from your media gallery, you’re almost done… I’ve attached the EXACT code I use. You will need to replace <i>YOUR</i> URL codes where mine are and change the various “img titles” to whatever YOU want them to say when your visitors hover over the image. Of course, you’ll also need to change out the various “href” to the links you want your visitors to go to, i.e. Twitter.
COPY IT EXACTLY and paste it into a text widget. After you make the necessary changes to YOUR info, voila… you have a bar similar to mine. Before yesterday, my media bar was in a uniform row, like you mentioned. However, I decided to change mine to the bigger icons for personal reasons. The code below will put an even space in-between each icon. Good luck, and let me know if you have any questions!
<div style="text-align:center;"><a href="http://twitter.com/imaprile"><img title="Tweet Me @ImAprilE!" SRC="http://imaprile.files.wordpress.com/2010/07/twitter-2.png" /></a><a href="http://youtube.com/eldridgeapril"><img title="Check Out My Videos" SRC="http://imaprile.files.wordpress.com/2010/07/youtube.png" /></a><a href="http://www.flickr.com/photos/imaprile/"><img title="Who Knows What I'll Snap Next!" SRC="http://imaprile.files.wordpress.com/2010/07/flickr.png"></a><a href="http://imaprile.com/feed"><img title="My RSS Feed" SRC="http://imaprile.files.wordpress.com/2010/07/rss-feed.png" /></a><a href="mailto:(email redacted)"><img title="Email: ImAprilE" SRC="http://imaprile.files.wordpress.com/2010/07/gmail.png" /></a>
Oh my gosh, thanks sooo much to both of you!
@imaprile wow you really helped me on that one… thank you suh-ooo much! As I said, I’ll be forever in your debt lol :@)
You’re most welcome! I know how frustrating it is not being able to figure things out. Gotta say though, you’ll learn alot just from searching through the support forums! :)
Yeah, it’s the worst… I’d been searching for about 3 hours and nothing came up until you posted that so thanks!
The topic ‘Icons?? Please help me!’ is closed to new replies.