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

Tutorial: Criando uma "estante" no Skoob


Olá irônicos, tudo bom com vocês ?
Vocês já viram a minha "estante" que criei no Skoob ? Essa "estante" é muito boa e ajuda muito, toda vez que você coloca mais um livro para ler não precisa ir no site e ficar trocando ela atualiza totalmente sozinha, então vamos ao tutorial ?

Tutorial: Fazendo um cabeçalho com degradê - Entenda


Oi irônicos tudo bem com vocês ?
Ontem ensinei vocês a fazerem um tutorial que a imagem fica degradê neh ?! E disse que ia ensinar como que eu colocava no cabeçalho, e não é nada difícil pelo contrario você termina em menos de 5 minutos, mais para fazer isso iremos usar o PhotoFiltre Studio X.
Vamos aprender ? 



Tutorial: Fundo degradê - Entenda


Oi irônicos tudo bem com vocês ?
Sabe aquele fundo degradê que eu coloco em alguns cabeçalhos ? Então, vou ensinar a fazer só o fundo degradê , mais já estou preparando o tutorial do fundo degradê no cabeçalho, aguardem.
É super fácil de fazer, mais requer o PhotoShop.
Vamos ao tutorial ?




1- Clique em File depois em New... feito isso arrume como mostra o numero 3 e de ok.

2- Clique na ferramenta Gradient Tool.

3- No canto direita escolha a cor que deseja.

4- Depois de ter escolhido a cor puxe de cima para baixo, tendo assim o efeito do degradê.

5- Na hora de salvar...
Clique na seta para baixo em Format depois escolha a opção que está selecionada de vermelho e dê ok.






Super fácil neh irônicos? Espero que gostem do tutorial, Beijoooooooos :*






Personalizando a data


Boa tarde irônicos tudo bem com vocês ?
Estava eu passeando no The Lovers quando vi um tutorial super fácil e muito bonito, e querem saber mais ? O tutorial foi  feito pela dona do The Lovers (não sei o nome, rs).
Vamos fazer o tutorial ?


Primeira coisa a fazer é deixar a data desse jeito:

Feito isso, vá em seu html e procure por:
.main-inner h2.date-header {
Encontrou ? Cole o condigo seguinte DEPOIS do que você achou: 

/* Data da postagem personalizada por The Lovers */
font:Arial;
color: #000000; /* Cor da Fonte */
margin-left: -60px; /*Distância, caso não encoste diminue o número até dar*/
background: #E6E6FA; /* Cor de fundo */
float: left;
font-size: 11px; /* Tamanho da fonte */
padding: 4px;
border-radius:0 0 10px 10px;
}
/* Fim da data personalizada por The Lovers */
 Se preferir a data do lado lado direito troque left por right, ta ? Agora personalize tudo o que está em negrito, e para mudar as cores é só usar essa tabela aqui

RESULTADO:


Beijoooooos :* 







Tutorial: Fazendo cabeçalho de nuvem


Oi meus irônicos preferidos tudo bem com vocês ?
Vou ensinar a vocês hoje, a fazer um cabeçalho de nuvem sabem como é ?Essa imagem aqui e espero que gostem.




Eu costumo usar uma imagem: 1.000 de largura e 400 de altura, mais pode usar outros tamanhos de sua preferência. 
Vai usar o Photoscape.
Abra o Photoscape e abra a imagem em branco.


1- Escolha a cor e faça um quadrado deixando um espaço no lado direito e outro no esquerdo.

2- Faça uma bola nos cantos que você deixou, coloquei em vermelho para vocês verem melhor.

3- Faça várias bolas em cima do quadrado.

4- Ficara assim:

Na hora de salvar...
5- Clique para salvar e depois...

6- Na hora que aparecer essa mensagem clique em NÃO.

E o resultado é esse:


Gostaram ? Comentem preciso saber, e me desculpem por não ter postado nada nem ontem e ter demorado pra postar hoje, Beiijos :*



Tutorial: Gadgets separados em caixas


Oi irônicos do meu coração, tudo bem ?
Sabe quando os gadgets ficam separados dentro de umas caixinhas ? Sim ?
Então hoje vou ensinar a vocês como deixar eles desse jeito, e o créditos são todos do Go Imagine (Beiijo pra Anny, hihi) e é S-U-P-E-R fácil, vocês não tem noção.
Vamos ao tutorial ?


Primeiro procure por: 
/* Widgets
e antes de fechar } cole o código:

background: #fff; /*---- cor do fundo da caixa ----*/ 
  padding-left: 20px; /*---- espaço à esquerda ----*/ 
  padding-bottom: 20px;  /*--- espaço de baixo ---*/ 
  padding-right: 20px; /*--- espaço à direita ---*/ 
  padding-top: 5px; /*---- espaço de cima ----*/ 
border-radius: 5px; /*---- bordas arredondadas, apague a linha se não quiser ----*/
box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/

Tutorial: Voltar ao topo com efeito deslizante


Oi irônicos, que bom ver vocês de novo por aqui (:
Esse tutorial aprendi no Place Fame Extras é um ótimo tutorial. Alguns não são deslizantes e ficam atualizando pra voltar ao topo.
Sem mais delongas vamos ao tutorial ?


Procure por: </body> e antes dela cole o código:


<script type="text/javascript">    $(document).ready(function() {       $('#subir').click(function(){          $('html, body').animate({scrollTop:0}, 'slow');      return false;         });     });</script> 


Agora procure por: </head> e cole acima o seguinte código:


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 


Agora insira o código aonde quiser :

<a href="#" id="subir"><img src="URL_DA_IMAGEM"/></a>  

Espero que tenham gostado, Beijoooooooos :




Tutorial: Tirando ondinha do modo travel


Oi meus irônicos preferidos, tudo bem ?
Sabem aqueles ondinhas que ficam em cima do modo travel ? 
Então, hoje venho com um tutorial lá do Go Imagine com a linda da Anny, e é um tutorial S-U-P-E-R fácil. 


As ondinhas são assim:





Tutorial: Juntando a coluna do post com a sidebar


Oi irônicos e irônicas tudo bem ?
Muita gente tem a duvida de como juntar a coluna do post com a sidebar, um tutorial muito simples mais requer atenção.
Vamos ao tutorial ?


 Design > Editar HTML > Ctrl+F > e procure por:


.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {




Visualize e salve.


Fácil não ?! Beijoooooooos :*



Mostrar a navbar ao passar o mouse


Oi irônicos tudo bem ?
Sabe o efeito da navbar que tem no meu blog ? que quando passa o mouse ela aparece ? então mostrar esse tutorial pra vocês, que aprendi no Tudo de blog, vamos ao tutorial ? 


Entre em Design > Editar HTML > Ctrl+F e procure por:
]]></b:skin>
Depois de ter achado cole o seguinte código ACIMA de ]]></b:skin> 

/* ----- Efeito de esconder e mostrar a navbar ----- */
#navbar-iframe {
opacity:0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#navbar-iframe:hover {
opacity:1;
}

Depois de ter feito isso visualize e salve, Beiijos :*


Tutorial: Fazendo uma base


Oi Irônicos e Irônicas tudo bem ?
De um tempo pra cá ando fazendo umas bases como todos já sabem, e fiz até um post aqui e aqui mostrando. 
E hoje vou ensinar vocês a fazerem essa base, mais claro vou ensinar do meu jeito, pode até ter outro método, e vamos usar também o Photofiltre.
E um lugar que eu recomendo MUITO pra vocês pegaram as imagens é o We♥it com muitas imagens lindas.
Vamos ao tutorial ?


Listinha de Goodies





Oi Irônicos e Irônicas tudo bem ?
Resolvi fazer uma listinha de goodies que uso sempre, e espero que ajude a vocês também.
Esses goodies são do meu blog, e todos que não são de minha autoria estão com os devidos créditos, então usem e abusem dos goodies, hahaha.
Vamos a listinha ?


"Leia Mais".



Tutorial: Backgrounds na palavra


Oi Irônicos e Irônicas tudo bem ? 
O tutorial de hoje é M-E-G-A fácil, e teremos que usar o photofiltre.
Pra quem não tem o Photofiltre pode fazer o download aqui o efeito fica tipo o Bomba de Glitter
Vamos ao tutorial ? mais para ver clique em "Leia Mais".



Tutorial: Sombra no titulo do post


Y LOVE RIHANNA ♥


Oi Irônicos e Irônicas tudo bem ?
Algumas pessoas gostam do efeito de sombra no titulo, mais não sabem como fazer por isso hoje vou mostrar a vocês é super fácil, os créditos são do Kawaii World
Vamos ao tutorial ? que é SUPER fácil (:


Clique em "Leia Mais".



Coração no Inkscape


Oi gente tudo bem com vocês ?
Tenho uma surpresa pra vocês !
Como o titulo já diz hoje vou mostrar pra vocês como fazer um coração no Inkscape só que de um modo diferente, eu fiz uma vídeo aula para vocês, UHUUUUUUL 
E pretendo fazer mais vídeos aulas pra vocês (:
Claro que não saiu aquela coisa, até porque é o meu primeiro video, hihi


Vamos ao tutorial ?


Primeiro Clique em "Leia Mais"

Tutorial: Efeito Opacidade nas imagens

Oi irônicos e irônicas tudo bem ?
Como o póprio tutorial já diz, vou mostrar para você como deixar a imagem com opacidade, e os créditos são totais do Madly Luv.
Então vamos ao tutorial neh ?!


vá em design > editar HTML > Aperte Ctrl+F e procure por:  ]]></b:skin>


ACIMA de  ]]></b:skin>  cole o código abaixo:



Salve tudo.
Quando quiser deixar a imagem com o efeito é só acrescentar class="opacidade" no código da imagem. Exemplo:
<img src="CÓDIGO DA IMAGEMclass="opacidade"/>


Fácil neeh ?! Beiijos, irônicos se puderem ajudar com alguma dica de post agradeço, Beiijos


Tutorial: Como deixar o fundo da foto transparente


Oi irônicos e irônicas tudo bem ?
Muita gente pergunta como deixar o fundo da imagem transparente, e você não tem noção de como é fácil. 
O programa que iremos usar é o Photofiltre.


Vamos lá ? Para ver o tutorial clique em "Leia Mais".



Tutorial: Destacando a primeira letra do texto


Oi irônicos tudo bem ?
Então hoje vou ensinar como deixar a primeira letra do post destacada, vamos ao tutorial ?


1. Vá em Design >> Editar HTML >> Expandir modelos de widgets.
Após feito isso pressione Ctrl+F ou F3, procure por: ]]></b:skin


2. Copie o seguinte código ACIMA de ]]></b:skin

p.introduction: first-letter {font-family: 'Trebuchet MS' Times;font-size: 350%font-weight: bold;float: left;width: 2em;padding-right: 5px;}
SALVE ! 


3. Para a letra ser destacada vá em postagens, no modo "Editar HTML" e ensira o seguinte código:


 <p class="introduction">ESCREVA AQUI SEU TEXTO</p>
Caso em alguma postagem você não queira que a primeira letra não seja destacada é so não usar o seguinte código.


Fonte:Sweet Poison
Fácil neh ?! Beiijo :*

Os leitores também agradecem



Oi irônicos tudo bem com vocês ?
Então hoje vou dar algumas dicas que os leitores agradecem, são dicas simples mais que podem melhorar totalmente seu blog.


1. Emoticons
Não use muito emoticons, isso é muito chato e dificulta de mais a leitura, claro que alguns podem, mas encher o post com emoticons coloridos, grandes e brilhantes além de deixar muito feio, o post fica um desastre. 


2. Fonte e cor
Deixe o post com fontes normais, e escuras. A pior coisa é ter que chegar em um blog e ter que selecionar o texto para TENTAR ler ou também chegar e tentar decifrar o que está escrito, com aquelas fontes todas transadas.


3. Imagem
Um post de qualidade deve ter fotos de qualidade, principalmente em tutoriais, eu super recomendo o We♥it as fotos são excelentes, e também fotos que saem fora do post é horrível, antes de publicar seu post, visualize direito.  


4. Anúncios 
Para a galera que utiliza anúncios no blog, você pode ir no Google Adsence e ver qual o melhor tipo de anúncio, qual o melhor formato e o melhor lugar para ser colocado.
Créditos: Spazio DM


5. Comentários 
A pior coisa é quando um leitor vai comentar e tem que colocar os códigos pedidos, e ainda tem um recadinho assim 
Retire isso e garanto que seu blog vai ter mais comentários.


6. Ortografia
"Oiiie gentê td belêe ? u post de hooj ée sobre umas dicass q os leitoris agradecien"
Entenderam alguma coisa ? nem eu, rs', escreva corretamente, o próprio blogger tem um sistema que corrige os erros ortográficos. 
Onde está selecionado de vermelho.

Então gente essas são as dicas que eu acho que devem ser usadas e que os leitores agradecem, Beiijo até a próxima.