Demi Andrade: Tutoriais

Como colocar gadget de Link-me no blog

quarta-feira, setembro 17, 2014

Oi meninas, hoje venho com mais um tutorial para ajudar as meninas que estão iniciando essa vida de blogueira e precisam fazer alguns ajustes no blog.

Antes de tudo, pra que serve o link-me?
Serve para as pessoas que estiverem interessadas em seu blog, colocar seu banner no blog delas como forma de divulgação.
Então mãos na massa, ops! No teclado!
Primeiramente você terá que preparar seu banner, o meu eu fiz com 120 de largura e 60 de altura, depois hospedar a imagem em algum site, pode ser no ImageShack, Photobucket ou Tinypic, que são os gratuitos mais usados.
Agora entre em layout > Adicionar gadget > HTML/Javascript e cole esse código:

Faça as devidas alterações, só cuidado para não colocar espaço onde não deve, nem apagar nenhuma letra senão o código pode não funcionar.
Link da imagem é o que será gerado no site em que você hospedar a foto.
E logo abaixo do código coloque:

</textarea></div>

É só salvar e pronto!

Super simples e fácil né meninas!
Então espero que tenham gostado, um super beijo e fiquem com Deus!

Tutoriais

Como colocar a caixinha de curtir do Facebook

quarta-feira, agosto 13, 2014

Oi lindonas, hoje venho trazer um outro tutorial que me pediram, de como colocar a caixinha ou box de curtir o facebook, então, vem comigo!

Entre nessa página: Facebook Developers;

Onde está escrito Facebook page URL você coloca o link da sua fanpage;
Onde está escrito Width é a largura que você quer que sua caixa fique, recomendo que deixe um pouco menor que a largura de sua sidebar, por exemplo, a minha sidebar é 300 pixels, então vou deixar a caixa com uns 280 pixels;
Onde está Heigth é a altura da caixa, mas pode deixar em branco que ele se ajusta sozinho;
Onde está Color Scheme é a cor da caixinha, se seu template for escuro opte por dark, se for claro, opte por light;
Deixe a caixinha Show Friends' Faces marcado para aparecer as miniaturas das pessoas quecurtirem sua página em baixo;
O Show Header é para aparecer a frase Encontre-nos no Facebook;
O Show Posts é para aparecer as postagens mais recentes da sua fanpage, eu prefiro deixar desmarcado para ficar menos poluído o lay, mas vai do seu gosto, clique na caixinha, e visualize se gostou logo abaixo;
E o Show Border é para deixar a caixinha com bordinha;
Feito as modificações clique em Get Code, selecione a opção IFrame, e copie o código.

Então nosso código está pronto, agora vamos instalar no blog:

Vá em Layout > Adicionar um Gadget > HTML/Javascript

Cole o seu código, coloque um título legal, salve e pronto!

O que acharam lindonas?

Se tiverem algum pedido para fazer, vá em Contato, aqui no blog, ou me peça lá na minha fanpage.

Beijos, e fiquem com Deus!

Tutoriais

Como personalizar os marcadores em 'nuvem'

quinta-feira, agosto 07, 2014

Oi bonitonas, o que acharam no lay? Eu ainda tenho que arrumar mais algumas coisas, e depois colocar os créditos, mas já está quase pronto.
Hoje vou trazer um tutorial bem legal, me pediram para ensinar como deixar os marcadores em 'nuvem', organizadinhos como está aqui no blog, é bem fácil, vem comigo!

Vá em Layout:

Procure o gadget marcadores e clique em editar:

Deixe as bolinhas selecionadas igual abaixo:

Caso queira personalizar um pouquinho mais, você pode deixar todas as palavrinhas coloridinhas assim:

Vá em modelo:

Editar HTML:

Clique em qualquer lugar dentro do quadrado (cuidado para não apagar nada, nem colocar nenhuma letra no meio do código, senão dá erro!), e aperte CTRL+F, e escreva ]]></b:skin> , assim:

E aperte o enter, então vai aparecer assim no código:

E logo ACIMA dessa tag (]]></b:skin>) cole esse código:

/* Marcadores-Cloud label
--------------------------- */
#Label1 .cloud-label-widget-content {
text-align:center;  /*--Edite-- Alinhamento do gadget--*/
font-weight: bold;  /*--Edite-- Fonte em negrito--*/
}
#Label1 .cloud-label-widget-content span {
display: inline-table;
line-height: 1.2;
padding:0 0 0 10px;
vertical-align: middle;
}
#Label1 .label-size-1 a {
color:#8B1A1A;   /*--edite a cor--*/
font-size:13px;  /*--edite tamanho da fonte--*/
}
#Label1 .label-size-1 a:hover {
color:#000;  /*--edite a cor--*/
}
#Label1 .label-size-2 a {
color:#FFC125;   /*--edite a cor--*/
font-size:14px;  /*--edite tamanho da fonte--*/
}
#Label1 .label-size-2 a:hover {
color:#000;  /*--edite a cor--*/
}
#Label1 .label-size-3 a {
color:#00008B;   /*--edite a cor--*/
font-size:16px;  /*--edite tamanho da fonte--*/
}
#Label1 .label-size-3 a:hover {
color:#000;   /*--edite a cor--*/
}
#Label1 .label-size-4 a {
color:#228B22;   /*--edite a cor--*/
font-size:18px;  /*--edite tamanho da fonte--*/
}
#Label1 .label-size-4 a:hover {
color:#000;   /*--edite a cor--*/
}
#Label1 .label-size-5 a {
color:#514762;   /*--edite a cor--*/
font-size:20px;  /*--edite tamanho da fonte--*/
}
#Label1 .label-size-5 a:hover {
color:#000;  /*--edite a cor--*/
}

Faça as alterações das cores, usando uma tabela com código de cores.

E estes Label-size-1, 2, 3,4 e 5, representam os seus marcadores, sendo o 1 para os menos visitados, e o 5 para os mais visitados.

Feito as alterações, salve e visualize!

Créditos ao Mundo Blogger, que é um ótimo site para quem quer aprender um pouco sobre códigos HTML.

Espero que tenham gostado minhas lindonas, beijos e fiquem com Deus!!

Tutoriais

Aprenda a colocar os ícones de redes sociais em seu blog

terça-feira, julho 29, 2014

Oi amores, hoje venho trazer para vocês um tutorial que umas amigas blogueiras me pediram.
Vou ensinar para vocês como colocar ícones de redes sociais no seu blog, é uma dica bem fácil!
Vamos lá!

Antes de mais nada vá em Layout:

Depois vá em Adicionar um Gadget onde você quer que fique os ícones:

Depois em HTML/JavaScript:

Vai aparecer essa tela:

Daí você vai colocar esse código:

faça as alterações necessárias das redes sociais, e Salve.

Depois salve a organização, visualize e aí está!

Caso queira colocar outros ícones faça o seguinte, procure o ícone no google, salve em seu computador, entre em algum site de armazenamento como, Imageshack, Photobucket ou Tinypic, pegue o link que eles fornecerem, e troque pelo link do código.

Eu indico o Tinypic para vocês, porque não precisa fazer cadastro e é bem rapidinho.

Gente, se tiverem alguma dúvida escrevam aqui nos comentários.

Beijos, e fiquem com Deus!

Tutoriais

1º tutorial - Como colocar caixinha de Link-me no blog

segunda-feira, março 24, 2014

Olá amores, vou postar para vocês meu 1º tuto uhuuul \o/

Por enquanto, tudo o que aprendi foi o que encontrei pela internet, e algumas coisas eu não anotei o link para dar os créditos, se encontrar alguma coisa que for de seu blog, escreva nos comentários que colocarei os devidos créditos!

Então vamos lá!

Para colocar a caixinha de link-me é muito fácil, a primeira coisa que deverão fazer é a miniatura do blog em algum editos de imagens, hospedar em algum site, eu estou usando o Tinypic.

Então vá em Layout > Adicionar um Gadget > HTML/Javascript

Daí cole este código:

<div align="center">
<img alt="TÍTULO DO BLOG" title="TÍTULO DO BLOG" src="URL_DO_BANNER" border="0" width="120" height="60"/>

<textarea rows="3" cols="17" onfocus="this.select()" onmouseover="this.focus()" name="textarea">
<center><a href="LINK_DO_SEU_BLOG" target="_blank"><img alt="TÍTULO DO BLOG" title="TÍTULO DO BLOG" src="URL_DO_BANNER; border="0" width="120" height="60"/></a></center>

</textarea></div>

Faça as modificações nos lugares indicados em negrito, salve e pronto!

Gente é isso, espero que gostem.
Beijos e até mais!

Look do dia

oi

domingo, março 16, 2014

teste teste

Older
Stories

Pages

Como colocar gadget de Link-me no blog

Como colocar a caixinha de curtir do Facebook

Como personalizar os marcadores em 'nuvem'

Aprenda a colocar os ícones de redes sociais em seu blog

1º tutorial - Como colocar caixinha de Link-me no blog

oi

A Blogueira

Redes Sociais

@demi_andrade

Últimos Vídeos

Online agora

Marcadores

Postagans recentes

Arquivos do blog

NEWSLETTER

Curta meu Facebook

Instagram