Utilitários: Imagens para afiliados - Animais

Olá, estou um pouco em dúvida em relação ao título do blog, a leitora Laura H. deixou claro que o título do blog não favorecia nem um pouco. Porque ela entra no blog achando que ele é de assuntos variados e depois é só de goodies, alguém mais pensa assim? Podem falar.

Qualquer coisa eu mudo o nome do blog. 

Apesar de que a maioria votou no Assim Tipo Tudo de nome ''novo''.

Percebi que ultimamente só faço mais tutoriais, então, 

hoje fiz algumas imagens para afiliados de animais.

Até mais!

Tutorial: Como retirar o Assinar Postagens (atom)

Hey :3

O primeiro tutorial do dia! Como Retirar o Assinar Postagens (atom), aquele link super chato que ocupa espaço e não serve para nada que todos querem tirar. Não sabe o que é?

1- Vá em Editar HTML, Ctrl + F e procure por ]]></b:skin> agora cole acima:

.feed-links{display:none !important;}

Pronto! Fácil né?

Créditos: Just... Paradise

Beijo beijo, Ráh

Tutorial: Créditos rolando em um gadget

Olá, a pedido da leitora Manoela, hoje vou ensinar a como colocar os créditos rolando em um gadget, para que não sabe do que estou falando é só ir no gadget Goodbye aqui do blog, veja que tem vários nomes de blogs com links, ou seja, os créditos. O tutorial não envolve HTML, mas mesmo assim é necessário prestar bastante atenção.

1- Vá em um Gadget HTML/JavaScript, ou se preferir em um Gadget Texto (clique em HTML no gadget Texto) e cole o seguinte código:

<marquee>Seu Texto Aqui</marquee>

2- Na parte Seu Texto Aqui escreva o texto que você queira, por exemplo:

Agradeço aos seguintes blogs: Blá blá | Blá blá | Blá blá

(É permitido usar meu exemplo)

3- Tá, mas agora o texto fica passando, mas como vou colocar os links? É fácil! Siga os prints.

Não sei porque os prints ficaram cinzas, eles eram brancos, ficaram horríveis, mas deu para entender.

Créditos: Encomendas da Ráh

Até mais, se quiserem pedir algum tutorial fiquem a vontade!

Beijo, Ráh

Tutorial: Menu Tory

Hey!

Atualizei a página de Goodies, na verdade coloquei um menu super lindo que vi no Sweet of Cherry. Além do menu, lá achei também um menu muito lindo e resolvi postar aqui também.

Preview

1- Vá em Editar HTML > Ctrl + F e procure por ]]></b:skin> agora acima dessa tag cole:

/* -- Menu Tory - tory-spacetutorials.blogspot.com -- */
st{
text-align: center; /* Alinhamento do Texto */
width: 40%; /* Tamanho da caixa */
padding: 3px; /* Altura */
float: left; /* Posicionamento da caixa */
background: #87CEFF; /* Cor do Fundo */
color: #FF7DB1; /* Cor da Fonte */
border-radius: 0px 0px 0px; /* Bordas Arredondadas */
-webkit-transition-duration: .90s; /* Tempo de transição */
margin: 3px; /* Espaço entre uma caixa e a outra */
}
st:hover {
background: #6CA6CD; /* Cor do Fundo Hover*/
color: #000; /* Cor da Fonte Hover*/
border-radius: 0px 100px 100px 0px; /* Bordas  Arredondadas Hover */
letter-spacing: 3px; /* Espaço entre as Letras */
-webkit-transition-duration: .90s; /* Tempo de transição */
/* -- Fim do Menu Tory - tory-spacetutorials.blogspot.com -- */

As cores originais do menu não são estas, eu mudei, por isso são azuis.

 Mude as partes necessárias, o código é autoexplicativo.

2- Agora vá em um novo Gadget > HTML/JavaScript e cole:

<a href="LINK DA PAGINA"><st>NOME DA PAGINA</st></a>

Mude as partes necessárias, se quiser mais de um link, copie o código e cole novamente ao lado.

Créditos pelos códigos: Sweet of Cherry

Até mais!

 

Tutorial: Efeito Dark Shine

Olá, sei que fiquei um bom tempo sem postar, mas voltei.

Efeito Dark Shine

Preview

Ele é bem fofo, você pode mudar as cores depois.

1- Vá em Editar HTML > Ctrl + F e procure por ]]></b:skin agora, acima desse código cole:

/-- Efeito Dark Shine por Alan www.wehearthtml.blogspot.com --/
caixa1 {
background: transparent;
padding: 10px; float: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.imagem1 {
margin: 3px;
border: 1px solid #BCAD90;
-webkit-transition-duration: .50s;
}
.imagem1:hover {
-webkit-transition-duration: .50s;
box-shadow: 0px 0px 30px #686051;
}

Mude as cores destacadas. 

O primeiro código de cor destacado é a cor da borda, e o segundo da sombra.

2- Salve. Agora vá em Layout > ADD Gadget > HTML/JavaScript e cole:

<caixa1><a href="LINK"><img src="IMAGEM" class="imagem1"/></a></caixa>

Mude as partes destacadas.

É isso, espero que tenham gostado, caso queiram algum tutorial específico comentem ok?

Créditos: Bunny Crazy 

Novo Layout

Olá!

Gostaram do novo Layout? Fiz ele bem simples, as cores são tons de turquesa, para combinar com o mar, já que agora nas férias muita gente vai para a praia, as ilustrações são de Ulzzangs na praia, ou só de praias. Comentem o que vocês acharam do layout, demorei mais ou menos uma semana para finalizá-lo. Beijo, Ráh

Tutorial: Efeito bordas hover

Yoo

Trago um tutorial que pode ser usado na sua elite de afiliados, ele é bem simples e fica lindo.

Preview

1- Vá em Editar HTML, Ctrl + F, e procure por ]]></b:skin agora acima do que você procurou cole:

.elitescale{-moz-border-radius: 2px;-webkit-border-radius: 2px;-webkit-transition: 0s linear;-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;background-color: #FF6EB4; /*Cor da borda */ padding: 3px;}.elitescale:hover {background-color: #AB82FF; /*Cor da borda quando passa o mouse */ padding: 3px;}

2- Mude o necessário, salve.

3- Vá em Layout, ADD Gadget, HTML/JavaScript e cole:

<a href="Link do Blog" title="Nome do blog"><img src="link da sua imagem" class="elitescale"/></a>

4- Faça as alterações necessárias, visualize, salve.

Créditos: Without Kawaii

Beijo, Ráh