How To Add Social Media Icons to Blogger Header
This tutorial will help you to add social media icons in the top right corner of the page which could increases the likelihood that readers can follow through the various social networks. There are several ways to do this, like adding a new widget section to the blog header but now, we'll do it using an unordered list that uses icons of Facebook, Twitter, Google+ and blog feed, and as a bonus, the icons will rotate when you hover over them.
You can see a demo in this test blog. Adding Social Media Icons to Blogger Header Step 1. From your Blogger dashboard, go to Template and click on the Edit HTML button: Step 2. To expand the style, click on the small arrow on the left of <b:skin>...</b:skin> ( screenshot 1 ), then click anywhere inside the code area to search (using CTRL + F) for the ]]></b:skin> tag ( screenshot 2 ) and add this code just above it:
/* Social icons for Blogger
----------------------------------------------- */
#social-icons {
margin-bottom:-30px; …
