I just want to code a very simple image for my blogger blog. My coding skills are very rusty so I'm not sure how to go about it. I just want it as a piece of html code that I can paste into the blog. I want each of the social media icons to link to the relevant page (I know how to do that) but I'm not sure how to have the font as part of the same bit of code without using CSS

 

To put it simply I'd like to code the image below without CSS

 

I'd be very grateful to anyone who can help

 

Edited March 21, 201214 yr by cab322003

You could just use HTML img/link tags, but it wouldn't line up like that. You also wouldn't have the follow me using that font.

 

To get it as it is in your image, you have to use CSS.

A way of doing it without css BUT using tables would be to crop the "Follow Me" text and save it as a jpg/png, then do the same for each of the buttons. Then include it in your blog using something like this...

 

<table border="0" width="240" height="100">
   <tr>
     <td colspan="3"><img src="images/followMe.jpg" width="240" height="30" alt="Follow Me"></td>
   </tr>
   <tr>
     <td><a href="http://www.yourlink1.com"><img src="images/deviantArt.jpg" width="80" height="70" alt="Follow Me On Deviant Art"></a></td>
     <td><a href="http://www.yourlink2.com"><img src="images/twitter.jpg" width="80" height="70" alt="Follow Me On Twitter"></a></td>
     <td><a href="http://www.yourlink3.com"><img src="images/youTube.jpg" width="80" height="70" alt="Follow Me On YouTube"></a></td>
   </tr>
 </table>