Add Social Media Icons to Blogger

Oct 2, 2016 | Blogger Tutorials

Your Blogger template comes with a widget that has been coded to display social media icons. If you purchased your template prior to May 2016, please contact us to have this code added.

1. From your Blogger Dashboard, go to Layout.

2. Under Sidebar-right-1, select the Link List gadget. Some templates will have a title called “Connect.”

3. The Link List is coded to display icons based on the links that you add. You will add a title and link for each icon.

Add Social Media Icons

4. For the New Site Name, enter the title of your link. You can name it anything you’d like.

5. For the New Site URL, you must include one of the links below. You will add your custom ID so that it connects to your account. Note that you should also include the http:// at the beginning.

Examples: http://www.twitter.com/albemarlepr

http://www.instagram.com/albemarlepr

EMAIL
mailto:[email protected]

SOCIAL NETWORKING SITES
http://www.facebook.com
http://www.twitter.com
http://www.bloglovin.com
http://www.instagram.com
http://www.pinterest.com
http://www.plus.google.com
http://www.foursquare.com
http://www.tumblr.com

VIDEO, MUSIC AND PHOTOS
http://www.youtube.com
http://www.flickr.com
http://www.vimeo.com
http://www.vine.co
http://www.soundcloud.com
http://open.spotify.com

PROFESSIONAL
http://www.behance.net
http://www.dribbble.com
http://www.linkedin.com
http://www.deviantart.com

BOOK REVIEWS
http://www.goodreads.com

ENTERTAINMENT & NEWS
http://www.reddit.com

BLOG FEEDS
http://yoursite.blogspot.com/feeds/posts/default
http://yoursite.blogspot.com/feeds/comments/default
http://feeds.feedburner.com

SHOP
http://www.etsy.com
http://www.teacherspayteachers.com
http://www.teachersnotebook.com

 

FAQ

I have more than one link widget on my site. Which one do I add my social media links to?

If you have just recently installed an instant download template, the correct Link List will likely appear near the top of your sidebar when you go to Layout. If you add your links to a Link List widget that was not coded to show the icons, you’ll see a small icon next to your link title instead of the icons that appear on the template demo.

Blogger Connect Icons

I deleted the Link List widget. How to I get it back?

If you purchased an instant download template, you can re-install your template. You’ll want to backup the Text and HTML widgets prior to installing the template again. We can also add the widget back for you once you’ve added Albemarle PR as an Admin on your site.

I’d like an icon that’s not listed above. How do I add it?

Please contact us to request a price quote.