sexta-feira, outubro 26, 2012

Dicas HTML: Caixa de Comentários

36 comentários
Olá, tudo bem com vocês? Quem aí gosta de MCFLY, viu o novo clipe Love Is Easy? Eu ainda estou surtada de tamanha perfeição. Para quem não viu ainda, eu recomendo assistir \o
Então vamos ao assunto do post, não é mesmo?

Eu já ensinei aqui no blog como postar fanfic no Tumblr e alguns códigos HTML de fotos, agora eu vou ensinar vocês a colocarem a caixa de comentários na fanfic.
Eu achei ela esses dias e já coloquei na minha, então eu vou ajudar vocês a terem uma também.
Na verdade é tão fácil que se eu colocasse o link aqui e vocês fossem ao site, nem precisaria de tutorial, mas como eu amo fazer isso, eu vou fazer. E também posso achar fácil porque as palavras em inglês que há lá, são do meu cotidiano e eu já sei o que significam. Vai saber....


Primeiramente entre nesse site:

Disqus

Agora você vai criar uma conta para você.
  • Clique no local destacado:

  • Logo após abrirá essa página e você irá preencher os campos:


Em Register your site for free você fará o seguinte:
1° - URL da sua fanfic
2° - Nome da sua fanfic
3° - A URL que irá ficar no Disqus
Em Primary Moderator você irá preencher da seguinte maneira:
1° - Seu nome ou nickname que você quer usar
2° - Sua senha para entrar no Disqus
3° - O e-mail que você irá entrar no site. De preferencia utilize um que é real para o caso de perder a senha.

  • Em seguida irá abrir essa página onde você irá clicar onde está destacado:



  • Após clicar nesse link irá abrir essa janela, a qual você irá selecionar o campo igual no exemplo (Ctrl + A) e copiar o código:




  • Então você vai até a sua fanfic e cola no final dela, ou no caso, eu prefiro colocar em uma página separada, como no exemplo (eu já ensinei como fazer uma página de HTML aqui, mas podem achar confuso porque era para fanfic, mas é da mesma forma):




  • Se você fez em página separada, você irá precisar colocar o link da página de comentários no final da  fanfic, como eu fiz no modelo (Eu já fiz o tutorial de como fazer links, o resto é HTML base):



  • E vai ficar assim:




  • Após o link estar feito, você, ao clicar nele, irá ser redimensionado para uma página parecida com essa:



E se isso acontecer, sua caixa de comentários está feita, prontinha para usar!

PS1: Na página onde está o HTML da caixa de comentário haverá outro código, ele é para contagem de comentários. Caso você queira usar, basta colocar ele antes ou depois do link de comentários.
PS2: Para a página de comentários não ficar com "www.suafanfic.tumblr.com" recomendo usar esse código para o título da página, antes dos códigos:
<style type="text/css">
body {
color: black;
background-color: #FFFFFF }
</style>
<html>
<head>
<title>Troque isso aqui pelo nome da sua fanfic</title>
</head>
Bem, é isso, espero que tenha ajudado vocês.

OUÇAM LOVE IS EASY COMO SE FOSSE O ÚLTIMO ANO DA VIDA DE VOCÊS. VEJAM O CLIPE COMO SE O MUNDO ACABASSE AMANHÃ.
Boa noite. Obrigada por lerem.
Tchau!

domingo, outubro 14, 2012

Instalando novas Fontes no Computador

2 comentários
Olá, tudo bem? hahaha parei de graça.
Estou aqui para postar mais um tutorial.
É, eu adoro fazer tutorial do que eu sei, adoro explicar as coisas, já falaram até para eu virar professora. Só que não.
Então, dessa vez eu vou fazer um tutorial de como instalar fonte no computador. É, essa é boa, é uma dica útil e é tão fácil que vocês nunca mais irão voltar aqui porque nunca mais esquecerão hahaha
Eu não sou Maria, mas estou cheia de graça hoje kkkkkk

Mas brincadeiras à parte, vamos ao trabalho!

1- A primeira coisa que vocês vão fazer é abrir a pasta de fontes do seu computador.



Para quem não sabe onde achar, eu vou ensinar como chegar:
Você clica em iniciar (acredito que todo mundo usa o novo iniciar, porque o clássico é feio e difícil), então você vai em "Painel de Controle" e clica. Irá aparecer uma pasta, então você procura fontes e abre.

2- Aberta a pasta de fontes, você irá ao site que você achou a fonte que quer no seu computador e faz o download.

Star Avenue do site dafont


Para quem não sabe nenhum site, vou deixar o link dos que eu conheço:
dafont  -sofontes -urbanfonts -fawnt fontcubes 1001freefonts
3- Quando baixar a fonte, ela virá assim:

Você irá abrir e irá abrir esta pasta:


4- Depois que você abrir a pasta você irá copiá-la e colar na fasta de fontes:




Depois desses 4 passos a fonte já estará instalada, pronta para usar e em todos os programas que utilizam fontes.
EXEMPLO:

Ajudou? Gostaram? Eu gostei de lhes ensinar essa parte. É tão fácil!
Caso vocês queiram que eu ensine alguma coisa, só virem pedir e se eu souber eu farei. Se não souber é uma boa para que eu possa aprender e aí eu venho e ensino vocês. É como dizem, a gente ensina e aprende.
Boa tarde para vocês.

sábado, outubro 13, 2012

Dicas: Links HTML

0 comentários
Olá, hoje eu vou postar os códigos de HTML para links em geral. Pelo menos os que eu conheço.

Link Simples:
  • <a href="URL">SEU_TEXTO_AQUI</a>

Apenas troque o URL e o SEU TEXO AQUI e o link estará feito.
Exemplo: SEU_TEXTO_AQUI


Link Simples 2:

  • <a href="URL"target="_blank"> SEU_TEXTO_AQUI </a>
Apenas troque o URL e o SEU TEXO AQUI e o link irá abrir em uma nova página ou guia.
Exemplo: SEU_TEXTO_AQUI

Link na imagem:
  • <a href="URL"><img src="URL_DA_IMAGEM" /></a>
Apenas troque o URL e o a  URL_DA_IMAGEM da imagem a qual ao clicar irá para outra página.
Exemplo:


Link na imagem 2:
  • <a href="URL" target=_blank><img src="URL_DA_IMAGEM"></a>
Apenas troque o URL e o a  URL_DA_IMAGEM da imagem e ela irá abrir em uma nova página ou guia.
Exemplo:

    Link na imagem 3:
    • <a href="URL"><img src="URL_DA_IMAGEM" width="XXXpx" height="XXXpx"></a>
    Apenas troque o URL , a URL_DA_IMAGEM, os XXX pelo tamanho que vocês querem e ao clicar, a imagem irá abrir o link incorporado.
    Exemplo:

      Link na imagem 4:
      • <a href="URL" target=_blank><img src="URL_DA_IMAGEM" width="XXXpx" height="XXXpx"></a>
      Apenas troque o URL, a URL_DA_IMAGEM, os XXX pelo tamanho que vocês querem e ao clicar, a imagem irá abrir em uma nova página ou guia.
      Exemplo:

        Espero que tenha ajudado vocês esses códigos, pois, me ajudam muito. É algo simples e que na maioria das vezes você pode fazer no site mesmo, como por exemplo aqui, no blogspot, não é necessário saber esses códigos, mas caso você queira postar o link em algum theme de Tumblr ou Template de blog, está aí a ajuda.

        Achar o customize rápido + Dica de HTML

        1 comentários
        Olá, o último post que eu fiz, explicava como chegar ao customize pela dashboard, mas eu sou uma pessoa muito esperta e esqueci que há uma maneira bem mais fácil de chegar ao mesmo lugar com menos tempo e fazer menos coisas.
        Primeiro você acessa o seu Tumblr.
        Então você verá dois botões:



        Você irá clicar em customize:

        E pronto.

        Agora irei postar uma dica de HTML para vocês, como prometido no post de reorganização.
        Como ir direto ao capítulo.
        Algumas de vocês já leram a minha fic e já perceberam que bem no começo tem os links dos capítulos. Então eu vou explicar como eu fiz para conseguir fazer esses "links" que não sabem da página.
        Quem nunca leu mas tem curiosidade ver como é, o link do blog onde eu a posto é esse aqui.

        O código que você irá usar são esses:

        1. <a class="link" href="#01">01</a>
        2. <a name="01">Capítulo 01</a> 

        O 1° código é referente à essa parte:


        E o 2° código é referente à essa parte:

        Explicação
        O 1° código é o "link" onde irá redirecionar ao capítulo, então, você irá trocar o "#01" pelo que você quiser, algo que identificará onde estará o local referente ao 2° código, que é o "01", que está em negrito.

        Por Exemplo: Para postar o link do capítulo 2 eu usaria o código:
        1. <a class="link" href="#02">02</a>
        2. <a name="02">Capítulo 02</a> 
        Lembrando que não é necessário colocar números, você pode colocar o nome do capítulo. DESDE QUE, você coloque a mesma coisa no segundo link:
        1. <a class="link" href="#localdecapítulo">01</a>
        2. <a name="localdecapítulo">Capítulo 01</a> 

        Espero que isso tenha ajudado vocês. Qualquer coisa gritem nos comentários que eu venho ajudar.
        Se quiserem explicações mais detalhadas e como fazer passo-a-passo, eu explico novamente, basta deixar o Twitter ou Tumblr que eu irei entrar em contato com vocês. Se quiserem deixar o e-mail de contato, seria bom também, bem mais fácil por msn :)

        Bom, é isso aí, gostaram?

        domingo, outubro 07, 2012

        Como achar o Customize na nova Dashboard

        0 comentários
        Com o novo design da Dashboard do Tumblr, muita gente está perdida e não consegue achar a ferramenta de mudar o theme ou customizar, então eu vou explicar como achar.

        1° passo:

        Todo mundo sabe onde fica a inbox, não é? Então, fica ao lado, no topo da página. É a ferramenta de definições, destacada na foto:




        2° passo:

        Assim que você apertar no botão de settings, você irá chegar à essa página:



        3° passo:

        Nessa página terá os 1 - blogs que você tem na sua conta e 2 - o customize, onde você irá clicar e cairá direto na página de editar:


        sábado, outubro 06, 2012

        Tutorial de como postar fanfic em páginas do Tumblr

        28 comentários
        Olá, sei que muita gente que escreve não publica suas histórias pois não quer criar um blog para isso, então, no Tumblr, o único site que eu sei mudar o HTML, facilmente e sei explicar, tem uma ferramenta chamada page. Eu irei ensinar como editar essa page para vocês. Esse tutorial eu farei o passo a passo.

        1° passo:

        Vocês deverão ter a fanfic toda com script. Ensinei o script de fanfics aqui.
        Depois de ter a fanfic toda scriptada, vocês irão no customizar do tumblr de vocês e irá descer até achar Page e vai clicar em Add Page, como no exemplo abaixo:


        Você deverá clicar e aparecerá essa janela:




        2° passo:
        Aberta a janela, você irá clicar em Standard Layout e irá aparecer um menu, onde você irá clicar em Custom Layout, como no exemplo abaixo:


        Então a página irá mudar, ficando assim:


        3° passo:
        Então você irá colocar o nome da página, depois do URL do blog. Eu geralmente uso fanfic, fic ou o nome da fanfic, mas pode-se usar qualquer nome. Depois disso você pegará o código da fanfic e postará no espaço em branco, clicando em seguida em Create page. Logo depois vai aparecer save page e você irá clicar novamente. Exemplo:



        Finalizado:
        Então a fanfic está postada em uma página do seu tumblr, sem relação  alguma com o theme que você está usando:
        Tumblr com o theme

        Página da fanfic
        Bem, espero que tenha ajudado novamente, esse tutorial.
        Qualquer coisa, grite nos comentários. Ok?


        Entrega de pedido:

        0 comentários
        Capa de facebook @_hypnotised


        Dude, espero que tenha gostado. :)

        quinta-feira, outubro 04, 2012

        Geral no blog.

        0 comentários
        Hey gatinhos e gatinhas que leem isso aqui.
        É, sei que quase ninguém lê, mas enfim, eu dei uma organizada geral aqui e vou frequentar mais agora o blog.

        As mudanças que eu fiz:


        1. Retirei algumas páginas inúteis;
        2. Editei também a página de FAQ;
        3. Criei a página PEÇA SUA FOTO (onde vocês poderão pedir a foto de vocês sobre o que quer que seja. Deem uma curiada por lá.);
        4. Excluí algumas postagens inúteis.
        Não foi muita coisa o que eu fiz, mas já melhora um pouco a aparência do blog.
        Agora eu vou cuidar de fazer uns tutoriais novos para vocês.
        Essa semana eu ainda postarei o de como criar uma página de fanfics no Tumblr.

        Isso é tudo, tenham uma boa noite *-*

        Tutorial de como hospedar fanfic no Tumblr: F.A.Q

        11 comentários
        Oi, resolvi fazer esse post de respostas a maioria das dúvidas sobre o post "Tutorial de como hospedar fanfic no Tumblr". Realmente ele está explicado, mas faltam detalhes e quem não entende muito sobre HTML não entende muito bem, então resolvi explicar para o que serve cada código que eu já expliquei. Sei que falta resposta de algumas meninas, mas prometo que estou providenciando um post onde postarei os códigos de como colocar cores diferentes, trocar a fonte e tamanho das letras, como centralizar e até mesmo fazer links e também farei um de como hospedar a fanfic em uma página do tumblr sem ter que criar um novo apenas para isso.
        1ª EXPLICAÇÃO:
        A primeira coisa que vou explicar é em relação a este código:


        É usado para nomear a página da fanfic, pois, se não o tivesse, apareceria o URL do site que você está. Ou no caso desse site que eu postei, apareceria assim:


        2ª EXPLICAÇÃO:

        Para fazer o script. Onde trocar os nomes, onde colocar e como fica. Observe a imagem (clique nela para ampliar):


        A parte que está circulada em vermelho condizem à mesma pessoa da fanfic. Agora explicando passo-a-passo:
        N°1 é o script de pergunta, que está no tutorial. Nele você fará a pergunta e colocará a resposta, que no caso, é o nome que está circulado no N°2, que deverá estar dessa maneira toda vez que o nome aparecer na história. Como ali está em destaque o nome Mylena, TODAS as vezes que aparecer Mylena na história, eu tenho que deixar o nome assim <SCRIPT>document.write(Mylena)</SCRIPT> para que possa aparecer a resposta do leitor. Para saber se deu certo, você terá que apertar no Update Preview e analisar se aparece o nome, como está no N°3. Caso o nome apareça, tem algo errado, pois deve ficar igual está no exemplo, apenas o espaço.

        Aqui um print do que vocês terão que mudar:


        A frase em destaque "E a tontinha do Danny" é a pergunta, onde Mylena é a resposta e esse nomevai ser substituído por qualquer outro que o leitor responder. Veja os exemplos:

        Exemplo 1

        Exemplo 2
        Aline é o exemplo que eu coloquei para a tontinha do Danny.


        Eu acho que eram essas as maiores dificuldades que vocês encontram, não é? 
        Se tiverem alguma dificuldade depois dessa explicação, não se acanhem de vir perguntar. Eu explico quantas vezes precisar :)