Let the Social Media Roll
Mar. 12th, 2015 05:03 pm![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png){kind=small}
sireesanwar.livejournal.com posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
layoutloungeAccount Status: All
Theme: All
Actions: Social Media Icons with Hover Roll
If you'd like to see the social icons spin check out the icons on the sidebar. These images will not work on a post unless you have a paid account but the will work on the sidebar of any account type. I suspect LJ doesn't let image classes work in non-paid accounts.
1. Let's get the images. I'm including the blank image so if need be you can create your own social media icon which I did do with the bloglovin icon.
Next the coding for you blurb/free text box on your sidebar.
2. We need to set them up on our sidebar. Go to blurb section of your sidebar. Here you will be able to add them to your sidebar.
3. The coding for the images:
You can make as many of these links as you like. I would suggest keeping them on ONE line. This ensures they are on one line when they show up on your sidebar. After you've put in all the social media icons you wish to use, save your sidebar changes.
4. Next we need to add some coding to your Custom CSS Layout. Above I gave all the links the class of social-roll which means I need to represent this in the coding. This applies to any social media icon you add. Again I like putting these in the sidebar section of the coding since it will end up on the sidebar.
5. Save your Customized Coding changes and then refresh your journal to see the effect.
Please do NOT hotlink these images. Save them to your computer and upload them into your own photo-sharing service.
If you have any questions or require additional help please comment to this post.
Theme: All
Actions: Social Media Icons with Hover Roll
If you'd like to see the social icons spin check out the icons on the sidebar. These images will not work on a post unless you have a paid account but the will work on the sidebar of any account type. I suspect LJ doesn't let image classes work in non-paid accounts.
1. Let's get the images. I'm including the blank image so if need be you can create your own social media icon which I did do with the bloglovin icon.
Next the coding for you blurb/free text box on your sidebar.
2. We need to set them up on our sidebar. Go to blurb section of your sidebar. Here you will be able to add them to your sidebar.
3. The coding for the images:
You can make as many of these links as you like. I would suggest keeping them on ONE line. This ensures they are on one line when they show up on your sidebar. After you've put in all the social media icons you wish to use, save your sidebar changes.
4. Next we need to add some coding to your Custom CSS Layout. Above I gave all the links the class of social-roll which means I need to represent this in the coding. This applies to any social media icon you add. Again I like putting these in the sidebar section of the coding since it will end up on the sidebar.
5. Save your Customized Coding changes and then refresh your journal to see the effect.
Please do NOT hotlink these images. Save them to your computer and upload them into your own photo-sharing service.
If you have any questions or require additional help please comment to this post.
layout_lounge