Preview sem Blog

17 de jun de 2013

Sabem quando os blogs mostram prévias de tutoriais,como essa. O tutorial de hoje é esse,de como fazer esse live preview sem criar um novo blog. Eu vi o tutorial lá no Too Kawaii,e achei legal trazer para vocês.

1. Abra o seu Bloco de Notas,então cole o código abaixo nele.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<br />
<head><br />
<br />
<link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><br />
<br />
<title> TITULO DA PÁGINA </title><br />
<br />
<br />
<style>
body {
background: url('http://static.tumblr.com/pwfjl94/9pwm5y2a4/background_por_htmlstudio_9.jpg') /*background da página */
}

#content {
position: relative;
text-align:justify;
top: 30px;
margin-left: auto;
margin-right: auto;
width: 500px; /* tamanho do conteúdo - deixe esse valor */
font-family: verdana; /* fonte do texto do conteúdo */
font-size: 10px; /* tamanho da fonte  do texto*/
color: #b9b9b9; /* cor da fonte do texto */
text-shadow: -1px -1px 0px #f3f3f3; /* sombra da fonte do texto */
}

.titulo {
color: #fff; /* cor do título */
text-shadow: -1px -1px 0px #b9b9b9; /*sombra do título*/
font-family: 'Grand Hotel', cursive; /*fonte do titulo*/
font-size:45px; /*tamanho da fonte do título*/
}



</style><br />
</head><br />
<br />
<body><br />
<br />
<div id="content">
<div class="titulo">
 TÍTULO DO TUTORIAL </div>
Aqui vai seu texto, seu código, sua imagem, tudo que você quiser por e ficará como preview<br />
<br />
Não esqueça de por um link para voltar para o tutorial e seu blog<br />
<br />
<br />
<br />
</div>
</body><br />
</html><br />

3. Mude o que está em letra maiúscula no código,e edite outras coisas.

4. Na hora de salvar,faça assim:
nomedoarquivo.html
Depois é só você hospedar aqui,e terá a preview.

0 comentários :

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!