Tutorial de como hospedar fanfic

Olá, Hoje eu resolvi ajudar as pessoas que gostam de escrever e gostariam de publicar suas histórias, seja ela interativa ou não.
O Tutorial é para postar fanfics no Tumblr.
Vou adiantando que eu fiz esse tutorial com a ajuda de outros sites, onde eu aprendi a fazer e que eu coloquei essas fontes.
Vou avisando também que é complicado, se não der certo ao seguir os passos que eu lhes passarei, me procure ou tente achar o erro, assim você poderá nem precisar mais de tutoriais para fazer grande parte das coisas.
Há, e caso você não queira fazer uma história interativa, siga direto para o SEGUNDO PASSO, pois, o PRIMEIRO PASSO ensina como fazer script para a história ser interativa, ou seja, para que o leitor possa colocar os nomes e características que quiser na história, mas como eu disse, dá um pouquinho de trabalho, claro, para quem ainda está aprendendo, pois, depois que se sabe o que faze e onde fazer fica mais fácil :)
Bom, ficou meio grande e eu postei alguns prints, então, se faltar algo, me avisem!

PRIMEIRO PASSO!

A primeira coisa que se tem que saber, é faz script, caso queria a fic interativa.
O Tutorial para isso se acha nos sites especialistas disso, eu achei no Fanfic Obsession e no Fanfic Addction, mas vou postar aqui.

• Script para alerta:

<script language=”JavaScript”> alert(“mensagem aqui!”); </script>

Esse script são os alertas, geralmente o autor coloca um script desse no começo da fic para agradecer o leitor, dar um pequeno aviso de alguma restrição na fic, dar boas-vindas ou para simplesmente ambientar o leitor na história.

Ex¹: <script language=”JavaScript”> alert(“Bem vinda a minha primeira fic!”); </script>

Vai ficar assim:






Ex²: <script language=”JavaScript”> alert(“Obrigada por estar lendo!”); </script>

Vai ficar assim:



Ex³: <script language=”JavaScript”> alert(“Em McTown, tudo acaba em McRomance! lol”); </script>

Vai ficar assim:

• Script para pergunta:

<script>var Nome = prompt(“Pergunta”,”")</script>

Esse script é responsável pelas perguntas da sua fic. No campo ‘Nome’ você vai colocar o nome que vai ser interativo, e em ‘Pergunta’ qual a pergunta para esse nome. Confuso? Veja o exemplo.

Ex: <script>var Fred = prompt(“Qual o apelido do seu melhor amigo?”,”")</script>.

Vai ficar assim:




Caso você queira dar algum exemplo, basta colocar a frase entre os “” depois da “Pergunta”.

Ex: <script>var Fred = prompt(“Qual o apelido do seu melhor amigo?”,”Frederico: Fred”)</script>

Vai ficar assim:

• Script para resposta:

<script>document.write(Nome)</script>

Esse script é responsável pelo nomes que vão entrar em script, de nada vai adiantar você colocar uma pergunta e não indicar qual a resposta. E muito cuidado, o ‘Nome’ tem que estão igual ao ‘Nome’ da pergunta. Se na pergunta está Maria, na resposta tem que estar Maria também.

Ex:
Se a pergunta está: <script>var Fred = prompt(“Qual o apelido do seu melhor amigo?”,”")</script>
A resposta tem que estar <script>document.write(Fred)</script>.

• Dicas:

• O melhor programa para você fazer o script é o Bloco de Notas. Para substituir os nomes, basta fazer pelo comando ctrl+h.
• Para economizar pergunta do tipo “Agora grita seu nome. ex: MARIA”, aqui vai um script que faz isso automaticamente:

<script>document.write(Nome.toUpperCase())</script>

Atenção: Onde está ‘Nome’ é para você digitar como se fosse um resposta normal, não precisa colocar NOME. Se você fizer isso, o script não vai funcionar.
Atenção²: É pra substituir somente o ‘Nome’ o restante do script é para deixar do jeito que vocês estão vendo.
Exemplo: <script>document.write(Fred.toUpperCase())</script>

FONTE

SEGUNDO PASSO:

Isso que foi feito, foi só para a fic ser interativa, agora é a parte de postar no tumblr.

Você cria o Tumblr da sua fic, em CREATE A NEW BLOG, depois disso vai em customizar:

Exemplo 1

Logo após, vai abrir a página onde você verá vários botões, aí você clica em EDITAR HTLM:

Exemplo 2

Em seguida você vai se deparar com uma página preta que vai ter um código, você vai a pagá-lo e colocar o seguinte código:

<style type="text/css">
  body {
    color: black;
    background-color: #FFFFFF }
  </style>

<html>
<head>
<title>Depois Daquela Festa - Por Suelen Alves</title>
</head>

Onde está Depois Daquela Festa - Por Suelen Alves você substitui pelo nome que quer que apareça na aba da página que estiver aberta a fic.

Depois de feito isso, basta postar a fic com o script.

exemplo 3

Aperte Update Preview e veja se está tudo certo com a fic. Para saber se está com o script correto, os nomes que estão nas perguntas NÃO DEVERÃO APARECER no preview.

Se estiver tudo certo, volte para a aparence e salve, depois acesse o link da sua fic para ver se está tudo certo por lá, porque geralmente dão erros.

Exemplo 4

Exemplo5

Exemplo 6

PS: Caso não apareça alguma coisa, apague e recoloque as aspas, se não der certo, entrem em contato comigo.