Tutorial: Efeito Hover no Título dos Posts

O post de hoje é pequeno, mas tem um tutorial super fácil e rápido! Vocês vão gostar! Hoje eu trouxe mais um efeito para você colocar nos títulos dos seus posts, lembrando que eu já tinha postado outros efeitos diferentes. Espero que funcione!

- Tutorial
Os 2 comandos que poderão ser usados vão ficar no final do post, ok?
1) Vá em Design > Editar HTML > Control+F:

/* Posts

2) E você vai encontrar:

h3.post-title a:hover {

PS: Se quiser sem aquele efeito de sublinhado é só você apagar o text-decoration: underline;

+ Os Comandos:
.Com borda:

text-shadow: 0 1px 1px #000;

.Cor da Fonte:

color: #000;

Em roxo, você modifica a cor! Confira aqui uma boa tabela de cores! Créditos dos códigos e do link ao Pink Pimenta!


Agora, para mudar um pouquinho de assunto e alegrar um pouco seu dia, trago uma música ótima da Jessie J. É o clipe de Domino, super dançante, feliz e divertida. Música que ando ouvindo muito nesse volta às aulas! Dá um play e curta muito:

-->Gostou? Comentem tudo!

You have read this article blog / dicas / internet / tutorial with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/02/tutorial-efeito-hover-no-titulo-dos.html. Thanks!

Top 5: It Blogs

Sabe aqueles blogs lindos e com um conteúdo ótimo,que são mega famosos e que a gente ama? Pois é, hoje eu fiz um top 5 dos blogs que são uma enorme inspiração para todas nós,blogueiras. Você pode até conhecer alguns deles (ou todos eles), mas vale a pena lembrar porque gostamos tanto desses blogs, não é? Divirta-se!

- Depois dos QuinzeÉ um blog com um visual fofo e que trata de muitos temas adolescentes, com dicas imperdíveis, inspirações, dicas de produtos de beleza, fotografia,filmes, compras, maquiagem, sites, músicas e muito mais! É bem cute! A dona do blog é a famosa Bruna Vieira, do interior de Minas Gerais, que é linda e tira fotos incríveis de si mesma,dos seus looks estilosos e da sua cidade (que virou um belo cenário para fotos). Acesse o blog aqui.

- Garotas EstúpidasO blog da simpática Camila Coutinho (que é recifense) já é conhecido no mundo todo e está até participando de um prêmio internacional (Bloglovin Awards)! Isso é que é moral,né? O seu blog fala bastante de moda, tendências, desfiles, marcas, estilo, beleza e até fofoca! É ótimo para deixar todo mundo bem informado. Acesse o blog clicando aqui.

- Just LiaConheci melhor o trabalho da blogueira Lia Camargo quando a vi escrevendo para a Capricho e participando do Scrap MTV. Fui conferir o blog e não parei mais de acessar! O Just Lia tem um design alegre, bem colorido e fala sobre tudo, de um jeito bem humorado: estilo, looks, sites interessantes, cabelos, inspirações,make e promoções! É lindo! Visite aqui.

- Cherry BombA Liah, dona do blog, é super atrê da revista Atrevida! O blog dela é especializado em trazer tudo para ajudar os outros blogs que estão precisando de uma forcinha com seus layouts e etc: tutoriais, layouts free, utilitários fofos, concursos, dicas em geral! É muito bom blogs que ajudam os outros, né? Não perca tempo, acesse aqui.

- Trechy TeenCandy Reis administra o blog. Ela traz diversas coisas para os leitores, com o objetivo de divertir a galera. São joguinhos, testes, textinhos fofos, dicas de música, tutoriais para blogs e muitos utilitários, dicas de comportamento e várias outras fofuras! Todo mundo curte! Acesse aqui.
-->Gostou? Quais são seus favoritos?

You have read this article blog / blogueiras / diversão / inspiração / internet with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/02/top-5-it-blogs.html. Thanks!

Tutorial: Links numa Nova Aba + extras!

Tutorial e utilitários reunidos num único post é bom demais,concorda? Hoje tem muita coisa legal por aqui: você vai aprender a colocar os links do seu blog num nova aba quando clicados, vai ganhar várias setas fofas que levam ao topo do blog para usar e ainda vai ver um video de Vampire Diaries! Espero que gostem!

-Tutorial: Links do blog em uma nova aba
1) Vá em design > editar HTML
2) Dê um Control+F e procure pela tag:  <head>
3) Logo depois dessa tag cole o seguinte código:

<base target=”_blank”/>

Teste pra ver se tá tudo ok e pode salvar!

-Setas para topo do blog:
Para aprender a colocá-las no seu blog CLIQUE AQUI! Algumas opções bem legais e fofas abaixo!


Créditos do 1º tutorial e das setas: Pink Pimenta!

Mudando completamente de assunto, você que é fã de The Vampire Diaries, já quis saber como é a tranformação do Ian Somerhalder no Damon Salvatore? Eu já! Encontrei um video pequeno no YouTube em que mostram o ator colocando as lentes de contato e se arrumando para virar o Damon! Ficou curiosa? Assista agora:

-->Gostou? Comente aí!

You have read this article blog / dicas / internet / tutorial / utilitários / video with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/01/tutorial-links-numa-nova-aba-extras.html. Thanks!

Aprenda a Retirar a Navbar do seu Blog!

O tutorial de hoje é muito simples e o efeito final é bem interessante.Você vai aprender a excluir a navbar do seu blog, de um jeito muito fácil e rápido!E se você quiser sua navbar de volta dá pra conseguir sim! Que notícia legal,né? Mãos à obra!

-Retirando a navbar:
1) Vá em design > editar HTML
2) Dê um Control+F com seu teclado e procure pela tag:

 ]]></b:skin>

3) E cole logo EM CIMA:

.navbar {display:none} 

Para ter sua navbar de volta,basta você retirar esse código do seu HTML! Muito fácil, concorda? Os códigos deste post tem os créditos do Pink Pimenta.

***

Agora, pra quem quer curtir o restinho dessas férias, recomendo essa música divertida do LMFAO, que é a cara do nosso verão! Dê um play e curta agora Sexy and I know It, pra dançar muito!

-->Gostou do post? Comentem aí!

You have read this article blog / dicas / diversão / internet / tutorial / video with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/01/aprenda-retirar-navbar-do-seu-blog.html. Thanks!

Personalize o Título dos seus Posts

Oba! Hoje o tutorial é simples, mas super completo! Vamos aprender a personalizar o título dos posts do seu blog,com dois efeitos diferentes e lindinhos para você escolher! É simples e fácil, basta você escolher um dos efeitos abaixo e começar o seu trabalho! Espero que sirva!

-Efeito: Título Centralizado
1 - Vá em design > editar html , dê um CTRL + F e procure por :

h3.post-title {

2 - Depois de localizado cole o seguinte código abaixo dele.

text-align: center;

Pronto. Agora é só salvar!

-Efeito: Fundo Colorido:1 - Vá em design > editar html , dê um CTRL + F e procure por :

h3.post-title {

2 - Logo abaixo dessa tag cole o seguinte código:

background: #E4E4E4;

Onde está em roxo,é a cor que você vai usar no fundo do título do post .Modifique a seu gosto,e salve.
PS:Os créditos dos códigos estão aqui.
-->Gostaram? Comentem aí! Estão gostando dos tutoriais TR?

You have read this article blog / dicas / internet / tutorial with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/01/personalize-o-titulo-dos-seus-posts.html. Thanks!

Tutorial: Blog Livre de Cópias

Esse tutorial é muito útil para quem quer proteger o conteúdo dos seus blogs contra cópias, prevenindo assim o temido plágio.É muito simples,rápido e fácil proteger seu blog, espero que funcione!Vamos lá:

1 - Vá em Design > Elementos de página
2 - Clique em adicionar gadget>HTML/JAVASCRIPT e cole o seguinte código:

 <script>

function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script> 

Salve direitinho,arraste o gadget para onde você preferir e tudo pronto! Muito fácil, concorda? O código é do Crazy In HTML.

-Mudando de assunto...Meu blog ganhou o 1º lugar no ranking do blog Sweet Cherry (clique AQUI)!Obrigada,Thifany! Nossa, estou muito feliz! É ótimo saber que a galera está curtindo bastante o Trash Rock. Também gostaria de parabenizar os outros blogs vencedores do ranking. O prêmio que ganhei estará em breve na barra lateral.
-->Gostaram? Comentem aí!

You have read this article blog / blogueiras / dicas / internet / tutorial with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/01/tutorial-blog-livre-de-copias.html. Thanks!

Pngs da Taylor Swift

Oba! Hoje tem mais Png's (imagens com fundo transparente) para ajudar nos seus cabeçalhos, layouts, link-me e edições em geral! A artista da vez é a fofa e romântica Taylor Swift. As imagens são todas do Google,mas se alguma é da sua autoria,por favor me avise! Espero que gostem!Clique na imagem para salvá-la em tamanho maior.
Muito legal as fotos,não é? Lembrando,eu queria que vocês dessem uma lida nesse link do blog Deluxe Girls,que fala sobre a lei SOPA.
-->Gostou dos pngs? Comenta aí! Em breve mais pngs de outros artistas!

You have read this article blog / internet / pngs / utilitários with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/01/pngs-da-taylor-swift.html. Thanks!

Arredondando as Imagens do Blog

Agora virou mania ter tutoriais aqui no blog,né?Mas é tão legal!!Hoje vou te ensinar a deixar as imagens do blog meio arredondadas,com uma bordinha fofa! O tutorial de hoje é muito simples e envolve poucos códigos! Lembrando que você deve visualizar antes se salvar pra ver se está tudo ok! Espero que sirva!

1 - Clique em Design > Editar HTML
2- Dê um CTRL + F com seu teclado e procure pela tag : .post img {
3- Logo ABAIXO dela cole:
-Para quem usa o Firefox: -moz-border-radius: 8px;
-Para quem usa Google Chrome ou Safari: -webkit-border-radius: 8px;
-Para quem usa Opera 10,5: border-radius: 8px;

Funcionou? Espero que sim! Visualize pra ver se está tudo ok e depois salve. Créditos dos códigos ao Crazy in HTML.

Mudando de assunto,vou deixar vocês com o clipe da banda The Pretty Reckless cantando ao vivo Factory Girl. É muito legal e puro rock n'roll,confira o vídeo a seguir:

-->Gostou? Comentem aí!

You have read this article blog / dicas / internet / tutorial with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/01/arredondando-as-imagens-do-blog.html. Thanks!

Coloque Borda entre a Barra Lateral e Postagem

Oba!Mais um tutorial! Hoje vou te ensinar a colocar uma borda super bacana que divide a barra lateral(gadgets) da barra onde ficam os posts. Os créditos dos códigos são do Other Things Attitude Included! Temos dois efeitos lindos pra você escolher qual vai usar!

-Efeito 1: Pontilhado
É esse que usamos aqui no blog! Siga as instruções.1- Vá até Design>Editar HTML, aperte CTRL+F e procure por isso:

.main-inner .column-center-inner {

Se sua barra lateral é do lado ESQUERDO, cole o código abaixo APÓS o código lá de cima, fazendo as suas alterações:

border-left: 1px dashed #000000;

Se sua barra lateral é do lado DIREITO, cole o código abaixo APÓS o 1º código que eu disse, fazendo as suas alterações:

border-right: 1px dashed #000000;

*No que está em vermelho altere o número para aumentar o tamanho da sua linha/borda. E no que está de roxo, altere a cor da sua borda.Você pode deixar como está, se quiser que fique parecido com a borda que usamos aqui no Trash Rock!

- Efeito 2:
Esse próximo tutorial é pra quem quer que sua borda fique semelhante a do blog Attitude Included, que também é bem legal:1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:

.main-inner .column-center-inner {

Se sua barra lateral é do lado ESQUERDO, cole:

border-left: 5px solid #000000;

Se sua barra lateral é do lado DIREITO, cole:

border-right: 5px solid #000000;

* No que está em vermelho, altere a largura da sua borda/linha, e no que está em roxo, altere a cor. Lembrando novamente que este tutorial é do Other Things Attitude Included. Mas o código para as barras laterais do lado direito foram editados por mim.
-->Gostou? Comentem aí!

You have read this article blog / internet / tutorial with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/01/coloque-borda-entre-barra-lateral-e.html. Thanks!

Encurtadores de Links!

Às vezes precisamos diminuir links e url's para usar no Twitter ou numa citação, por exemplo. A boa notícia é que existem diversos sites que nos ajudam a diminuir links! O post de hoje é bastante pequeno, mas super útil! Créditos ao Google e ao Pink Pimenta.

Para conseguir ter sua url reduzida, como esta: http://migre.me/7wscn Você só precisa ir num desses sites abaixo e digitar o link completo do site que deseja. E pronto! É absurdamente fácil e rápido!
Migre.Me (meu favorito e um dos mais usados no Twitter)
Tinyurl (também muito usado)
Twixar
BrZu
Snipurl
Todos são aprovados e muito bons! Espero que tenha servido!
-->Gostou? Comenta aí!

You have read this article blog / dicas / internet / tutorial / utilitários with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/01/encurtadores-de-links.html. Thanks!

Pngs prontos da Miley Cyrus!

Uhul,mais utilitários! Hoje temos várias imagens com fundo transparente (png) da Miley Cyrus. Esses pngs que estou trazendo são ótimos para cabeçalho ou brush! Tem um mais lindo que outro! Achei essas imagens no Google, mas se alguma foi de sua autoria, me avise! Clique com o botão direito e salve a imagem. Se quer a imagem em tamanho maior, clique nela.
-->Gostou? Comentem aí! Em breve,pngs de outras celebridades!PS: Lembrando que NÃO fui eu quem fez os pngs! Encontrei todos no Google!

You have read this article blog / internet / pngs / utilitários with the title blog. You can bookmark this page URL http://esmaltesmeus.blogspot.com/2012/01/pngs-prontos-da-miley-cyrus.html. Thanks!