“E quando eu estiver triste, Simplesmente me abrace.”
—Skank“Sexo não tem nada a ver com amor. Tanto é verdade, que o governo me fode há anos e eu não sou apaixonado por ele.”
—Marcos Chiesa
Nuvens passando no theme
- Primeiro vá no seu html e cole esse código depois de <body>
se usar credite e de like!
Como fazer skins :3
Essa é a BASE da skin !
Copie a base e cole no Bloco de notas [só da certo no bloco de notas !]
Aqui você vai fazer a skin do seu jeito :
[EXPLICANDO UMA PARTE DA BASE]
#player,#player a{ color:#AQUI VOCÊ COLOCA A COR DO TEXTO; font-size: AQUI VOCÊ COLOCA 11px; font-family: AQUI PODE SER VERDANA;}
#player{ background:url(AQUI VOCÊ MUDA A COR DA BARRA QUE ACOMPANHA A MUSICA, NO CASO, VOCÊ VAI TER QUE MUDAR A COR , SEJA NO PHOTOSCAPE OU PHOTOSHOP DE BOA E HOSPEDAR NO SITE, E PEGAR O LINK :) http://static.tumblr.com/kwaqeuc/eb7lze93x/sizerandvolj_copy.png); background-position:bottom; background-color: #A COR DO BG DO PLAYER;}
#player .mainImage{ background:url(ESSA É COMO A SUA SKIN VAI SER ! SIM, TEM QUE HOSPEDAR E PEGAR LINK ¬¬’ http://static.tumblr.com/kwaqeuc/JvAlze68b/mainj.png); }
Bom, as imagens você tem que hospedar no Upload a static file ! TODAS , ok ? *-*
Essa é a base pra monter o player ( essa parte de baixo ) a parte que você tem que editar, e colocar tudo certinho, tipo, a imagem tem que estar no mesmo lugar e tals !
- Caixinha de volume AQUI.
- Imagem do player AQUI.
- Imagem da Pausa AQUI.
- As cores AQUI.
Quando você salvar a skin NÃO SE ESQUEÇA de marcar ONOMEDASKIN.css tem que colocar o .css porque senão, a skin não vai dar certo no tumblr ! DEPOIS QUE SALVAR, HOSPEDAR A SKIN JÁ PRONTA OK ? *-*
Bem, ai você já sabe, pega o link da skin, vai no site pra colocar musica no tumblr, e pronto :)
Como fazer themes #2
Olá! Primeiramente, esse tutorial é novo e tem uns erros no tutorial antigo, então eu vou ensinar vocês a fazerem themes a partir do zero com “seus” próprios códigos (o que não é difícil porque você pega o jeito e acostuma com as codificações). Enfim, eu quero falar para vocês que estão lendo meu tutorial, creditarem pelo amor, é ruim fazer tutoriais grandes e explicadinhos pra ninguém creditar e lembrando que os códigos são MEUS e enquanto vocês não souberem criar sozinhos, vão ter que me creditar pelos códigos que eu estou postando aqui, e enfim, se não creditarem eu vou excluir o tutorial e não adianta salvar a base xDD
Tags Principais
Enfim, vamos começar com as tags principais do theme. Faça um tumblr secundário de teste para fazer seu theme e só salve quando o resultado for igual o meu ok? As tags principais são essas:
<html>
<head>
<style>
Aqui vai ser seus códigos de personalização do seu theme, só adicione o que for útil e se não for usar algum código que está aqui, exclua e confira seu HTML depois. Exclua esse texto quando for adicionar o background e etc.
</style>
</head>
<body>
</body>
</html>
Background
Depois disso, você vai ter que colocar um background no seu theme… Eu vou usar um que as meninas do TTHY postaram, então se forem pegar meu código junto com meu background, no final não esqueça de creditar á elas pelo background. O código para colocar o background no seu theme, vai ter que ser colocado no CSS (<style> e </style>) e o código é esse:
/* —- corpo do theme —- */
body {background: url(‘http://static.tumblr.com/p0nqcte/dNqmd679n/12.png’);}
/* —- fim corpo —- */
O resultado será apenas o seu theme com o background que você colocou. Se vocês não souberem onde encontrar backgrounds, tem uns que eu posto aqui no GH. Se vocês não entenderem ou sacarem muito de html, não exclua as “indicações” dos códigos, como eu coloquei “corpo do theme” e “fim corpo” isso serve pra ficar mais fácil de se encontrar os códigos depois se quiserem uma modificação.
Fonte
A fonte do seu theme é muito útil, então não esqueça de colocar ela no mesmo lugar onde vocês colocaram a url do background, só que depois do ; não esqueçam se não a fonte fica feia. Eu recomendo vocês usarem verdana, tahoma ou arial mas isso vai do gosto de vocês. O código para as fontes é o seguinte:
font-family: NOME DA FONTE; » A fonte de sua escolha.
font-size: TAMANHOpx; » Tamanho da fonte escolhida.
color: #888; » Cor da fonte do theme, essa é a melhor a ser escolhida, essa ou #999
Vocês poderão modificar só depois dos dois pontinhos para não ter nada de errado. O código final com os códigos da fonte, será esse:
body {background: url(‘http://static.tumblr.com/p0nqcte/dNqmd679n/12.png’);
font-family: verdana;
font-size:11px;
color:#888}
- MEU HTML - Eu esqueci de colocar o </html> mas não esqueçam hehe
Centralização
Para seu theme não ficar desconfigurado em nenhum computador, coloque esse código no seu CSS:
/* —- centraliza —- */
#page {width: 800px;
margin-left: auto;
margin-right: auto;}
Não removam o 800 por favor, é o tamanho correto para todas as telas, então não modifique. Coloquem o seguinte código APÓS <body>
<div id=”page”>
E antes de </body> coloque uma </div> somente. UMA div pelo amor, não coloca mais antes de adicionar os códigos se não você fica confuso e não sabe o que fazer.
Sidebar
A sidebar é bem fácil de se fazer, mas eu vou explicar tudo direitinho para vocês, só modifiquem se vocês souberem modificar, eu não vou explicar tudo novamente e muito menos refazer o tutorial, prestem atenção. Enfim, vocês vão criar uma class ou uma id tanto faz, porém eu vou fazer uma id # e o código será esse:
/* —- sidebar —- */
#sidebar {background: #FFF;
padding:7px;
margin-left:5px;
margin-top: 25px;
border-radius:4px;
width: 230px;
margin-bottom: -15px}
Vocês vão colocar esse código no CSS, onde eu indiquei. Depois, coloque o seguinte código depois de <body> após o código da centralização que você colocou na outra etapa:
<div id=”sidebar”> <img src=”http://25.media.tumblr.com/tumblr_md0hn3jOXu1rahsnyo1_500.png” width=”230px”> </div>
- O resultado será esse se você não modificou nada.
Postagens
As postagens são fáceis de se fazer. Vocês vão adicionar esse código no seu CSS:
/* —- posts —- */
#conteudo {width:510px;
float:left;
margin-top: -161px;
margin-left:249px;
padding:6px;
position: absolute}
.caixa {background: #FFF;
padding: 6px;
margin-bottom: -5px;
border-radius:6px;}
.vsanna {display:none;}
A id #conteudo é pra deixar suas postagens centralizada, então não á modifiquem, já está certinha. A class .caixa como o título já diz, é a caixa dos posts, onde ficam as postagens e etc. A class .vsanna é pra tirar o via e source quando você rebloga algo e etc, é útil pra quem usa notes hover, como eu.
Agora vocês vão colocar ESSE código após body, depois do código da SIDEBAR pra não ficar feio, não coloquei antes ok? Eu modifiquei o margin-left/top pra ficar certinho caso alguém não saiba modificar.
Notes ou tags
Vocês podem ver que as tags estão feias (onde fica a data e tal), não estão customizadas e etc. Enfim, pra customizar, vocês vão criar uma class no seu CSS… Esta é a base:
/* —- tags —- */
.tags {background: #eee;
padding: 6px;
margin-bottom: 1px;
color: #000;}
.tags a {color: #000;}
/* —- fim tags —- */
Modifiquem como quiserem, tem vários códigos, isso foi um exemplo tudo bem? Agora para os links não ficarem azuis e com aquele risquinho abaixo. Coloquem isso no seu CSS:
/* —- links —- */
a, {color: #000; text-decoration: none;}
a, hover {color: #000; text-decoration: none;}
/* —- fim links —- */
O resultado em live preview é esse. Se o de vocês estiverem assim, está certinho e vocês estão indo bem. Se os botões de dashboard e follow aparecerem nos posts, adicionem umas cinco </div> antes de </body> e fica normal.
Seu theme está quase pronto. Agora falta a customização dos títulos (font-face/etc). Se vocês quiserem uma fonte diferente, venham aqui e eles te explicam como colocar. Coloquem isso no seu CSS e depois escolham outra fonte:
/* —- fonte —- */
.gh {font-size: 18px; color: #000;}
.link {font-size:20px;}
/* —- fim fonte —- */
Se nada se desconfigurar, salve e veja como ficou. Seu theme está pronto, só falta colocar a paginação e customizar. Eu uso essas paginações que são boas.
Pronto, seu theme está pronto! Qualquer dúvida, entre em contato comigo e eu irei explicar o que você tiver dúvidas.
PS: Se a caixa de posts abaixarem conforme você adiciona conteúdo na sidebar ou outra coisa. Vá na id #conteudo e coloque um número maior no margin-top até ficar certo.
Creditem sempre!!! Eu demorei pra fazer esse tutorial, e eu reconheço meus códigos. Obrigada por usarem meu tutorial e chegarem até o final <3
- @ » base final
Tutorial:
Hoje vou ensinar como colocar um tipo de botão que eu criei do seguidorestumblr.
- Você vai colocar ESSE CÓDIGO antes de </style> no theme
- Depois você vai colocar ESSE CÓDIGO depois de <body> ou <body onkeydown=”return false”>
- Então no código 2 você vai procurar onde diz “SEUTUMBLR” e vai substituir pela sua URL exemplo c4-pacitada.
- Visualize e Salve
SE UTILIZAR CREDITE E DE LIKE!
TUTORIAL E CÓDIGO POR C4-PACITADA
NÃO REBLOG!
Como ver quem te deu unfollow.
- Bom como vocês viram, a dashboard mudou e com isso o unfollow hater de muitos pararam de funcionar. Muitas pessoas se aproveitaram e começaram a dar unfollow.
- E está dificil baixar o unfollow hater, bom eu encontrei um modo mais fácil pra vocês.
- Quem já tem o unfollow hater só vai atualizar, quem não tiver vai baixar da seguinte forma:
1º - O Crhome está com uma política “legal” de não deixar instalar plugins sem ser pelo chrome web store, por isso você vai instalar esse plugin aqui: https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo
Não sei pra quê isso funciona ao certo, mas serve para deixar com que se instale o unfollow hater.
2º Clica em Install: http://userscripts.org/scripts/show/112207
- Vai aparecer uma caixa com algo em inglês você clica em ok.
- Pronto agora você atualiza o seu tumblr e vê se apareceu isso:
- Pronto, agora o unfollow hater vai sempre te avisar quando alguém te der unfolow ou mudar de url.
- OBS.: Nada tem virús.
ESPERO TER AJUDADO, NÃO ESQUEÇA DE DAR LIKE SE FOR ÚTIL. Se usar credite. Valorize o meu esforço;
Tutorial de como fazer um theme
Bom, se você quer aprender a fazer um theme, tem que saber um pouco de html, se não vai ficar super perdido/a. Se você seguir esse tutorial corretamente, terá esse theme como resultado. Gostou? Quer fazer? Tudo bem, é só continuar lendo. Se você viu que esse tutorial foi útil, por favorrrrr credite! Ou melhor, não retire os créditos. Bom, vamos começar, lembrando que não deve ter nada no customize, apague tudo e continue »
Para um theme funcionar, ele deve ter as ‘tags’ principais, que são essas:
<html> <head> <link rel="shortcut icon"LINK DA FAVICON"> <title>SEU TUMBLR</title> <style> </style> </head> <body> </body> </html>
Elas vão fazer o seu theme funcionar. Onde há ‘LINK DA FAVICON’ óbvio, você coloca o link da favicon que fica na url, em ‘SEU TUMBLR’ você substitui pelo nome do tumblr que fica no navegador. Pro seu theme não ficar ‘cru’, vamos adicionar uma fonte para os títulos. Coloque isso antes de </head>:
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
Pronto? Então vamos ao <style>. Lá, vai ficar o ‘corpo’ do seu theme, o estilo. Tudo abaixo em personalização deve ir lá, até a parte em que mudaremos para o <body>. Vamos por partes; parte 1, background, links e personalização de fontes;
body{background: color: #ffffff; fixed; color: #000000; font: 11px 'verdana';}
a:link,a:active,a:visited { color: #000000; text-decoration: none; -webkit-transition-duration: .50s;} a:hover { color: #1c1c1c;} b, strong {color: #000000; text-decoration: none; cursor: help;} s {color: #000000;cursor: help;} i {color: #000000; text-decoration: none;cursor: help;} u, underline {color: #000000; text-decoration: none; border-bottom: 1px dashed #000000;cursor: help;}
O body do style, é o foco do css. Por que? Por que nele vem a personalização do fundo do tema e da fonte de toda a página. Se você preferir um background de imagen, ao invés de background: color #ffffff; você deve colocar background: url (‘urldoteubg’);
Bom, depois de entender o background, vamos aos links. O link é o ‘a’ do style. Por isso que sempre que você for colocar um link e algum lugar no html, vai ser <a href=”seulink”>link</a> por que é o link do style. Bom, isso você não precisa entender mais vamos a personalização. No terceiro ‘color’ do código, onde há #000000 na personalização dos links, você substitui pela cor do seu link geral do theme, e em a: hover { color: #1c1c1c} é a cor no hover, ou seja, quando passa o mouse.
Depois nos outros #000000 é a personalização do negrito (b) riscado (s) itálico (i) e sublinhado (u) a única coisa que você pode mudar é a cor, e o cursor se souber. Prontinho? Então vamos aos títulos. Parte2;
h1 {color: #000000; font-family: 'Carrois Gothic'; font-size:18px; line-height:30px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
h2 {color: #000000; font-family: 'Courier New', tahoma; font-size:35px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;} font-family: 'Carrois Gothic', sans-serif;
O h1 vai servir de personalização para o quote, para os links, para os tittles e etc. Sempre que você quiser usar é só colocar <h1> o que você quer aqui <h1> ok? Mude as cores e se quiser mude as fontes, que vem depois de font-family:, Mais nada além disso. Pronto? Agora vamos as caixas. Parte3;
.side {background: #fff; color: 000; margin-bottom: 25px; padding: 5px; width: 200px; top: 80px; left: 50px; text-align: justify; position: fixed;}
.posts {background: #ffffff;color: 000; margin-top: 25px; padding: 5px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
Em .side vem o layout da sidebar, a cor a posição, a margem… Mude apenas o #fff ok? Em .posts vem o estilo da caixa dos posts, mude apenas o background #ffffff ok? Bom, daí já existe um tema, agora falta apenas os blocks de posts, fotos, quotes, etc. Mais como eu sou linda e meiga, coloquei um menu no tema pra ele não ficar tão feio. É esse aqui:
.menu{text-align: center; text-decoration: none;} .menu a{text-transform:uppercase!important; padding: 5px 5px 5px 5px; display: inline-block; background:#1c1c1c; margin-top: 5px; font-size: 8px; color: #ffffff; font-family: 'tahoma'; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; font-weight: bold;} .menu a:hover{background: #4f4f4f; color: #ffffff;} blockquote {font-size: 11px; font-family: 'tahoma'; color: #000000; background: #ffffff; }
E de brinde ainda veio um blockquote personalizado haha. Bom, vamos entender. o #1c1c1c é o background do menu, os #ffffff é a cor da fonte, e o#4f4f4f é a cor do background ao passar o mouse. Dúvidas? Nenhuma né? Caso tenha vá na ask. Agora a personalização do style acabou, vamos ao <body> Lá, você colocará isso. Não esquece de fechar todas as divs e no final do tema é necessário o </body> e o </html>. Acho que olhando dá pra entender né?
Créditos á virtues-of-poets
GIF 3D TUTORIAL
Primeiro eu importar imagens como camadas no Photoshop usando o “Carregar Arquivos na Pilha” script. Eu uso o jogador de SM para extrair as imagens de qualquer vídeo que estou giffing, mas a palavra tem que o Jogador KM também é uma boa. Você também pode usar Arquivo> Importar> Quadro de vídeo em camadas, mas eu não sou um grande fã.
Depois de seleccionar as imagens que pretende importar, tudo deve ficar assim:
Redimensionar para 500px de largura, a altura não importa. Depois de fazer as modificações que acho que são necessárias (reduzir o ruído, nitidez, yada yada), certifique-se de que a guia de animação é aberto. (Janela> Animação, não deve ser um sinal de seleção ao lado). Clique no botão superior direito da guia (circulado na imagem abaixo), clique em “Criar Quadros de Camadas. Se você quiser usar PSDs ou quaisquer ajustes que usam camadas (brilho, tonalidade, o que for), fazê-lo após este passo, caso contrário você terá n camadas transparentes e você não vai querer isso. Em seguida, escolha a opção ‘Reverse Frames “para que o seu gif está na ordem certa.
Em seguida, marcar a opção “Show Rulers” opção, no “Extras Ver” no menu no canto superior esquerdo extremo. Usando a ferramenta Rectangular Marquee, selecione quantos você quiser 10px-largas colunas de cima para baixo da imagem. O mais utilizado é o photoset 3x1 falso, para que você selecione duas colunas, 160px distância um do outro. Deve olhar como este:
Tudo o resto é trabalho manual. Tudo o que deve ser “para trás” as duas colunas, deve ser apagada. O que está em frente das colunas (que sai do photoset), deve manter-se. Você pode usar a ferramenta de máscara ao editar os quadros, porque torna mais fácil de desfazer qualquer erro que você faz.
Não se esqueça de tempo cada quadro corretamente, caso contrário o seu gif vai ser muito rápido. Depois de apagar todas as colunas eo gif é a maneira que você quer que ele se parece, é hora de salvá-lo. Vá em Arquivo> Salvar para a Web e Dispositivos. Certifique-se a segunda caixa no canto superior direito diz “GIF” e personalizar as definições para o que lhe satisfaz melhor.
É muito importante a caixa da Transparência é verificada, de modo que as colunas funcionar corretamente.
Sim, eu acho que é isso.
Créditos: Exist0 (não tirem)
Como fazer Gifs
Você vai precisar de dois programas baixe-os: aTube|MovieToAGif
Primeiro entre no youtube, escolha seu video e copie a url dele:
Dai abra o aTube e insira a url dele:
Coloque no formato WMV e clique em baixar:
Depois de baixado, abra o movie to a gif e clique aqui:
File>Open Movie.. , e abra seu video:
Escolha a parte do video que você quer fazer seu gif, os segundos e marque com “}” exemplo:
E com a outra “}” marque o segundo que o gif vai “terminar”
Depois clique em Export>Export to animated GIF..
E salve.
O meu gif ficou assim:
Se for util dê like
Tutorial - Como fazer icons pelo photoscape
1 - Abra o Photoscape
2 - Clique em editor
3 - Escolha a foto que quer editar, clique nela
4 - Ao abrir, á arrume assim:
Brilho, Cor > Corroer
Brilho, Cor > Dilatar
Brilho, Cor > escurecer > mínimo (tom cinza)
Brilho, Cor > Brilho > Médio
Afina > 6
Filtro > Redução de Ruído > Médio
Filtro > Tingimento Graduado > Pluma = 41% e Sombra = 11%
Contra a luz > (-/+) 25%
Avivar > Tipo = Modo obscurecido > Nível = 32% > Desfoque = 5.8 > Contraste 40
5 - Pronto, agora é só salvar!
Resultado:
não faz muita diferença, mais melhora um pouco a foto…
Tutorial de headers com textura
Então gente, o jeito de editar os headers e icons mudaram bastante. Antes a maioria só usava PSD, topaz ou algo do tipo, e agora os tumblr editam de outro jeito. Eu vou ensinar vocês a fazerem esse tipo de header, e tirei uns print´s para facilitar. Eu vou ensinar desde o começo para os principiantes, mas quem souber o básico pode pular essa parte.
foto original:
1)Primeiro abra sua imagem no photoshop (não interfere qual é o seu), ai você aperta ctrl+a e depois ctrl+alt+i e logo vai abrir essa caixa:
2)Deixe a largura em “300” e deixe pressionado os 3 ícones abaixo, pois ai a altura vai mudar proporcionalmente e aperte OK. Depois aperte ctrl+a para selecionar e depois ctrl+n e assim abrirá esse outra caixa:
3)Deixe a largura em “500” e a altura em “250” e aperte OK. Logo após irá abrir um documento em branco, aperte ctrl+v para colar sua imagem no documento, depois ajuste. Ela ficará assim:
4)Depois vá em “ferramenta conta gotas” e clique na parte mais escura da imagem:
5)Depois clique em “ferramenta pincel” e pinte a parte em branca da foto:
6)A foto ficará assim:
7)(Essa parte de nitidez eu apendi vendo esse tutorial da brighticons (clica), mas como ela ensina no photoshop inglês vou ensinar no de português.) Então, você vai em “filtro> tornar nítido> aplicação inteligente de nítidez” e abrirá essa caixa:
8)Deixe a intensidade em “500%” o raio em “0,4 pixels”, “desfoque gaussiano” e “mais preciso”. Depois duplique a camada assim:
9)Agora vá em “filtro> desfoque> desfoque gaussiano” e deixe o raio em “1,8 pixels”.
10)Agora é só cem “opacidade”, nessa foto eu deixei em “30%” mas você vê o que você prefere.
11)Agora mescle as camadas:
12)Agora aplique um PSD, não vou falar qual eu apliquei porque morro de ciumes dele e o coloco em quase todos os meus headers, mas eu pego os meus (aqui) (aqui) (aqui) e (aqui), você deve por um que combine com a sua foto e que preferencialmente deixe a imagem mais escura para a textura ficar mais bonita.
13)Agora aplique alguma textura, eu também não vou disponibilizar a que eu usei, mas você pode pegar nesse tumblr (clica).
14)Depois que você excolheu sua textura vá nela e aperte ctrl+a e depois vá na imagem e aperte ctrl+v, ela ficará por cima da sua imagem, então escolha algum desses, eu geralmente uso o “clarear”, “divisão” “cor mais clara”, “luz indireta” ou “luz direta” ai você vê qual fica melhor para sua foto.
15) Agora mescle as camas novamente (eu ensino no item 11), e salve como PNG. Pronto seu header está pronto.
Resultado:
Eu sei que não vou agradar todo mundo, eu aprendi tudo isso praticamente sozinha ou pesquisando. Não sou passar o PSD nem a textura pois sei que vai ter gente que vai pegar e não vai me dar os créditos, então eu deixei os tumblrs para você procurar assim como eu fiz. O tutorial ficou bem grande pois eu ensinei desde o básico e coloquei prints :)
Espero ter ajudado, o tutorial deu trabalho, então POR FAVOR eu só peço isso, dê like ou reblogue esse post, e créditos á @needirection e @laughforjdb (sim mudei o user, era @angeldreww) no twitter, parece ser facil e realmente é, muito obrigada Xx/ Gi
Página de FAQ
Esse é o meu primeiro tutorial então não ta perfeito, mas vamos lá. Primeiro você vai para o customize do seu tumbrl , lá em baixo está escrito “PAGES” e em baixo “+Add a page” como mostra o print.
Clique no “+Add a page”. Então vai aparecer uma página assim.
Agora vamos entender o que quer dizer cada coisa e o que deve colocar em cada espaço.
Onde está escrito “Page URL” é a URL da sua página, que no caso vai ser faq, então após a sua URL coloque “faq”.
Onde está escrito “Page Title” é o nome da sua página, então coloque o que quiser como por exemplo: FAQ ou Frequent Asked Questions.
Então onde está escrito “Show a link to this page” clique no quadrado cinza e depois em OK.
Agora no “Body” (o quadro grande de baixo) você coloca a sua faq, aí faça do seu jeito, escreva coisas sobre você.
Quando você escrever tudo vai ficar assim.
Então clique em “Create page” e depois em “Save page” e ficará assim.
Pronto. Se esse tutorial foi util por favor dê like. /Jubs
