Você já devem ter visto este efeito em outros blogs, inclusive aqui no PH. Geralmente é colocado quando se tem um post com vídeos e acima você vê um link "Apagar as luzes" clicando nele, faz com que a tela toda do seu PC fique escura e só é visualizada o vídeo. Pois bem. Irei passar o código pra vocês.
sábado, 5 de abril de 2014
sexta-feira, 4 de abril de 2014
Tutorial: arquivo do blogger em forma de calendário mensal com as postagens do dia
Já viram a novidade de gadget daqui do PH? Não? Pois acesse alguma postagem e confira. Achei o resultado maravilhoso! Amei♥ Este tutorial aprendi no site Template pra você. Ótimo site de tutoriais para blogs. Vamos lá?
Publique fotos no Instagram pelo computador
Para você que tem o Instagram mas não tem um celular com os sistemas Android e/ou iOS para poder publicar as fotos que até então, só se publica pelo celular. Isso acabou!! Rsrs
Conheça o Gramblr. Simples e prático! Nele você irá conseguir publicar suas fotos na conta do Isntagram direto do seu computador :)
Bye Bye♥
quinta-feira, 3 de abril de 2014
Tutorial: personalize o LinkWithin
Hii *-*
Modelo>Editar Html> pressione as teclas Ctrl+F> procure por
acima cole o seguinte código:
.linkwithin_posts {
width:700px !important;
}
.linkwithin_posts a {
border: none !important;
padding-right:18px !important;
background-color:#fff;
background-image: none;
height: 200px;
}
.linkwithin_posts a:hover{
background-color:#fff!important;
}
.linkwithin_title:hover {
color:#ffffff!important;
background-color:#ff003a;
text-decoration:bold; !important;
}
Que tal esquecermos aquele estilo do LinkWithin pra lá e deixar da maneira como quiser? RÁ!
Modelo>Editar Html> pressione as teclas Ctrl+F> procure por
]]></b:skin>
acima cole o seguinte código:
.linkwithin_posts {
width:700px !important;
}
.linkwithin_posts a {
border: none !important;
padding-right:18px !important;
background-color:#fff;
background-image: none;
height: 200px;
}
.linkwithin_posts a:hover{
background-color:#fff!important;
}
.linkwithin_title:hover {
color:#ffffff!important;
background-color:#ff003a;
text-decoration:bold; !important;
}
Altere o seguinte:
Violeta: Altere "border:none" para outros tipos de bordas.
Roxo:
1ª Cor do fundo do gadget
2ª Cor do fundo quando passar o mouse
Azul Turquesa: caso queira um imagem como fundo, ao invés de cor. Deixando assim: background-image: url("URL DA IMAGEM")
Verde: cor do texto
Azul: cor do background do texto
Lilás: estilo do texto. Caso não queira negrito altere "bold" para um outro efeito:
underline /* sublinhado /*
italic /* italico /*
bold /* negrito /*
line-through /* tachado /*
overline /* sobrelinha /*
underline overline /* sobrelinha e sublinhado /*
Caso entende mais de Html fique a vontade hahah♥
Byee!
Vermelho: Recomendo que você não altere o valor 700px; e 200px;. A não ser que fique desproporcional com o tamanho da largura das suas postagens.
Violeta: Altere "border:none" para outros tipos de bordas.
border: 2px dotted #000000
border: 2px dashed #000000
border: 1px solid #0000FF
border: 4px double #FF0000
border: 3px groove #6666FF
border: 4px ridge #FFFFCC
border: 3px inset #FFFF99
border: 2px outset #6699FF
Roxo:
1ª Cor do fundo do gadget
2ª Cor do fundo quando passar o mouse
Azul Turquesa: caso queira um imagem como fundo, ao invés de cor. Deixando assim: background-image: url("URL DA IMAGEM")
Verde: cor do texto
Azul: cor do background do texto
Lilás: estilo do texto. Caso não queira negrito altere "bold" para um outro efeito:
underline /* sublinhado /*
italic /* italico /*
bold /* negrito /*
overline /* sobrelinha /*
underline overline /* sobrelinha e sublinhado /*
Caso entende mais de Html fique a vontade hahah♥
Byee!
quarta-feira, 2 de abril de 2014
Inkscape: Efeito Desfoque e Opacidade
Olá!
Post atualizado em 28.03.18
Bye byee♥
Vou ensinar um efeito que usei no banner do meu blogger. Apesar de ser básico ele fica ótimo!! Pois dá para contrastar com a mesma cor do fundo de uma background que é escolhido. Fiz um vídeo tutorial explicando como faz esse efeito desfoque.
Porem, estou atualizando esse post, com o efeito opacidade como na imagem abaixo, que também é mostrado no vídeo como se faz :)
Post atualizado em 28.03.18
Bye byee♥
terça-feira, 1 de abril de 2014
Tutorial: removendo o "Assinar Postagens (atom)" do Modelo Travel do blogger
Boa tarde galera *-*
Bom, esse tutorial vai ajudar à você caro leitor que se incomoda tanto com este bendito link, assim como eu.
Vamos lá?
Modelo>EditarHtml>Pressione as teclas Ctrl+F e procure por: ]]></b:skin>
Acima do ]]></b:skin> cole o código a seguir:
.feed-links{display:none !important;}
Visualize e pronto! São poucas as chances de dar errado. Lembre-se, testei no modelo Travel do blogspot.
Encontrei no blog Jus...Paradise.
Obrigada!
Bye Bye♥
Assinar:
Postagens (Atom)