Página de Preview

|| ||
Boa noite, medrosinhos

Olá, como vão ? Se tiverem perguntado, eu estou bem, as vezes você já deve ter pensado no que poderia ter feito para melhorar o dia, já pensei muitas vezes nisso quando fiz coisas erradas, e as coisas certas ? Será que você foi bem recompensado ? Hoje eu fiquei meio triste, porque eu vi que no blog, as postagens anteriores não tiveram nenhum comentário. Mas mesmo assim, eu ainda amo postar aqui no Mundo Kawaii e não quero parar.

Então agora eu gostaria de voltar ao assunto do Post, claro, uma hora eu tenho que voltar ao que realmente interessa, não é mesmo ? Então, esse tutorial é útil para as pessoas que tem blogs de goodies, tutoriais e etc. Esse código serve para que ao invés de você criar um blog de preview, você apenas faça uma página em HTML e hospede-a em algum lugar. Lá ficará guardado seu preview, sem contar que terá apenas um código na pagina, ficando muito mais organizado!

Abra um bloco de notas e cole o seguinte HTML:

<html>
<head>
<link href="http://fonts.googleapis.com/css?family=Grand+Hotel" rel="stylesheet" type="text/css">
<title> TITULO DA PÁGINA </title>
<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>
</head>
<body>
<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 Não esqueça de por um link para voltar para o tutorial e seu blog
</div>
</body>
</html>

Ele já está customizado com css, caso queira mudar, mude apenas o que está explicado no código mesmo.

Edite seu arquivo com seus códigos de exemplo, como normalmente você faria com sua gadget em um blog de testes.

Na hora de salvar, vá em Arquivo > Salvar Como: digite o nome do seu arquivo, coloque a terminação .html ao invés do .txt e no "Tipo" coloque em Todos os Arquivos, ao invés do Documento de Texto (.txt), entendido?

Agora você só precisa hospedar esse arquivo na internet, para ter o link dele. Antes a maioria hospedava no  tumblr, mas agora o tumblr não hospeda mais arquivos html, então você terá que hospedar em algum site que forneça link direto dos arquivos, como o Fileden e o Dropbox.

2 comentários:

  1. Todos os blogs enfeitado por natal!! *-* Muito kawaii!
    É mesmo bem chato quando as nossas postagens não tem nenhum comentário, é tão decepcionante. As vezes você deve tanto trabalho, pra nada. Mas não desanimem!
    Tem algumas tags para vocês lá no LoveAnimes, são 4 tags, mas não precisa fazer todas elas, okay?

    http://s2loves2animes.blogspot.com.br/2013/12/algumas-muitas-tags.html#more

    ~Chu

    ResponderExcluir
    Respostas
    1. Sim, é chato mesmo isso, mas eu continuo feliz por postar aqui. Obrigada

      Excluir