Hospedar arquivos .CSS no Google Sites

 Olá pessoas, tudo bem? Hoje ensinarei a vocês como hospedar arquivos .css no Google Sites, o que é realmente MUITO útil para quem tem códigos enormes no blog e deseja evitar plágios. Vamos?

Primeiro, você precisa saber como fazer um arquivo .css , tudo que você precisa ter no seu computador é o bloco de notas! Você abre ele, e quando for salvar, coloque o nomedoarquivo.css e salve! [Exemplo].

Depois, logado em sua conta do google, vá até o Google Sites. Clique no botão criar [print] e faça o mesmo do print a seguir:


Depois, clique em criar uma página [print] e faça o que se pede no print a seguir:


Depois que criar, você verá uma página [como esta], quando você adicionar o arquivo, ele aparecerá numa lista logo embaixo com um botão de Download. Com o botão direito, clique sobre este link e clique em 'Copiar endereço de link'.

Agora você deve substituir este link no código abaixo:
<link href='https://://sites.google.com/site/wehearthtml/teste/arquivo.css?attredirects=0&amp;d=1' rel='stylesheet' type='text/css'/>
Atenção! Você substituirá o código (parte sublinhada), mas deverá apagar o S que tem em https e tudo que tem depois do ? (partes em roxo) no final do link. Ficando:
<link href='http://sites.google.com/site/wehearthtml/teste/arquivo.css' rel='stylesheet' type='text/css'/>
 Agora para aplicar o CSS no seu blog, vá em Modelo > Editar HTML > Procure por </head>
e cole abaixo. Salve e pronto! Caso o código tenha falhado, veja se o link está correto, se o erro persistir tente colocar o código em um gadget HTML/JavaScript. Tchau :3
Compartilhe no Facebook
Compartilhe no Twitter
Compartilhe no Google+

Um comentário, comente também!

  1. Alan,coloquei no meu blog aqui:http://www.gracatricoecroche.com/
    Não sei onde colocar os créditos,vou publicar uma postagem e colocar seu link,pode ser?
    Consegui colocar comentários com perfil do G+ e do blog juntos.
    Valeu,bjsss

    ResponderExcluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...

Créditos



O Projeto Aurora foi criado completamente, com tutoriais disponíveis no blog, por mim, Alan Felipe Jantz.

Para as postagens 'reblogadas', os créditos do local de origem dos tutoriais está no final da postagem.

Todos os ícones utilizados neste template foram pegos no flaticon.com, todos os direitos reservados para os autores dos mesmos.





Algo que é seu está aqui, mas não foi creditado?
Entre em contato clicando na aba 'Contato' do menu para receber seus créditos!
BouquetNOVO
The Only ExceptionNOVO
Wide AwakeNOVO
Simple BaseNOVO
NatureNOVO
Why so Pink?NOVO
Why So Blue?NOVO