∞ Sugoi Tutoriais

Oi gente! Esse tutorial é do slide que é usado aqui no blog. Confira abaixo o tutorial. Diapo by Pixedelic 1) Coloque esse código no seu css.

Oi gente ;) bom o tutorial de hoje é do site ProDeveloper, com vários estilos de postagens resumidas para blogger. Clique na imagem abaixo e confira o tutorial.

   Olá Pessoal ^^ Tudo bem com vocês? No post de hoje eu irei ensinar a colocar no Perfil foto Redonda, com a descrição e icones de Redes Sociais, ele fica super lindo no blog. Veja como é... Creditos:  http://www.renatamassa.com/                                           Confira o tutorial ....

          Olá Pessoal^^ Tudo bem com vocês? No post de hoje eu irei ensinar a colocar um menu super básico que esta sendo muito usado ultimamente, sabe aquele menu que quando você desce a pagina e o menu desce no Topo também? Então e esse menu que irei ensinar a vocês pra colocar no seu blog^^. Confira o tutorial a baixo:

O Sugoi Tutoriais ficou um bom tempo sem postagens novas, até pensei em desistir de vez, mas como sempre, voltei de novo. Agora vai ficar melhor porque estou com tempo para preparar tutoriais para vocês. E pra voltar com tudo segue abaixo um tutorial legalzim para vocês. Bjbj 

Oi gente, confiram o tutorial do tumblr Cantinho Html feito pela Mands.

Oi gente! Bom esse tutorial foi o único que deu certo aqui no blog, tentei vários outros e não deu certo, esse é mais legal, porque ele fecha sozinho {:B}. Clique aqui e confira o tutorial.

Oi gente! esse tutorial eu montei em cima de dois outros tutoriais um é de blog So Kawai, nosso parceiro, e outro é do Tympanus/Crodops um site de tutoriais muito bom. Confira o resultado e o tutorial abaixo: RESULTADO.

Oi pessoal, mais uma vez, eu estou fazendo um tutorial, enfim, eu estava vendo a ASK do Sugoi, e achei uma pergunta de como fazer sidebares igual do FansBr. A nova versão deles, estão com sidebares personalizadas, cada um digamos de um tamanho, e hoje, irei passar um código que eu criei para vocês, vamos lá. Coloque isso na sua css ( style.css ou abaixo do ]]> ) o seguinte código: .side1 {width:150px; height:180px; background:#000;} .side2{margin-left:162px; margin-top:-180px; width:150px; height:180px; background:#000;} .side3{margin-left:-px; margin-top:10px; width:313px; height:310px; background:#000;} .side4{margin-left:-px; margin-top:10px; width:313px; height:110px; background:#000;}

Cliquem aqui para visitar o site.

Bom gente eu vi esse blockquote sendo usado em muito blogs/sites é a mesma processo de como colocar a imagem da largura do post que já foi postado aqui. Bom é muito simples então confira abaixo o tutorial: 1 - Vá em Modelo> Editar Html > e procure por ]]> e cole esse código: blockquote { background:#f0f0f0; /*Cor do fundo*/ color:#9a9898; /*Cor da fonte*/ border: 0; /* borda na imagem em zero, não altere */ margin: 0 -30px 0 -10px; /* margem da direita e esquerda, altere se necessário */ padding: 5px; /* espaço entre margens e imagem, não altere */ width:610px; /* tamanho máximo da imagem, altere se necessário */ } Mude as cores que você deseja e mude somente a largura do mesmo tamanho que a area do post do seu blog. E para usar só usar o parágrafo [citação]. Tutorial feito por : Sugoi Tutoriais.

É, eu sei, o cabelo dela é phoda ;) 1. Acesse seu perfil da Ask 2. No menu superior clique em ' Configurações ' 3. Clique em ' Widget '

Oi gente , lembram do Menu em Imagem Hover ? Então esse é a mesma coisa só foi acrescentado um linha de código que ao invés dele apenas descer para baixo, ele vira ao contrário {dai vem o nome do menu >.<}. Então vamos ao que interessa: Bom vocês vão fazer tudo o que está no tutorial do Cherry Bomb só que no código css vocês colocam este : .menu1{ background: transparent url(' url da sua imagem ') no-repeat bottom center; width: largura px; height: metade da altura px; margin-left: 0px; transition-duration: 0.10s; -webkit-transition-duration: 0.10s; -moz-transition-duration: 0.10s;} .menu1:hover { background: transparent url(' url da sua imagem ') no-repeat top center; width: largura px; height: metade da altura px; -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform: rotate(180deg); transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;}  E edita com as medidas que es...

Hi guys, hoje irei postar um tutorial muito legal para vocês...Acho que a maioria daqui não sabe que dá para fazer uploads de qualquer tipo de arquivo em sua conta do Google, certo?...Por isso vim mostrar a vocês como fazer isto. Na verdade primeiro teremos que criar um site, pois é ele que servira como uploader...Então vamos começar... 1. Acesse este site e faça login com sua conta do Google (ou seja gmail, orkut, blogger e etc). 2. No lado esquerdo da tela terá um botão com a palavra ' Criar ', clique no mesmo.

Estou amando Revenge *-* Pessoal, encontrei no blog Mundo Girl , um tutorial muito interessante para quem está tendo dificuldades para editar com o novo modelo HTML do blogger...Confiram abaixo... 1. Acesse o painel do seu blog 2. No menu esquerdo clique em ' Modelo ' e depois ' Editar HTML ' 3. Dentro da caixa de edição, aperta no teclado ' F3 ' ou ' CTRL+F '

1- Abra seu Google Chrome (qualquer versão) 2- Acesse a ' Chrome Web Store ' e na barra de pesquisa digite ' Simple Startup Password ' 3- Depois que achar, instale a extensão no seu Google Chrome . 4- Depois de instalada e ativada. Clique no menu de configurações do navegador. Vá em ' Ferramentas ' e no menu suspenso clique em ' Extensões '.

1- Abra a imagem no seu photoshop CS5/CS6 2- Aperte 'CTRL + J' para duplicar a camada

1. No menu superior do seu photoshop clique em ' Arquivo ' depois ' Abrir... ' e selecione o gif 2. Selecione todas as camadas do gif e aperte as teclas ' Alt+Ctrl+I ' (clique na imagem para amplia-la)

Boa tarde pessoal. Irei ensinar a vocês a como deixar o background da c-box transparente. Vamos lá?... 1. Faça login no site da c-box 2. No menu superior clique em ' Look & Feel '

Pessoal irei ensinar a vocês a como remover a mensagem ' Assinar: Postagens (Atom) ' do footer do seu blog. Aprendi isso no site IceBreaker Design . Veja na imagem abaixo um exemplo da mensagem... (clique na imagem para amplia-la) 1. Entre no painel do seu blog 2. No menu esquerdo clique em ' Modelo ' e depois ' Editar HTML ' 3. Marque a caixinha ' Expandir Modelo Widgets ' no ' Editar HTML '