Seen On Typepad: Keep Your Family Happy And Healthy This Spring
Blog as Personal Archive

3 Ways To Display Social Media Links

3 Ways To Display Social Media Links

Social media is where you share your latest posts and converse with your readers. It's important the social media links on your blog are clearly displayed so readers can easily find and follow you. You have many different choices to customize the icons to fit your branding. 

Other Accounts

Other AccountsThe easiest way to add social media links to your blog is to use our Other Accounts feature. Quickly connect to the many different platforms and display them on your blog.

To add the different platforms to your account, click on the Account tab, then Other Accounts. Here you can add links to the different platforms you are on. 

Once you are done adding accounts, you will add the Other Accounts module to your blog.

Go to: Blogs> Name of Blog > Design > Content

Add the Other Account Module and select how you'd like it to be displayed (List or Grid). Click on Save Changes.

From The Company

Some of the different social media sites offer downloads containing different versions of their logo. They also provide guidance on how to use their logos on your blog. These logos can be saved to your computer and are free to use. Below you can find links to the 4 popular social media brand pages.

Facebook Button 2 Twitter Button 2 Instagram Button resize Pinterest Button 2

Free From Designers

If your blog has a particular look that doesn't go well with the icons provided by the different platforms, you may want to look into pre-designed icons. Some designers create different versions of social media icons that can be used by everyone. They provide their designs to download and use as needed. Here are some sites that allow you to download and use different social media icons. 

Iconmonstr
They have a wide range of different icons besides social media.

IconFinder
Make sure you stay in the free section. They have premium images but you have to pay for them.

Graphic Fuel Flat Social Media Icons
This download includes the PSD file. If you have Photoshop, you can further customize the images.

Add To Your Blog

Once you have your custom icons saved you will need to add them to your blog. You can either add them as an image using the image module or you can use the Embed Your Own HTML module to add multiple images in a row. 

If you do decide to use the Embed Your Own HTML module, you can use a table to arrange your social media icons in a row. We provided some code to help you get started. 

First upload the images you want to your File Manager. Then copy the URL to the image to a safe place to be used later. Add the Embed Your Own HTML module to your blog and customize the code below.  

<table style="width: 100%; border-collapse: collapse;" border="0">
<tbody>
<tr>
<td><a href="https://social_media_URL.com">
<img border="0" src="https://image_url.jpg"></a></td>
<td><a href="https://social_media_URL.com">
<img border="0" src="https://image_url.jpg"></a></td>
<td><a href="https://social_media_URL.com">
<img border="0" src="https://image_url.jpg"></a></td>
</tr>
</tbody>
</table>

Replace https://social_media_URL.com with the URL to the social media page you want to promote.

Replace https://image_url.jpg with a URL to the image. 

If you need to add more icons, copy the <td> tag line and paste it above the </tr> tag, then make your changes. If you don't need as many icons, you can delete a <td> tag line. 

Once you are done, click on Ok, then Save Changes. If you have any questions you are always welcome to contact our support team, they are happy to help. 

Now that you have added social media icons, share your blog in the comments. We would love to see your blog and maybe follow you as well!! 

Comments

The comments to this entry are closed.