Crazy For You

Bloqueando copia de imagens

2013-02-22T09:55:00.000-08:00

Boa noite meu reis e rainhas, como vocês estão? espero que muito bem. Não é desconfortável quando você posta várias imagens lindas no seu blog ai vem uma pessoa e copia todas elas e faz posts com as mesmas imagens? Por isso eu peguei esse tuto no Império do Photoshop e vou postar para vocês, lembrando que qualquer tutorial que você usar no seu blog tem que creditar!

1º Passo: Abra seu blog → Vá em modelo → Editar HTML.

2º Passo: Dê F3 e procure por: /head , quando achar cole o seguinte código acima.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
//]]>
</script>

Pronto, visualize e veja se está tudo bem, se estiver pode salvar!

Negrito, itálico e sublinhado com hover

2013-02-20T11:31:00.000-08:00

Olá gente boa, como estão? espero que muito bem****. Acho que todos sabem o que é negrito, itálico e sublinhado, mas nem todos sabem que tem um tutorial que deixam eles com efeito hover. Pois bem estou aqui para escinar a vocês como se fazer isso! é bem fácil, e se usar lembre-se sempre que tem que creditar!

1º Passo: Abra seu blog → Vá em modelo → Editar HTML.
2º Passo: Dê F3 e procure por:]]></b:skin> , quando achar cole o seguinte código acima dessa tag.

b {

color: #c7c8ca;

text-decoration: none;

}

b:hover {

color: #f4bec1;

text-decoration: none;

}

i {

color: # c7c8ca ;

text-decoration: none;

}

i:hover {

color: # f4bec1 ;

text-decoration: none;

}

u {

color: # c7c8ca ;

text-decoration: none;

border-bottom: 1px dashed #e6e2b3;

}

u:hover {

color: # f4bec1;

text-decoration: none;

border-bottom: 1px dashed # f4bec1 ;}

3º Passo: Acho que agora ficou meio confuso saber qual é qual ai, mais como eu sou uma pessoa muito ótima eu explico.

B refere-se ao negrito e b:hover ao negrito ao passar o mouse.

I refere-se ao itálico e i:hover ao itálico ao passar o mouse.

U refere-se ao sublinhado e u:hover ao sublinhado ao passar o mouse.

4º Passo: Depois é só visualizar e ver se não deu erro no HTML e depois se tiver tudo certo salvar!

Personalizar o avatar dos comentários

2013-02-17T06:13:00.000-08:00

Olá minhas maçãzinhas da apple, tudo bem? espero que sim. Gente eu baixei o photoshop cs6 e estou tentando criar novas coisas para melhorar o blog! O problema é que nunca tive photoshop e agora estou começando a aprender aos poucos. " ~~Aos poucos? Não aprendi nada ainda, só escrever e criar um cabeçalho~~". Mas deixando isso de lado, vamos aprender a personalizar o avatar dos comentários do blog! É bem fácil, continue lendo o post para aprender!

Quando você acabar o tutorial, ele vai ficar mais ou menos assim:

1º Passo: Abra o HTML do seu blog, procure por: .avatar-image-container {. Quando for localizado, cole o seguinte código abaixo dele

border: 3px solid #COR;
border-radius: 6px;

Ficando assim:

.avatar-image-container {
border: 3px solid #COR;
border-radius: 6px;
margin: .2em 0 0;
}

2º Passo: Visualize para ver se tudo ocorreu bem e depois é só salvar!

Opacidade nas imagens

2013-02-16T13:37:00.000-08:00

Olá meu povo, vou enscinar a vocês hoje a como botar opacidade nas imagens, é bem fácil. Ela é assim quando você por o efeito a imagem vai tar meio esbranquiçada e depois que você passa o mouse ela fica normal! é super fácil, vamos ao tutorial?

P.S: Bloquei o botão direito do mouse aqui no blog então quando você for copiar algo selecione o que quer copiar e aperte Ctrl+C

1º Passo: Abra seu blog > vá em modelo > editar HTML > procure por </head>.
2º Passo: Quando você localiza o código, você vai por, o seguinte código acima dele.

.post img {
-webkit-transition-duration: .50s;
filter:alpha(opacity=70);-moz-opacity:0.70; opacity:0.70;
}
.post img:hover {
-webkit-transition-duration: .50s;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}

3º Passo: Depois, é só vizualizar e se tiver tudo certinho, é só salvar! Gostaram do tutorial?

Imagens do blog do mesmo tamanho

2013-02-16T03:10:00.000-08:00

Boa noite, pessoinhas que acessam meu blog. Como estão? (Espero que muito bem). Esse tutorial de hoje de noite é para ensinar as pessoas a colocarem as imagens do blog do esmo tamanho, como as que estão aqui no blog. O legal desse tutorial é que ele é muito fácil de colocar. Vamos começar o tutorial?

1° Passo: Abra seu blog → Vá em modelo → Editar HTML.
2º Passo: Abra sue HTML → Procure por: ]]></b:skin> → quando localizado, cole o seguinte código acima.

.post img {
max-width: 300px;
height: auto;
}

3° Passo: Ao ter feito isso, você pode visualizar o blog,e ver que todas as imagens estão do mesmo tamanho. Super simples, gostaram?

Dowload, Photoshop CS6

2013-02-15T09:03:00.000-08:00

Imagem nada a ver com post***

Bom dia gente, queria agradecer a vocês pois estamos chegando perto da nossa meta de 300 seguidores, então acho que todos sabemos que o melhor editor de imagens é o photoshop, por essa razão trouxe o link do download para vocês baixarem e fazerem coisas novas e tals. Ele só tem uma coisa de ruim demora para baixar, no meu computador demorou umas 3 horas! Para quem sempre sonhou com esse editor, chegou a hora de ter. O link do download esta abaixo. Bom download :D

DOWNLOAD

Follow e Dashboard no blog

2013-02-15T00:48:00.001-08:00

Olá gente boa e camarada que Deus teve o mais esforço em criar pois é muito feia para ser verdade, vou ensinar a botar Follow e Dashboard no blog, é bem simples esses botões servem para: Follow ( seguir o blog e Dashboard (para ir para o painel do blog). Antes que perguntem, é o painel do seu blog e não do blog que tem isso ( resumindo vai para seu painel de controle), gente sou muito lerdo vei!E ele fica igual ao do blog!

1º Passo: Abra seu blog→ Vá em modelo → Adicionar um gadget → HTML/JavaScript
2º Passo: Colar esse código:

<a style="display:scroll;position:fixed;top:50px;left:75px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:50px;left:15px;" href="http://www.blogger.com/follow-blog.g?blogID= SUA ID" title="Follow Blog"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a>

3º Passo: Onde esta SUA ID cole a ID do seu blog e para quem não sabe o que é simples:

Pronto, salve e seu blog já está com o Follow e Dashboard!!! Bem fácil né? Se usar credite!

Cortininhas para seu blog!

2013-02-14T10:42:00.001-08:00

Olá cambada de babuínos bocós, fiquei muito feliz pelo numero de comentários e seguidores novos que o blog ganhou, e é isso que vai alimentar minha vontade de ficar mais ainda com vocês. Para começar de vez com os tutoriais vou postar dois por dia, um a tarde e outro a noite!Mas também vou postar de vez em quando utilitários para você personalizar mais ainda seu blog! Hoje vou postar umas cortinhas para enfeitar seu blog!

Aproveite e seja muito feliz com essas cortininhas e botando os devidos créditos!

Volteiiiiiiii!!!

2013-02-14T04:01:00.000-08:00

Olá fanáticos por Html que estavam morrendo de saudade de novos tutoriais (de tutoriais e não de min pois, sou muito lerdo). Vocês devem ter se perguntado porque eu abandonei o blog sem dar nenhuma explicação. Eu fiz isso porque na verdade eu já estava cansado de certos blogs chamados de Things to you ( não vou citar nomes!). E também de falta de criatividade para eu criar posts, mais agora estou determinado a continuar com o blog e sempre atualizar para vocês sempre ficarem com novos tutoriais para criar layouts!! E agora vou correr atrás de divulgação para conseguir novos seguidores e tornar o blog mais acessado!!!

Como botar linha debaixo do titulo do post

2012-08-14T09:46:00.000-07:00

Oi galera fanática por HTML, algumas pessoas me perguntaram com eu conseguir colocar essa linha debaixo do título do post, é muito fácil e esse é o nosso tutorial de de hoje esperam que gostem e curtam muito e lembrando que se usar algum tutorial do blog é para creditar!

1 : Abra seu blog > Vá em design > Editar Html e procure por : /* Posts

2 : Depois você vai achar algo como: h3.post-title {

3 : Depois que achar isso é só colar o seguinte código logo abaixo da tag procurada:

Border-bottom: 1px solid #F5F5F5;

4 : Veja se está tudo certo e salve.

Volteiiii!!!!!

2012-08-11T08:59:00.002-07:00

Oi meu Crazys, como vão vocês! Sentiram a minha falta? Sumi desse jeito porque a net aqui em casa pifou e ai teve que esperar chamar o técnico, pra ele vim e concertar. Mas agora o meu pc já está funcionando normalmente e eu vou voltar com toda potencia para o blog! Eu tenho algumas noticias, umas boas e outras ruins, vou começar a falar a ruins e depois as boas!

A ruim é que o concurso foi cancelado. Gente vocês tem que entender que um tablete da apple custa quase R$ 2.000 e não tinha nem 70 pessoas participando! Então vocês tem que entender isso.

A boa é que vou fazer outro concurso mais não vou sortear nada pelo coreio, e que o blog vai ter várias postagens novas e vários assunto!

Utilitários: Imagens para afiliados + Paletas + Bases para Cabeçalho

2012-07-26T12:03:00.000-07:00

Oii pessoal, como vocês estão hoje?! ~~Sentiram minha falta~~ ? Hoje temos imagens para afiliados, muito úteis, e feitas com carinho. Todas tem o mesmo tamanho, 50 x 50, que é mais comum na minha opinião. Também trouxe 3 paletas, porque nas últimas que postei, teve gente que adorou, fiquei bem feliz e voltei com mais. E mais surpresa: bases para seu cabeçalho!

O tema das imagens é doce, guloseimas, e afins, porque fica meio padrão, e combina com vários layouts por aí.

Okay...Agora as paletas que eu criei, são pouquinhas, mas...veja mais algumas aqui.

As bases são em tamanho 1030 x 340, que eu sempre faço nesse tamanho. Espero que curtam. Não removam créditos hein?

Download da fonte | Download do Cabeçalho

Ficaram meio básicas e feias, mas tudo bem...

Bom gente, ~~vocês devem estar se perguntando ou não para que tudo isso, tanto goodie~~,mas é porque eu irei sair do blog. Eu topei ficar aqui pelas minhas férias, e pelo Luan, percebi realmente que ele estava precisando. Porém minhas aulas vão começar segunda-feira, e eu não vou poder me dedicar muito para o Crazy for You, porque eu tenho um Tumblr, uma Web Novela, o meu blog e ainda outrozinho que eu posto. Desculpem pessoal, sei que fiquei pouco tempo, quem sabe um dia, eu volto para cá. Nossa, mas você posta em tantos, esse vai fazer diferença? Um pouquinho sim, porque quando eu posto no blog de alguém, não gosto de ficar prometendo posts e no final não fazer, ou deixar de postar muito tempo e essa pessoa ficar substituindo...Ainda mais o Luan, que é um ótimo colega de equipe. Vocês podem em encontrar nos links que eu deixei ali ok?

Um beijo, ficarei com saudades ♥

_Giovana :3

O que aconteceu?

2012-07-26T10:57:00.002-07:00

Eu nunca estragaria a felicidade do Luan por causa de um blog. o que aconteceu foi que ele me colocou como administrador, ai eu fui tentar fazer algo eu meu pai ficou em apreçando e sem querer retirei ele. Ai no outeo dia eu fui ver tinha uns 5 posts falando que eu tinha hackeado ele, e ele nem para me comunicar. Isso foi sem querer eu Juro. Ai ele criou outro blog e começou a chegar alguns comentarios como por exemplo: 'nossa luan que falta de respeito com você néh?' ,Velho isso foi sem querer e Não coloquei como adm antes porque ele não conseguia aceitar o pedido. A unica coisa que eu me arrependi, foi que eu Mudei o layout todo para o luan e ele modificou o layout inteirinho...

Luan falando;

Eu não modifiquei o lay interio só algumas coisas. Mas enfim... O blog voltou e com muitas surpresas!

Post By: Toddynhosemcanudo.com

Riboons For you!

2012-07-20T09:11:00.001-07:00

Como vão pessoas que adoram esse blog? Espero que muito bem. Estou sentindo que tem muito tutorial e muito pouco utilitários então vou ficar um tempinho sem postar tutoriais, ok? Então, vou postar alguns ribbons. Foi pego no Garora Queen, mais foi eu quem editou as cores!Se pegar credite e é proibido reblogar!

E se você não sabe botar venha nesse tutorial aqui!

Proibido reblogar!

Paletas de Cores

2012-07-19T12:47:00.002-07:00

Oii meus amores e amoras, tudo bem?! Hoje eu trouxe algumas paletas de cores que eu mesma fiz, virou meu hobbie. Eu vou colocando as cores e pronto, solto minha criatividade em uma única coisa. Vocês não precisam usar necessariamente todas as cores de uma mesma paleta, é só combinar do seu jeito. Se você tiver Google Chrome, que tal instalar a Palette of Chrome? É muito mágica e pode te ajudar a pegar os códigos das cores.

Não retire os créditos por favor, se usar credite!

Por hoje é só, espero que tenham gostado okay? Beijos para vocês♥

Vou fazer encomendas, mas não agora! As 10 primeiras vão ser grátis, e as outras vão ter um preço normal!

2012-07-19T12:09:00.003-07:00

O que acham de encomendas?

2012-07-18T10:20:00.005-07:00

Olá meus Crazys, eu estou pensando a já bastante tempo em fazer um blog de encomendas para vocês! Queria fazer elas pagas, mais também com um preço super barato e acessível para que todos possam ter um layout! Agora vocês entam dizendo para ci mesmo, " Tem vários blogs que fazem de graça então não vou encomendar em um que é pago"! Não pensem desse jeito, pense na qualidade do layout. Mas eu também não vou botar um fortuna. Olha como eu quero fazer:

Base para layout: R$ 4,50

Uma base é o básico para um layout! Vem com cabeçalho, menu, backgraund e alguns códigos no HTML.

Layour médio: R$ 7, 50

Um pouco mais caro do que o simples mais bem mais completo! Como que vem: menu, sidebar persona lizada, favicon, divisora, seleção colorida, barra de rolagem personalizada, tooltip e muito mais.

Vip: R$ 10, 00

Se quer um layout muito bem personalizado e atraente pegue esse pacote aqui! Esse vem com tudo que você tem direito, vem com tudo o que eu citei acima e ainda vem com benner e um cabeçalho extra!

Faça o seu: R$ 18,00

O faça o seu é assim: Você vai me add no MSN e vai dizer exatamente tudo que quer no seu layout! Esse é mais caro pois eu não sei os tutoriais que você vai me passar! E esse tem uma coisa 2 meses de garantia. Se der algum erro no layout me comunique que eu concerto!

Adicionais:

Cabeçalho: 1,50

Banner:1,00

Banners para sorteio: 2,00

Cursor e outros detalhes: 0,50

Quer dilvulgar o seu blog aqui nesse blog por 1 mês é 3,50? EMBREVE

Iai algem compraria? Se 10 pessoas dizerem que comprariam e abro as encomendas e boto uma promoção por 1 semana que é tudo metade do preço!

Cursores

2012-07-17T11:16:00.006-07:00

Oii pessoal, tudo bem?! Hoje, eu queria trazer algo diferente, o Luan pediu para mim postar uns utilitários,e é isso que eu vim trazer. Alguns cursores para usar no seu blog, tumblr, site, enfim...Espero que vocês gostem, caso alguma coisa me avisem. Vamos ver?

Fiz poucos, e alguns eu só modifiquei a cor de um base. Se o base que eu modifiquei é de autoria sua me avise okay?

Beijos :3

Riboon no titulo do gadget

2012-07-16T03:36:00.001-07:00

Oi,oi galera, muitos me perguntaram como eu botei o título do gadget daquele jeito. Realizando esse pedido hoje eu vou ensinar a botar! Pra falar a verdade aquilo ali é uma imagem que o Vinicios do Toddynho Sem canudo fez para min. Se quiserem ver o tutorial continue lendo o post!
1 - Abra seu blog > Vá em desing > Editar HTML
2 - Aperte F3 e procure por:]]></b:skin>
3 - Logo depois que achar cole esse código acima de tag:

.sidebar h2 {
background: url(AQUI A URL DO SEU RIBOON)no-repeat;
color: 6ba1a7; /* COR DA FONTE */
font: italic 17px 'georgia'; /* FONTE */
padding-top: -9px;
padding: 5px;
width: 200px;
height: 30px;
text-align: left;
margin-left: 65px;
text-shadow: 1px 1px 0 #ffffff; /* COR DA SOMBRA DA FONTE*/
}

Depois é só alterar onde tem URL DO SEU RIBOON e pronto. Visualize e veja se está tudo certp, se estiver salve!

Personalizar o Post-footer

2012-07-15T13:24:00.003-07:00

Oi povão, vou ensinar a personalizar o post-footer e deixa-lo igual ao meu mais só que com bordas arredondadas!Estão começando a me perguntar porque eu faço vários posts em um só dia. é que eu estou achando que o blog tem muito poucos tutoriais, quando achar que já tem uma boa quantidade eu para de postar toda hora e só post uma vez por dia!
1 - Abra seu blog > Vá em desing > Editar HTML >
2 - Aperte F3 e procure por:/* Posts
3 - Logo depois que achar isso cole o seguinte código logo depois:

.post-footer {
margin: 3px;
padding: 5px;
background: #d8d3e1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

4 - Faça as devidas alterações e salve.

Links em fade

2012-07-15T08:25:00.005-07:00

Como vão amores do papai? Espero que muito bem :) Quem quer mais um tutorial? Então, vamos aprender hoje a colocar os links do seu blog em fade que é quando passa o mouse nele ele muda a cor! E para quem ainda não entendeu veja o exemplo do nosso blog, ele está com os links em fade. É bem fácil de se fazer e eu espero que entendam tudo direitinho!

1 - Abra seu blog > Vá em desing > Editar HTML >
2 - Aperte F3 e procure por:a:link {

3 - Quando achar deve ter um código mais ou menos assim:

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

4 - Apague todo esse código e substitua por:

a:link {
color: #E9A1C0;
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
color: #33CCCC;
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #707070;
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

5 - Faça a devidas alterações mais não salve ainda. Isso já se ativou na área dos posts. Mais se quiser ativar na sidebar tambem procure por:.sidebar .widget a:link {

6 - Deve ter um código mais ou menos assim e você deve apaga-lo:

.sidebar .widget a:link {
color: $(widget.link.color);
text-decoration: none;
}
.sidebar .widget a:visited {
color: $(widget.link.visited.color);
}
.sidebar .widget a:hover {
color: $(widget.link.color);
text-decoration: underline;
}

Pronto visualize e veja se está tudo certo se estiver salve!

Negrito itálico e sublinhado!

2012-07-14T15:00:00.005-07:00

Oii pessoal, tudo bem? Desculpem ficar ausente tanto tempo, eu estava trabalhando num novo layout do blog, mas já que o Luan providenciou, deixa para lá. E também eu clicava para postar não dava certo. Pois hoje eu vim dizer que eu vou postar terça e quinta, talvez de sábado, okay? E o tutorial de hoje é bem simples,útil, e deixa o blog muito fofo. Querem ver?

É para personalizar o Negrito, Sublinhado, Itálico no blog, quase todos os blogs tem, muito fofo. Agora é você:

1 - Vá em Desing~> Editar HTML ~>

2 - Dê um Ctrl+F e procure por: ]]></b:skin>

3 - Quando achar cole o seguinte código em coma dele:

b {color: #9F79EE; text-decoration: none;} /* Estilo do negrito */i {color: #FF6EB4; text-decoration: none;} /* Estilo do itálico */u {color: #666666; text-decoration: none; border-bottom: 1px dashed #9F79EE;} /* Estilo do sublinhado */

4 - Faça as devidas alterações e salve.

♥ Giih

Cortininhas no blog

2012-07-14T13:36:00.000-07:00

Como vão astronautas da terra, (eu e meu senso de humor inconveniente). Uma anonimo me perguntou como foi que eu botei essas "barrinhas" que estão na parte de cima e de baixo do blog. É bem fácil e rápido. Como eu sempre digo, "para ler o post clique em Read More"

1 - Abra seu blog >Vá em desing > Editar HTML
2 - Aperte F3 e procure por: <body expr:class='"loading" + data:blog.mobileClass'>

3 - Logo depois que achar a tag cole o seguinte código depois dela:

<div style=" background-image: url('URL DA CORTINA'); top: 0px; left: 0px; width: 100%; height:40px; z-index: 100; position: fixed;"></div>

4 - O lugar que está escrito URL DA CORTININHA você vai botar a URL dela. Depois é só checar e ver se está tudo certo, se estiver salve!

Riboon no titulo do gadget

2012-07-14T10:13:00.006-07:00

Oi,oi galera, muitos me perguntaram como eu botei o título do gadget daquele jeito. Realizando esse pedido hoje eu vou ensinar a botar! Pra falar a verdade aquilo ali é uma imagem que o Vinicios do Toddynho Sem canudo fez para min. Se quiserem ver o tutorial continue lendo o post!

1 - Abra seu blog > Vá em desing > Editar HTML
2 - Aperte F3 e procure por:]]></b:skin>
3 - Logo depois que achar cole esse código acima de tag:

.sidebar h2 {
background: url(AQUI A URL DO SEU RIBOON)no-repeat;
color: 6ba1a7; /* COR DA FONTE */
font: italic 17px 'georgia'; /* FONTE */
padding-top: -9px;
padding: 5px;
width: 200px;
height: 30px;
text-align: left;
margin-left: 65px;
text-shadow: 1px 1px 0 #ffffff; /* COR DA SOMBRA DA FONTE*/
}

Depois é só alterar onde tem URL DO SEU RIBOON e pronto. Visualize e veja se está tudo certp, se estiver salve!

Alguns riboons

2012-07-14T10:03:00.002-07:00

Oi, oi galera, hoje eu trouxe alguns riboons para você feitos totalmente por min. Lembre-se que se usar tem que creditar, plagio é crime e eu iria te denunciar! Eu fiz de várias cores pois se um não combinar com o layout algum outro combina!

Não Rebloge!