Glass Glitter: Tutoriais

Inicio » Postato Em: Tutoriais

Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens

Como baixar Fontes para PC

Marcadores: Básico, PC, Tutoriais 0 comentários

Como Baixar Fontes Gratuitas Para o Pc

Bem simples....

Vamos usar como exemplo o site http://www.dafont.com/pt/

Mas você poderá baixar onde quiser, mais adiante vou postar aqui os melhores sites (a meu ver) para download gratuito de fontes.

Essas fontes baixadas vão ser instaladas no seu pc, então vocÊ poderá usa-las em quase todos os programas, como por exemplo o Photoshop, Illustrator, Corel, e muitos outros.

Para começar vá ao site de preferencia, aqui vou abrir o site citado acima.

Ele é bem simples de mexer, ao lado superior direito vocÊ terá a caixa de pesquisa, quando já sabe o nome da fonte é só digitar lá.
Mas quando você quer achar uma ainda você vai procurar nessas opções como mostra a imagem abaixo:

você vai poder escolher se quer escrita, fantasia, básica, etc.
Após escoher vão aparencendo os exemplos abaixo, como mostra a imagem abaixo:

Gostou de alguma fonte? então vamos baixar! bem do lado do exemplo da fonte, do lado direito do exemplo clica no botão BAIXAR.

A fonte ja vai começar a baixar, após o download concluído, vá até a sua pasta de downloads e extraia o arquivo com o nome da fonte baixada.

Depois de extrair clique no arquivo onde a seta esta marcando no exemplo.

Basta clicar em instalar e pronto!

Sua Fonte já está pronta para ser usada!

Continue lendo ...

Slide com Postagens Recentes

Marcadores: codigos, html, Novidades, Slide, Tutoriais 0 comentários

Quer usar slide com posts recentes no seu blog?

Então Siga as instruções...

Continue lendo ...

Mais informações »

Criar Template #Fireworks Cs6

Marcadores: criar templates, fireworkscs6, Tutoriais 2 comentários

Como Criar o Template todo no Fireworks Cs6
Olá miguxas (os)
Muitas pessoas gostam de usar templates prontos, mas há aqueles que preferem criar um com o seu jeito, as suas imagens, os seus créditos... Então por este motivo, vou ensinar nesta postagem como cria-lo fireworks... (Nesta postagem apenas como criar.

Para começar baixe o Fireworks Cs6 Aqui

Baixou e Instalou?
Vamos começar?

Abra o Fireworks

2. Vá em Criar Novo Documento do Fireworks (PNG)

3. Coloque a Largura de 1350px e Altura de 1600px

4. Clique na ferramenta *Retângulo* e cubra todo o documento. Assim:

5. Escolha a cor que quiser... Eu escolhi a Branca. Ainda com a mesma ferramenta crie um retangulo com o tamanho de 1197px por 352px. ( Coloque uma cor diferente para saber onde colocar as imagens) Depois se quiser pode tirar.

Exemplo:

6. Agora comece a colocar as imagens no seu cabeçalho. Veja!

7. Agora, coloque o nome que deseja. Ex: O nome do seu blog! No meu vou usar novamente a ferramenta retângulo e colocar acima das imagens, colocando então o nome do meu template. Ficando assim:

8. Seu cabeçalho está pronto, vamos agora fazer o menu! Com a ferramenta ARREDONDADO você cria na largura do cabeçalho e altura de 46px. Com um retângulo de cor mais clara do que a forma arredondada você coloca uma largura de 120px por 46px... que será o efeito hover! Ficando assim:

9. Vamos criar a área de postagens, colocando um retângulo com o tamanho de 542px por 581px. Com a cor que quiser, e se preferir pode criar um header para esta esta área, colocando um novo retângulo com cor mais escura e se quiser uma imagem com opacidade. Ficando por exemplo assim:

10. Agora a sidebar, o retângulo novamente, com o tamanho de 259px por 354px.... Fazendo igual a área das postagens. Assim:

E agora quase acabando faça o rodapé ou footer.

Igual ao tamanho do cabeçalho, Ficando assim:

Agora por ultimo tire aquele fundinho cinza... do cabeçalho e do rodapé

Ficando assim:

E pronto, seu template no fireworks está pronto!

Por final fica assim:

Bye *

Continue lendo ...

Boom dia Booa Tarde e Booa noite Coração!

Olha que tutorial legal

Rodapé em imagem!

E ainda terão algumas aqui pra você escolher

Bora lá?

Abra o painel do seu blog vá em modelo e abra o HTML

Dê CTRL + F

Procure por ]]></b:skin>

E acima desse código cole o codigo abaixo:

#footer-wrapper {

background: url('https://sites.google.com/site/testesites2/dobrevs.png'); /*** imagem do fundo ***/

background-repeat: repeat;

z-index: 1000;

height: 20px;

clear: both;

font-size: 90%; /*** tamanho da fonte ***/

color: #ffffff; /*** cor da fonte ***/

text-align: center; /*** alinhamento da fonte ***/

padding: 5px;

}

Agora no lugar desse link https://sites.google.com/site/testesites2/dobrevs.png cole o link da sua imagem.

No final do post vou disponibilizar alguns pra você.

Agora procure por </body>

E acima cole o código abaixo:

E onde está SEU NOME .... já sabe né :D

Agora vamos aos RODAPÉS... ( todos feitos por mim)

Basta copiar o link da imagem clicando com o lado direito do mouse.

As imagens tem um tamanho de 1300 x 60

Não esqueça de dar os créditos se usar...
ah e deixe o seu blog em comentário pra eu ver como ficou...

Abraços

Continue lendo ...

Backup do template

Marcadores: Básico, blog, Tutoriais 0 comentários

Como fazer backup do seu templateOlá, Ontem eu ensinei como fazer backup das suas postagens, hoje vamos aprender a fazer o backup do seu template. Isso também é importante, pois se algo der errado com o template, você terá uma cópia certinha guardada. Mesmo que nunca dê erro, é muito bom você ter guardado.Para começar, vá no painel do seu blogger, e vá em MODELO.Agora do lado direito dessa página terá escrito FAZER BACKUP/RESTAURARAchou??Então clique nessa parte, então irá abrir uma janelinha

Clique em FAZER DOWNLOAD DO MODELO COMPLETO
E salve em uma pastinha no seu computador, minha indicação é que faça uma pastinha separada com o nome BACKUP BLOG por exemplo.
Bom, é coisinha básica, mas tem pessoas que ainda não sabem. Então é bom ajudar!!
Abraços

Continue lendo ...

Fazer Backup das postagens

Marcadores: backup, blog, Tutoriais 0 comentários

Facinho facinho

Abra o Blogger

Vá em configurações

Lá em baixo vai ter a opção OUTROS

E quando abrir terá Exportar Blog

Vai fazer o download de todas as suas postagens.

Isso é muito bom, para que se algo acontecer com o seu blog, você terá uma cópia de segurança.

Minha indicação é que faça o backup 1 vez por semana.

Mas fica a seu critério!!

Legal né?

Espera que tenha sido útil!

Abraços

Continue lendo ...

Template Meu Ateliê

Marcadores: cursor, templates, Tutoriais, Utilitários 0 comentários

kkreis.blogspot.com

Olá queridas(os) Neste post trago um template para quem gosta de Artesanatos, Artes, Pinturas... etc.
Bom, ele não é muito chique mas é um gracinha de fofo...

O template contém:

Cabeçalho tamanho 796 x 324

Menu editável (para aprender a editar clique aqui)

Cabeçalho de data personalizado. Após instalar o template configure a data do blog para (ex): 14 janeiro 2014. E salve!

Área do post personalizada com barrinha e sombra no texto.

Sidebar com Gadgets separados e com Ribbons no titulo.

Barra de rolagem personalizada

Cursor personalizado e feito por mim ( Dê os créditos)

**Rodapé ( FAVOR NÃO RETIRAR OS CRÉDITOS)**

Salve no seu computador o cabeçalho caso queira colocar o nome do seu blog
pode editar em seu editor de imagem preferido. ( no meu caso os photoshop)

Para coloca-lo no blog, vá em layout - cabeçalho - remover a imagem que está lá - inserir do computador - salvar.
** ATENÇÃO não mude o tamanho do cabeçalho ( está no tamanho certo ).

-------------------------------------------------------------------------------------------------------------------------------------------------------
Vamos ao template??

Não sabe instalar? Clique aqui

NÃO RETIRE OS CRÉDITOS!!!

Continue lendo ...

Template Gestante 1

Marcadores: templates, Tutoriais, Utilitários 0 comentários

Olá ,

Neste post vou disponibilizar este template de gestantes. Uma gracinha...

Se gostou, e quer usar fique a vontade...

Antes de tudo, quero lembrar que este menu é mapeado e se você baixar o template vá no gadget do menu que está acima da área de postagem e mude os links das paginas... mas terá que ter essas paginas no seu blog, se quiser com as suas páginas deixe um comentário, que eu faço outro pra você.

Bom... caso ainda não saiba como instalar clique AQUI

---------------------------------------------------------------------------------------------------------------------------------------------------

Agora que já sabe usar, vamos ao download?

Clique na imagem abaixo

NÃO RETIRE OS CRÉDITOS

Abraços

Continue lendo ...

Menu Editável

Marcadores: Menu, Tutoriais, Utilitários 0 comentários

pitacosdelua.blogspot.com

Bom, já perceberam que estou empolgada com os menus né?

Então, mes este menu que venho trazer não é mapeado, é um menu editavel. Você poderá mudar os links e o nome da pagina que vai aparecer... Legal né?

Vamos lá, este que coloquei é rosa, mas voce pode colocar a cor que quiser, até colorido...

O site para ver as cores é este aqui

Menu

Código

<span style='border-radius: 3px;

background-color:#FFC0CB;

padding: 5px 15px 5px 15px;'>

<a href="Link1 ">Inicio</a></span>

<span style='border-radius: 3px;

background-color:#FFC0CB;

padding: 5px 15px 5px 15px;'>

<a href="Link2">Editar 2</a></span>

<span style='border-radius: 3px;

background-color:#FFC0CB;

padding: 5px 15px 5px 15px;'>

<a href=" Link3 ">Editar 3</a></span>

<span style='border-radius:3px;

background-color:#FFC0CB;

padding: 5px 15px 5px 15px;'>

<a href=" Link4">Editar 4</a></span>

<span style='border-radius: 3px;

background-color:#FFC0CB;

padding: 5px 15px 5px 15px;'>

<a href="Link5/">Editar 5</a></span>

</div>

Entendendo Melhor

Copie e leve ao bloco de notas para fazer as alterações.

Border-radius é o arredondado do menu, quanto maior o numero mais redondinho fica.

Background-color é a cor do fundo do menu em cada um você pode colocar uma cor diferente se quiser.

E onde está Link, Link 2, Link 3... Você coloca o link da pagina que quer no menu,

Onde está Editar 1, Editar 2... Você coloca o nome da pagina...

Legal né? Aprendi no Site da *Elaine Gaspareto*

Para usar vá em layout-Adicionar gadget-HTML/JavaScript e cole la.

Posicione onde quiser...

Espero que tenha gostado...

Comente!

Continue lendo ...

Menus Verticais

Marcadores: Menu, Tutoriais, Utilitários 0 comentários

http://wallpapersuggest.com

~~Obaa, mais menu mapeado~~, como eu disse na postagem anterior, este menu só da para mudar os links, pois se trata de uma imagem mapeada.

Então vamos lá??

Ah!! mais uma coisinha, o tutorial de como usar esta bem ➙ aqui

Agora sim, vamos aos menus??

Menu Vertical Rosa com bolinhas

Código

</map></div>

Menu azul com bolinhas

Código

</map></div>

Menu verde com bolinhas

Código

</map>

Menu Cinza Simples

</map></div>

Acho que ja esta bom neh...

Não se esqueça de que só da para usar se tiver essas paginas no seu blog...

Qualquer dúvida comente!!

Abraços

Continue lendo ...

Menus prontos e Como usar

Marcadores: Códigos, Menu, Tutoriais, Utilitários 0 comentários

Kon'nichiwa amores...

No post de hoje vou disponibilizar alguns menus simples mapeados para vocês.

Já avisando são beeem simples, este menu é mais para quem ta começando, vou deixar o menu e o código, e o tutorial de como usa-los.

Então mãos a obra??

Menu Simples

(634 x 31)

Código

</map></div>

----------------------------------------------------------------------------------------------------------------------------------

Menu simples rosa

(422 x 32)

Código

</map></div>

------------------------------------------------------------------------------------------------------------

Já temos 2 menus simples...

Vamos aprender a usar?

Pegue o código do menu que escolheu e cole no seu bloco de notas, colocou?

bem, agora perceba que este menu tem 5 partes não é? Partes que são: INICIO-SOBRE-EXTRAS-F.A.Q-CONTATO

não tem como mudar os nomes, seu menu tem que ter essas páginas, (se não tiver mande um comentario que eu faço um com os links das suas paginas.)

beleza...!

Agora onde está escrito ***http://glass-glitter.blogspot.com.br/*** você muda para o link da pagina onde esta escrito.

EXEMPLO: http://glass-glitter.blogspot.com.br/ ( * inicio * )

http://glass-glitter.blogspot.com.br/p/sobre.html

http://glass-glitter.blogspot.com.br/p/extras.html

E por ai vai...

Entendeu?? não tem como mudar os nomes a não ser que faça outro com os seus links.

Agora que colocou os seus links abra o blog - LAYOUT - ADICIONAR GADGET - HTML/JavaScript

e cole o código do bloco de notas.

Posicione abaixo do cabeçalho. Pois este menu é Horizontal só vai conseguir colocar abaixo ou acima do cabeçalho...

Bom, só quero ajudar então se gostou e foi útil comente... :)

Curta a FP D'ELIZ

Ficarei feliz :D

Qualquer dúvida, só comentar!!

Abraços

Continue lendo ...

Template Sonhos de valsa (free)

Marcadores: Downloads, templates, Tutoriais, Utilitários 0 comentários

Olá

Ontem eu havia postado um layout novo aqui...

mas como sou a inteligência pura, eu exclui o layout antes de postar ✌ (~~burrinha neh)~~

Pois é então vamos ao que interessa

ANTES DE QUALQUER COISA, SE USAR ESTE TEMPLATE TERÁ QUE COLOCAR OS LINKS DO SEU MENU. POIS O MENU DESSE LAYOUT ESTA MAPEADO COM OS LINKS DO BLOG DE TESTES. ( no fim da postagem ensino a colocar)

Antes de instalar o layout vá no html do seu blog e procure por

cabeçalho e vai aparecer este código:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget d='Header1' locked='true' title='teste (Cabeçalho)' type='Header'</b:widget>

</b:section>

Apague o trecho.

ou onde estiver escrito TRUE você coloca FALSE

salve, vá em layout e exclua o cabeçalho.

Clique na imagem para visualizar melhor

☟

Este layout contém:

✓ Cabeçalho em todo o blog (1362 x 398)

✓ Menu personalizado dentro da área de postagens

✓ Sidebar personalizada

✓ Ribbons (faixinhas) feitos mim (dê os créditos)

✓ Cabeçalho de data personalizado

**********NÃO RETIRE OS CRÉDITOS*********

Download ➨

Não sabe usar?? Clique AQUI

Trocar os links do menu

Quando instalar o layout vá até o layout e procure o gadget sem nome (html/javascript) abra-o e vai ter um código assim:

 <img id="Image-Maps-Com-image-maps-2014-02-08-192957" src="http://www.image-maps.com/m/private/0/9bnu50f1dgr88qcunnbb0h9901_menu1.png" border="0" width="400" height="40" usemap="#image-maps-2014-02-08-192957" alt="" />

<map name="image-maps-2014-02-08-192957" id="ImageMapsCom-image-maps-2014-02-08-192957">

<area  shape="rect" coords="23,10,78,32" alt="" title="" target="_self" href="http://testandoel.blogspot.com.br/"     />

<area  shape="rect" coords="116,7,174,32" alt="" title="" target="_self" href="http://testandoel.blogspot.com.br/"     />

<area  shape="rect" coords="213,8,271,33" alt="" title="" target="_self" href="http://testandoel.blogspot.com.br/"     />

<area  shape="rect" coords="306,8,370,33" alt="" title="" target="_self" href="http://testandoel.blogspot.com.br/"     />

<area shape="rect" coords="398,38,400,40" alt="Image Map" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />

</map></div>

Onde está escrito "http://testandoel.blospot.com.br

você coloca o link da pagina que está escrito no menu.

Não da para mudar os nomes do menu a não que faça outro e mapeie (posso fazer um com os seus links se quiser) basta enviar um comentário.

Qualquer coisa entre em contato aqui

Continue lendo ...

Programas Para Download

Templates Gratuitos

Tutoriais

Como baixar Fontes para PC

Como Baixar Fontes Gratuitas Para o Pc

Slide com Postagens Recentes

Criar Template #Fireworks Cs6

Criar Assinatura no Fireworks

Criar Cabeçalho no Fireworks

Rodape personalizado + Imagens de rodape

Backup do template

Fazer Backup das postagens

Template Meu Ateliê

Template Gestante 1

Menu Editável

Menus Verticais

Menus prontos e Como usar

Template Sonhos de valsa (free)

Trocar os links do menu

Translate

Parceiros

Teste sua Velocidade

Total de visualizações

Marcadores

Como Baixar Fontes Gratuitas Para o Pc

Trocar os links do menu

Cadastre seu Email

Translate

Parceiros

Teste sua Velocidade

Total de visualizações

Marcadores