How To Solve This

[jaribhai]

Since I am new to CSS so I am unable to solve this issue.
I have a blog on blogger http://www.helpitx.com . I am concerned about its speed. It takes a lot of time to connect to servers in my country. Though it is good enough to connect at a good pace in USA and other countries but issue is with other countries. I tried cloudflare CDN but it didn't help a lot except saving me only a few miliseconds.
I want to host its CSS externally on my webhosting but whenever I try to host the CSS externally the whole peace of site gets disturbed. I searched for it and found that the values which are given by $ sign cause troubles when tried to host externally.
Following are the values with $ sign in my code.

Code: [Select]

.list-label-widget-content ul li, .flus:hover, .lbls:hover, .Poplr:hover, .flus, .samazhlo, .scl-btn-sid, input.gsc-search-button, .ebtn, .breadcrumbs a, #comments .blog-author a
 

{
  background: $(theme.background.color);

}

a:link {
text-decoration:none;
  color: $(link.color);
}
a:hover {
text-decoration:underline;
  color: $(link.hover.color);
}
a:visited {  color: $(link.color);
I don't know much technical details about $ sign in CSS so I want the help that how could I resolve this issue to host css externally. Could there an alternative of these?

[Schalla]

That's no native CSS. Where you got the source from?

[Daemon]

Basically, $ isn't native CSS. Which is, i presume, why Schalla is asking where you got it from.


As for pagespeed, https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.helpitx.com%2F
google is pretty good at helping you understand what you can do on the page itself to speed it up. Such as JS that doesnt need to be run the nanosecond the page loads, move it to the bottom and the page will appear to load faster. Stuff like that.