Como colocar uma imagem no título da postagem

Olá penguins designers, como estão?

Corine4090 aqui! Hoje vou ensinar como fazer e colocar uma imagem no título da postagem, ela é mais ou menos assim:

Para fazer é muito fácil! Primeiro araste essa imagem para uma nova guia, depois salve. Essa imagem é editável no Fireworks, então faça ela como quiser, pois esse é um modelo. Feito isso, hospede-a. Agora, chegou a hora de fazermos algumas alterações no HTML do seu blog:

Aperte Ctrl+F, e escreva post h3, selecione, e por fim delete. 

Ao remover o post h3, ficará como na imagem acima. Na linha abaixo do } , coloque o seguinte HTML: 

.post h3 {background-image:url(LINK DA IMAGEM DA POSTAGEM AQUI);color:#ffffff;text-shadow:1px 1px 0px #ffffff;font-size:18px;font-weight:regular;line-height:32px;letter-spacing:-1px;padding:0 0 0px;text-align:center;height:36px;margin-left:-5px;padding-left:10px;padding-top:3px}}

Onde escrevi LINK DA IMAGEM DA POSTAGEM AQUI você deve colocar o link da imagem que você hospedou.

Bom designers, nosso tutorial chegou ao fim.

Como fazer um bom cabeçalho–DICAS

Olá pinguins! Quem posta é o Ploogh!

Gostariam de saber um bom e ótimo jeito de fazer cabeçalho neste maravilhoso blog? Claro para isto estamos aqui… Para lhe ajudar em tudo. Com Alguns pedidos eu resolvi fazer essa postagem, como já ouve algumas postagens indicando como fazer, eu resolvi pedir a autorização do nosso querido Mouro.

Alguns dias atrás um dos nossos leitores e acompanhante de nosso blog, pediu-me, uma vídeo aula de como se fazer cabeçalhos, rodapés, bem, um template completo… Mas ouve um porém, não sei mexer muito bem com vídeo aulas. Então resolvi ajudar em postagem mesmo! Espero que lhe agrade mesmo assim!

Primeiro precisa da medida do seu blog, ou melhor dizendo apenas o cabeçalho. Segundo, abra o seu Fireworks, indique as medidas, como mostra na imagem abaixo.

Logo em seguida, faça um cabeçalho no seu estilo, tente escolher um modelo inovador. Dou apenas uma dica, não faça ele muito colorido.

Crie as medidas de acordo com seu blog, tenho varias dicas. Para isso. Tenho um estilo não muito agradável, mas para quem necessita mesmo, da para o gasto (*no final da postagem posto o link*) .

Perguntas recentes;

Ploogh, como você faz seus cabeçalhos "ganharem vida"? Bom meu caro, eu tento deixar ele no estilo do momento, não abuso nas ferramentas, brushes, packs nem nada, apenas deixo ele bem simples, e assim ele pode ganhar bastante destaque!

Ploogh, poderia nós mostrar um cabeçalho seu? Uia, claro que sim, se segurem para não cair da cadeira. –n

Reparem bem no design dele, não é uma grande coisa que falem nossa que maravilha. Mas sim da para o gasto –n. Ficou um bagaço. Não fiquem a olhar muito podem ficar cegos.

Reparem que muitos blogs de hoje em dia tem um modelo diferente de fazer cabeçalhos. Cabeçalhos em Flash, HTML, são verdadeiras maravilhas. Mas muito, muito difícil de fazer, deixo minhas dicas. Tente fazer menu Drop Down no seu cabeçalho! Quer uma postagem exclusiva para você? Mande um e-mail para PlooghParkt8@gmail.com e receba imediatamente a sua!!!!

 

Próximas Aulas e novidade

         Dicas e vídeo Aula de como se fazer Rodapé.           Como fazer fundo de blog com paisagem.          

Um forte abraço para todos meus fãs, e Aquele Beijo pinguins fofos .

Como fazer chat dentro das regras do chat

Hello!

Vocês estão a ler uma postagem do Mouro que vai ensinar-vos a fazer (como diz no titulo) chat dentro das regras do chat.

Então vamos lá!

Comecem por abrir o Fireworks, ou outro mas eu vou usar o Fireworks, e abrir um novo arquivo com as dimensões de 590 x 780:

Depois cliquem aqui para salvar a imagem que é o modelo para cada fundo.
Esse ficheiro está editável no Fireworks, pode mudar as cores, se editar mais do que as cores possivelmente não irá encaixar.
Depois de salvarem e de abrirem mudem as cores e repararão que há uns quadrados brancos que parecem o fundo de xat. É isso mesmo vocês vão fazer o fundo de xat nas regras de xat. Aproveitem e coloquem os pinguins, marca d'água e efeitos que quiserem para o fundo do xat.
Quando tiverem tudo como quiserem vamos passar ao código:

<center>
<div style="background-image: url(LINK DA IMAGEM); line-height: 13px; width: 590px; height: 780px;"><span style="color: rgb(255, 255, 255);">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=ID DO XAT&rl=Brazilian" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></embed></span></div></center>

Agora vamos ver o que se deve fazer, façam upload do fundo das regras onde quiser e colocar lá o link onde diz "LINK DA IMAGEM" e para ver o ID do xat vamos fazer assim. Entra no seu xat e clica no botão "Editar seu chat" ou "Edit your chat" e depois em "Funcionalidades Adicionais" ou "Extra Features" e depois procure isso:

E copie o 163177704 mas do seu xat, porque se copiar o meu irá aparecer meu xat.
Bem espero que tenha gostado do tutorial, mas se não conseguir, me procure pelo chat ou outros postadores.

The Best Designer

Olá, pinguim!

Me desculpe pelo tempo que não postei, não estava com muito tempo para postar.
Enfim, como já deve ter percebido no título, o nome do quadro é The Best Designer, confira suas explicações abaixo:

Você deverá mandar nos comentários um rodapé e um cabeçalho, ou um rodapé e uma barra lateral, ou um cabeçalho e uma barra lateral.  Deverá deixar seu nome do chat, e seu e-mail, caso vença, será comunicado pela equipe do blog.

O prêmio ainda será definido pela equipe, talvez seja uma vaga no blog, eu falarei com o Mouro e o Gugalincon à respeito disto.

Confira abaixo o logo oficial do concurso:

Eu espero muito de você, leitor do blog e designer!
Eu vou ficando por aqui...

Até mais!

>> Dofo1000 << 

Como colocar efeitos no cabeçalho

Ola pessoal, aqui e o João Pedro.

Hoje estarei trazendo a vocês um pequeno tutorial de como colocar efeitos no cabeçalho,

para começar abram seu Fireworks (Preferencia FW CS6) e abram sua imagem nele,

deixem bem assim :

logo depois vocês iram selecionar o cabeçalho, e irão abrir uma lista igual a esta :

logo depois de clicar na "Textura" ira abrir uma lista, como esta :

depois de ter aberto a lista vocês irão selecionar a textura que desejarem,

vejam como o meu cabeçalho ficou :

Bem pessoal e só isto, espero que tenham gostado,

nos digam oque acharam pelos comentários e também qual tutorial gostariam de ver,

ate a próxima.

~JoaoPedro,PenguinsDesigner~

Como fazer e colocar o Template

Olá pinguins! Gugalincon2 digitando.

Na enquete que fizemos, a opção de "Como fazer e colocar Template" ganhou, estou aqui para postar-la. Bom vamos começar a fazer o Cabeçalho. Primeiramente abra seu Fireworks e coloque as seguintes dimensões:

Width: 982

Height: 300

Agora iremos trabalhar com seu "Conteúdo". Primeiramente escolha a cor e o contorno do cabeçalho. Você pode escolher um efeito bem legal clicando em Texture. Veja:
 Após isso, coloque a Marca D'água de seu Blog (Se não sabe fazer, Clique Aqui). Pronto, seu cabeçalho já está feito. Veja o exemplo:

(Clique para Ampliar)

Depois do cabeçalho, eu costumo fazer a Sidebar. Faça sua sidebar nas seguintes dimensões:

Width: 982

Height: 260

Faça um retângulo na dimensão de: Width: 204, Copie e cole no outro lado. Você pode colocar uns puffles se quiser. Veja o exemplo:

(Clique para Ampliar)

Agora eu costumo fazer o fundo do blog, Clique Aqui e Saiba como Fazer.

Iremos fazer o Rodapé.  Para fazer o rodapé, clique em "New Document" e coloque as seguintes Dimensões:

Width: 982

Height: 100

Faça um retângulo e o personalize-o do jeito que quiser. Veja um exemplo de rodapé:

(Clique para Ampliar)

Pronto, agora só nos falta o Título da Sidebar. Sua Dimensão é:

Width: 208

Height: 35

Se quiser colocar uns efeitos de ondas, use o "Pen Tool", mas ainda iremos ensinar isso no Blog. 

Bom, agora iremos colocar as imagens que fizemos no Blog. Primeiramente iremos fazer Upload delas. Eu costumo usar o Imgur.com para fazer Upload delas pois dá para selecionar várias imagens de uma vez. 

Agora iremos colocar no blog, vá no seu Painel do Blogger >> Design >> Editar HTML. Exclua todo o HTML, clique aqui e coloque aquele HTML no seu blog.

Depois aperte CTRL + F 

• FUNDO DO DO BLOG - Coloque o Link do Fundo do Blog;
• CABEÇALHO DO BLOG - Coloque o link do Cabeçalho do Blog;
• RODAPÉ DO BLOG - Coloque o Link do Rodapé do Blog;
• TÍTULO DA SIDEBAR - Coloque o Link do Título da Sidebar;
• SIDEBAR - Coloque o Link da Sidebar.

Finalmente, terminei está longa e cansativa postagem!! (ALELUIAA) Espero não ter deixado nenhuma dúvida. Qualquer coisa comentem e responderei pelo comentário e não pelo chat. Vou ficando por aqui, até a próxima!
~Gugalincon2, Penguins Designer

Como Tirar o Tecnologia Blogger

Olá futuros designers, como estão?

Ultimamente muitos pinguins vieram me perguntar como tirar oTecnologia Blogger, então eu resolvi fazer um tutorial de como tirar o Tecnologia Blogger.

Abra o painel de controle do seu blog e vá em design e depois em Editar html. Agora aperte CTRL + F e coloque o seguinte código na caixinha:

''<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>''

(Sem as Aspas) 

Agora apague essa parte que você achou, logo em seguida ele vai avisar que o novo modelo não contem o widget Attribution1.

Como vocês podem conferir abaixo:

Mas se você quer que o tecnologia blogger seja removido do seu blog você deve apertar em ''Excluir Widgets''

Quando você apertar o tecnologia blogger vai ser removido do seu blog.

Simples não é mesmo? Que pena a postagem está terminando... Não deixem de comentar!

Um abraço Bem gelado do seu amigo hildey1

-Hildey1 ~ Penguins Designer