?

Log in

No account? Create an account
 
 
12 March 2015 @ 05:03 pm
Let the Social Media Roll  
Account 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.
 photo social-chalkboard-bloglovin.png  photo wordpress.png  photo blank.png  photo fickr.png  photo stumbleupon.png  photo google.png  photo linkedin.png  photo email.png  photo instagram-1.png  photo rss.png  photo pinterest.png photo facebook-1.png  photo tumblr.png  photo twitter.png  photo youtube.png
Go to: Social Media Icons @Layout Lounge for more icons

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.

 
 
 
Zee HPtheyre_kattun on March 13th, 2015 02:59 am (UTC)
this is cool! will definitely give it a try!
thank you!
Jill aka Josireesanwar on March 14th, 2015 12:29 am (UTC)
I'm glad you like it.
ღ Candy ❀ܓ: dreamgirlcandream on March 13th, 2015 11:06 am (UTC)
Super cool. :3 Thanks very much. :3

(I hope this will work with my layout.)
Jill aka Josireesanwar on March 14th, 2015 12:25 am (UTC)
It will work when put on the sidebar but not in a post unless you are a paid member which is why I can never get it to work in posts to show you all. LJ is annoying.
Christina: me- tw- ds- staring at your neck thinkinfly_meaway on March 13th, 2015 06:46 pm (UTC)
Oh this is really awesome, I might use this one day. Definitely appreciate you making this post so thank you :)
Jill aka Jo: SH: Captain Ichabod Crane Esquiresireesanwar on March 14th, 2015 12:08 am (UTC)
Thanks. I'm really glad you like it.