Oi coelinhos!
Eu sei eu sei! Não postei durante 04 dias não foi???
Pois é, eu fui dormir na casa de um amigo porque... Bom, vcs não são obrigados a saber porque não é?
Então, peço mil desculpas para recompensar, vou fazer posts tutoriais novinhos!
Post 01 - Como colocar música no blog
Existe um conversor de vídeo para música que se chama Youtube Mp3, vá no site clicando aqui
Agora, vá no Youtube e selecione o vídeo da música desejada
Agora vá lá em cima na barra de comando e copie o link do vídeo, assim:
Depois, cole o link do vídeo nessa parte:
Agora clique em converter vídeo
Espere e depois que acabar, clique em Compartilhe esse Mp3
Selecione o segundo código, escrito HTML code e copie-o
Coloque a aba da postagem de escrever para HTML
Posicione o HTML onde quiser
Publique o post e pronto!
Post 02 - Como mudar a cor do texto selecionado
Para mudar a cor do texto selecionado siga o tuto a seguir:
A tabela de cores vc vê aki
Altere os dados a seguir:
1. Vá em Design, depois em Editar HTML, dê Ctrl + F e procure por:
]]></b:skin>
2. E cole ACIMA dele o seguinte código:
*::-moz-selection {
background:#B22222;
color:#ffffff;
}
*::selection {
background:#B22222;
color:#ffffff;
}
De azul está o código do fundo colorido do texto selecionado.
De vermelho está a cor da fonte.
Post 03 - Criar elite de Afiliados em Script com o efeito Opacity
Vá em adicionar um Gadget
Clique em HTML javascript
Dentro do gadget cole:
<a href="LINK DO BLOG" none;="" target="_blank" text-decoration:="" title="NOME DO BLOG"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="LINK DA IMAGEM" /></a> 
Editando:
LINK DO BLOG - Onde está link do blog afiliado, óbvio que é o link do blog afiliado com http://
NOME DO BLOG - É o nome do blog, somente o nome
LINK DA IMAGEM- Link da imagem que você hospedou
Cole esse código no mesmo gadget quantas vezes você quer. Exemplo, se você colocar o código 5 vezes, vai aparecer 5 vagas afiliados. 10 vezes, 10 vagas para afiliados. Ok ? Mais só nao esquecer que tem que ser no mesmo gadget ou seja, cada código daqueles lá em cima é UM afiliado.
As imagens, devem ser tamanho 50x50 ou 40x40, veja algumas:
Imagens 40x40 :
Imagens 50x50 :
Imagens 50x50 :
Imagens 60x60 :
Post 04 - Criando um blokcote
O código é o seguinte:
.post blockquote {
background: #FFFFF;
color: #000;
font-family: tahoma;
font-weight: normal;
font-size: 11px;
text-align: right;
padding: 3px;
}
Cole o código em um antes de ]]></b:skin> no seu HTML e edite dessa forma:
background: #FFFFF; - Fundo do blockquote
color: #000 ; - Cor da Fonte
Font-size: 11px ; - Tamanho da Fonte
text-align: right; - Alinhamento do texto
Trocando código :
background: url("URL do background") repeat; - Troque por background: #FFFFF se quiser fundo de imagem
Acrescentando códigos :
Bordas direitas :
border-right: 0px solid #33CCCC;
border-right: 0px dashed #33CCCC;
border-right: 0px dotted #33CCCC;
Altere :
0px - aumente ou diminua (valor da borda)
solid ; dashed ; dotted - tipo da borda
#33CCCC - cor da borda
Bordas esquerdas :
border-left: 0px solid #33CCCC;
border-left: 0px dashed #33CCCC;
border-left: 0px dotted #33CCCC;
Altere :
0px - aumente ou diminua (valor da borda)
solid ; dashed ; dotted - tipo da borda
#33CCCC - cor da borda
Bordas abaixo :
border-bottom: 0px solid #33CCCC;
border-bottom: 0px dashed #33CCCC;
border-bottom: 0px dotted #33CCCC;
Altere :
0px - aumente ou diminua (valor da borda)
solid ; dashed ; dotted - tipo da borda
#33CCCC - cor da borda
Bordas no topo :
border-top: 0px solid #33CCCC;
border-top: 0px dashed #33CCCC;
border-top: 0px dotted #33CCCC;
Altere :
0px - aumente ou diminua (valor da borda)
solid ; dashed ; dotted - tipo da borda
#33CCCC - cor da borda
Bordas em tudo :
border: 0px solid #33CCCC;
border: 0px dashed #33CCCC;
border: 0px dotted #33CCCC;
Altere :
0px - aumente ou diminua (valor da borda)
solid ; dashed ; dotted - tipo da borda
#33CCCC - cor da borda
Pode misturar os códigos que não da problema .
Acrescente sempre antes de }
Aqui tem alguns estilos de Blockote todos do TouchTheSky (www)
Post 05 - Colocando borda arredondada nas imagens
Modelo -> Editar HTML -> Prosseguir -> De CTRL+F -> Na caixinha pesquise por :
]]></b:skin>
Agora, cole antes de ]]></b:skin> isso:
.post img {
-moz-border-radius: 10px;
-webkit-boder-radius: 10px;
border-radius: 10px;
}
10 é o tamanho da borda, edite se quiser!
Post 06 - Colocando babadinhos no blog
Para colocar por um gadget HTML javascript, faça o seguinte:
Cole o código abaixo em um gadget editando o que eu disser
<div style=" background-image: url('URL DA IMAGEM'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>
Apos escolher copie a url da imagem e coloque no lugar de URL DA IMAGEM NÃO retire as aspas - " 100 " é altura da imagem altere de acordo do tamanho da sua cortininha.
Se for pelo seu código do blogger faça isso:
Aperte f3 e pesquise por </body>, acima dele, cole o mesmo código que você usou acima
Clicando aqui você pode ver algumas cortininhas!
Vou parar por aqui, acho que meus dedos já estão doloridos!!!!
Kissus!
0 Comentários: