Joomla Templates Club 406,261 posts

[yourch Friend yourchJoin date: April 2011Posts: 39Downloads:0Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#203620

Hello,

Addthis script is a SEO killer and is about 7 additional requests and increase page load time by 1 sec sometimes.
Therefore I try to have the social icons without add this.

? How can I write directly the URL of social icons in the Footer module ? I tried the css but didn’t work ?

Thanks

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#558880

Hi there,
You can simple to use Custom HTML Module to include your social links

Thank you,
Viet Vu

[yourch Friend yourchJoin date: April 2011Posts: 39Downloads:0Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#558881

What lines of code should I copy from the footer ? to get the icons and hover changes ?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#558886

Hi there
It’s combined of bootstrap and font awesome. Please check these site for code detail
About hover changes is CSS3 .

Thank you,
Viet Vu

[yourch Friend yourchJoin date: April 2011Posts: 39Downloads:0Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#558889

Where ? what file ? should I modify to add my social URLS ?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#558891

Hi there,
Because you want to do custom html than you’ll need a little html / css code.
Please check FA for icons.

http://fortawesome.github.io/Font-Awesome/icons/#web-application
And CSS3 for animation

http://www.w3schools.com/css/css3_transitions.asp

About css. You can apply into custom.css

http://www.t3-framework.org/documentation/customization.html


About html you can use custom html module. It’s joomla core module.
Note:// You’ll need turn off editor to work with raw html code.

If you can’t do these code. Please consider work with 3rd party developer.

Thank you,
Viet Vu

[natal1e Friend natal1eJoin date: October 2014Posts: 22Downloads:1Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#559242

Its easy.

Edit the module in the position ja-social

with the custom code

<p>

<a href=”http://facebook.com/XXX”><em id=”social” class=”fa fa-facebook-square fa-3x social-fb”></em></a>
<a href=”https://twitter.com/XXX”><em id=”social” class=”fa fa-twitter-square fa-3x social-tw”></em></a>
<a href=”https://plus.google.com/XXX”><em id=”social” class=”fa fa-google-plus-square fa-3x social-gp”></em></a>
<a><em id=”social” class=”fa fa-youtube-square fa-3x social-em”></em></a>
<a><em id=”social” class=”fa fa-rss-square fa-3x social-em”></em></a>
<a><em id=”social” class=”fa fa-linkedin-square fa-3x social-em”></em></a>

</p>

[Author]

Posts