Add External CSS File to Blogger Template

Add external CSS file to blogger template

The problem is with the & symbol in the link. You will need to replace it with & to make the link be accepted by Blogger's XML parser -

<link href='//drive.google.com/uc?export=download&id=0ByXCg9N1QXp8ZWdEWHlIUjMyRDQ' 
rel='stylesheet' media='all' type='text/css'/>

How to use a external css file in my blog page in google blogger?

Sorry, but i don't think you actually can't, google Blogger uses their own GUI and its made for people who don't really know how to code (that's one of the purpose of blogs).
I recommend you to host your site either on GitHub or you could host your own site vía a custom host.

Blogger Conditional Tag using external CSS

<b:skin></b:skin>
<b:if cond='data:view.isHomepage'>
<link rel="stylesheet" href="https://user.github.io/folder/css/style_home.css" type="text/css"/>
<b:elseif cond='data:view.isSingleItem'/>
<link rel="stylesheet" href="https://user.github.io/folder/css/style_blog.css" type="text/css"/>
</b:if>

Where should i add css in html file?

Search for this ]]></b:skin> and place your CSS code before it without using <style>

Or if you want to use a style tag, place it after </b:skin>



Related Topics



Leave a reply



Submit