Páginas

Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens
Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens

Tutorial: Adicionando seta para o TOPO da página.


Oi gente, tem MUITO tempo mesmo que eu não escrevo aqui com aqueles tutoriais mega básicos que eu fazia antes, tem alguns motivos: Eu não tinha o que ensinar, pois não tinha nada novo, além disso fazer tutoriais é bastante trabalhoso, pois tenho que testar em um blog de teste se os códigos estão ok, e etc. Não queremos problemas nos seus lays. Enfim, esse é um post que não vem ao ar sempre, mas sim quando tenho algo legal pra mostrar. Pra quem quiser dar uma olhadinha dos outros que já postei, é só clicar na aba "Tutoriais". O de hoje é com algo bem simples e que facilita MUITO a vida dos nossos leitores, que a famosa seta que basta um clique e ela volta pro topo da página. Vamos tentar?

Lembrando que você deve fazer um backup do seu template antes de começar a modificar o html, apenas por precaução. Para aqueles que não tem ideia de como fazer um backup, basta acessar a aba Modelo e bem no canto superior tem uma caixa escrito fazer backup/restaurar. Basta clicar e fazer download desse modelo completo.

Feito isso, vá em Modelo > Editar HTML > Expandir modelos de widgets, clique em CTRL+F e pesquise por 

(Sem o *). Após encontrar você vai copiar o código abaixo e colar antes de  .



Neste código tem uma parte que diz "URL da imagem da seta". Para funcionar você precisa colar ai o url da imagem da seta escolhida. Essa seta pode ser criada por você, ou você pode escolher alguma dessas aqui.

Visualize, se estiver tudo certo é só salvar. 

Parece dificil? Eu sei que esses códigos e nomes complicados nos deixam um pouco assustados, mas basta prestar um pouco de atenção pra ver que é tudo bem simples. Boa sorte! Qualquer dúvida deixem nos comentários ou enviem um e-mail pra keziahraiol@hotmail.com.

Tutorial: Botões Flutuantes para Compartilhamento



Olá gente, como estão?
Bom, antes de começar o tutorial queria dar dois avisos.
Primeiro: Normalmente quando trago para vocês um tutorial, é porque já testei e deu certo, porém a plataforma que eu uso é o blogspot, portanto não sei nada sobre o wordpress, e algumas vezes não sei se esses códigos funcionam nele, mas no caso desse tutorial de hoje funcionará em todos \o/
Segundo: Estava olhando comentários antigos e MUITA gente comentou com dúvidas ou sugestões, porém eu não tinha visto, pois foram comentários bem depois da data que postei, então se alguém tiver alguma dúvida, me envia um e-mail para keziahraiol@hotmail.com que vou ficar muito feliz em responder. Ah e quero agradecer também a todo mundo que está gostando dessas pequenas dicas.

Vamos lá,

Esse tutorial é tão simples, fácil e rápido que vocês nem vão precisar fazer o backup do seu template.
O resultado é esse aqui:


A barrinha fica bem na lateral do seu blog e serve para que os seus leitores compartilhem seu conteúdo em diversas redes sociais como Facebook e Twitter.

Acesse o painel do seu blog e procure por Layout, logo em seguida clique em Adicionar Gadget > HTML/JavaScript e cole o código abaixo:


Você poderá também personalizar esse gadget, escolhendo a posição que você quer que ele fique: Left - Esquerda, Right - Direita.

Espero que tenha ajudado :) beijos a todos.

Tutorial: PopUp para curtir FanPage com timer.


Oi gente, tudo bom?
Tem um tempo que não trago tutoriais né? Estava com problema para incorporar códigos aqui, mas enfim. Se você é leitor novo, clica na aba de "tutoriais" e vê os que já passaram por aqui, são bem legais. Bom, o de hoje é bem simples. Vamos conferir?

Achei essa demonstração de como fica o PopUp, clique aqui se você tiver alguma dúvida de como funciona. 

Você só precisa acessar o painel do seu blogger e ir em Layout > Adicionar Gadget > HTML/Javascript. E cole o código abaixo:


Agora é só alterar alguns trechos como:

kakinetworkdotcom01username="NOME-DA-SUA-PAGINA",
kakinetworkdotcom01time="12"

Esse 12 simboliza os segundos que a caixa ficará disponível antes de fechar automaticamente.

Gostaram? Foi útil? Lembrando que eu não inventei nenhum código, simplesmente estou repassando uma informação pra vocês. Obrigada!


Tutorial visto e aprendido em: Mundo Blogger

Tutorial: Listme para Iniciantes por Kamila Denlescki



Olá gente, tudo bom? Hoje trouxe para vocês um tutorial bem diferente, sobre o Listme. Vocês sabem o que é o Listme? Não? Então vocês precisam ler esse post e ficar por dentro dessa rede social tão legal.
Vamos conferir?

Tutorial: Barra de Rolagem Colorida.




Olá queridos, tudo bom? Hoje trouxe um tutorial bem simples e fofinho para vocês. Sabe a barra de rolagem? Que tal da um toque todo especial nela? Vamos conferir.
Lembrando que você deve fazer um backup do seu template antes de começar a modificar o html, apenas por precaução.

Tutorial: Como adicionar o Gadget "Poderá também gostar de" no seu blog.


Olá lindinhos, como vocês estão?
Voltei com mais um tutorial, bom pediram que eu ensinasse várias coisas pelo meu face e eu fiquei tão feliz em saber que de alguma forma estou podendo ajuda-los *-*
Mas, o tutorial de hoje é como adicionar um gadget bem prático, aos poucos vou ensinando várias coisas pra vocês. Ah, quem tiver curiosidade em ver todos os tutorias, pode clicar na barra de pesquisas e escrever "tutoriais" ou pode também clicar na aba aqui acima, lá vocês verão a lista com os que eu já fiz.

Vamos começar. Lembrando que você deve fazer um backup do seu template antes de começar a modificar o html, apenas por precaução.

Depois de salvar o seu template, entre nesse site http://www.linkwithin.com e preencha a caixa que aparece ao lado, com seu e-mail, endereço do seu blog, e na "Platform" clique em "others" caso contrário, não funcionará.

Na opção "Width" escolha quantas caixas você quer que apareça, com no máximo 5, por exemplo:


Se o seu blog tiver um fundo mais escuro, você precisa selecionar a caixa My blog has light text on a dark background. Agora basta clicar em Get Widget. Vai abrir uma nova página com um código. 
Após isso você vai precisar abrir o seu painel de controle do blog, e clicar em Modelo e depois em Editar HTML, depois marque a opção Expandir modelos de widget. Clique em Ctrl+F e procure por:
<div class=’post-footer’>
Antes desse código cole o código obtido no site Linkwithin. Visualize, se estiver tudo certo, salve.

E voilá, está feito!
Espero ter ajudado.



Tutorial: Como colocar o "responder comentário" no blog


Boa noite queridos, como vocês estão?
Faz tempo que não trago tutoriais pra vocês. E uma amiga minha estava em dúvida de como adicionar o "responder comentário" ao seu blog, muitos templates não tem, e temos que mexer no html para adicionar, mas não pensem que é um bicho de sete cabeças, pelo contrário, é bem fácil. Vamos tentar?

Lembrando que você deve fazer um backup do seu template antes de começar a modificar o html, apenas por precaução.
Antes de mais nada vocês precisam ir em "Layout/Design" depois em "Editar HTML" e marque a opção "Expandir Modelos de Widgets"

Clique em ctrl+f ou em f3 e na barra de pesquisas digite: <data:commentPostedByMsg/>
Pode ser que no seu template o código acima não funcione, caso aconteça, tente procurar por: <data:comment.author/> ou <dd class='comment-footer'>

Abaixo do código acima insira o seguinte código:
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=INSIRA O ID DO SEU BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Responder comentário]</a></span><br/>

Agora basta você colocar o ID do seu blog no local indicado, mas como saber o ID do meu blog Kéziah?
É fácil, basta você fazer seu login normalmente, e olhar na sua barra de endereços (Lá onde você coloca os links) e o seu ID é aquele monte de números que fica ao lado do blogID. Simples né?
Abaixo uma imagem para mais detalhes.



Espero que todos tenham entendido! 
Qualquer dúvida deixem nos comentários.
Esse foi mais um tutorial que eu aprendi no site dicasparablogs.com.
Aguardem os próximos! 

Tutorial: Estrelinhas/Bolhas ou Corações Caindo do Mouse


Olá meus amores, como tinha dito para vocês, vou começar a postar alguns tutoriais simples de coisas fofas para dá um up no blog de vocês, espero que todos gostem *-* (Não sou expert no assunto, mas tenho aprendido muitas coisas nesse quase um ano de blog, a cada post, vou deixar o link do site onde aprendi o tutorial - dos que eu lembrar, ou estiver salvo aqui - tudo para vocês, seus lindos), VAMOS LÁ.

Fonte: http://princesa-descolada-myla.blogspot.com/2013/03/paginacao-numerada.html#ixzz2j39CpByO