quinta-feira, dezembro 01, 2011

Tutorial de como hospedar fanfic no Tumblr

195 comentários
Olá, postagem especialmente feita para o/a meu/a anonimo/a fofa, ela quer saber como hospedar fanfic interativa no Tumblr e eu vou tentar ensinar. Eu não sou a pessoa mais indicada para isso, mas vamos lá :)

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 a autora 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>



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
Gente, se o código não funcionar, apague e recoloque as aspas.
É isso, qualquer coisa gritem nos comentários :)