Secret Star//Blog Oficial: Tutoriais

Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens

Postagem em colunas

Olá! Trouxe para vocês um tutorial super facil, para dividir a postagem em colunas.

1- Vá em Editar HTML (em Nova Postagem) e coloque o seguinte código:

<div style="float: left; width: 45%">Coluna esquerda</div><div style="float: right; width: 45%">Coluna direita</div><div style="clear: both"></div>

Simples, né?

Trouxe para vocês um tutorial: colocando uma cortininha. O tutorial é super fãcil.

1- Vá no Blogger > Elementos da página > Adicione um gadget de HTML/Javascript (coloque ele em qualquer lugar, que não fará diferença).

2- Abaixo estão os códigos, de acordo com a posição:

Topo:

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

Em baixo:

<div style=" background-image: url('LINKDOPATTERN'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div>

Lado direito:

<div style=" background-image: url('LINKDOPATTERN'); top: 0px; right: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>

Lado esquerdo:

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

3- Apague o LINKDOPATTERN e no lugar dele coloque o link de sua cortininha.

4- Visualize, se tiver tudo certo salve.

Obs: Não coloque nenhum título quando for colocar a sua cortininha e tentem colocar o código na mesma linha.

Gostaram do tutorial? Bjs!

2 colunas laterais de cores diferentes

A pedido da leitora Letícia Carolina, hoje vou ensinar vocês à colocarem as colunas (ou barras) laterais como as do blog (a que está rosa e cinza).

1- Vá no seu blog > Design > Design do Modelo > Clique em Layout.

2- Escolha um com duas colunas juntas e cliquem Aplicar ao blog.

3- Vá em Ajustar larguras, lá vai estar escrito "Barra Lateral Esquerda" ou vai estar "Barra Lateral Direita", e embaixo vai ter algum número dentro de uma caixinha branca e ao lado estará escrito "pixels", apague esse número e no lugar dele coloque 400 e clique de novo em Aplicar ao blog.

4- Fiz a seguinte imagem para vocês a usarem como base, basta salvar e depois colocá-la no Paint (ou em outro programa para editar imagens) e deixarem da cor que vocês preferirem, e depois hospedem a imagem onde vocês preferirem:

5- Para finalizar, vá em Desing > Editar HTML > Dê Ctrl F e procure por:

Barras do lado direito:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Barras do lado esquerdo:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

6- Quando encotrar algum dos códigos acima ~~(de acordo com o lado das colunas)~~ vai aparecer assim:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-right: $(content.padding);
background:$(widget.outer.background.color)
$(widget.outer.background.gradient) repeat scroll top left;}

7- Apague a parte destacada (a que está em negrito e roxa) e no lugar dela coloque:

background: url("URL DA IMAGEM") repeat;

8- Substitua o URL DA IMAGEM pela URL da sua imagem, mas não retire as aspas.

9- Clique em visualizar, e estiver tudo certo, salve.

O tutorial ajudou?
Bjs!

Colocando 2 backgrounds no blog

Oi leitores, como foi o dia das crianças de vocês?
Hoje trouxe para vocês um tutorial bem interessante: colocar 2 background no blog.

Abaixo o tutorial:
1- Vá no seu blgo > Desing > Editar Html > Dê Ctrl F e procure por:

body {

2- Quando encontrá-lo, apague ele e apague também até a próxima }

3- No lugar desse código que você apagou, coloque o seguinte código:

body, html {

height: 300px;

margin: 0;

padding: 0; }

body {

background: url("URL DO 1º") repeat; }

html {

background: url("URL do 2º") repeat; }

4- Substitua os URL do 1º e URL do 2º pelos URL's dos backgrounds que você quer. O 300 que está lá em cima rosa é o espaço do 1º background, se quizerem, podem mudar.

O tutorial foi útil?

Beijos e feliz dia das crianças atrasado!

Links do blog abrindo em outra guia

Olá leitoras!
Hoje vou ensinar vocês um tutorial bem simples: links do seu blog abrindo em outra guia.
Vamos ao tutorial?

1- Vá no seu blog > Desing > Editar HTML > Dê Ctrl F e procure por:

<head>

2- Quando encontrá-la, coloque o seguinte código abaixo da que você acabou de encontrar:

<base target='_blank' >

3- Visualize, se tiver tudo certo, salve.

Gostaram do tutorial? Beijos!

Bloqueando tecla Ctrl no seu blog

Olá leitores, hoje vou ensinar vocês à bloquearem a tecla Ctrl no blog de vocês, assim, evita cópias dos seus posts. Vamos ao tutorial?

1- Vá no seu blog > Desing > Editar Html > Dê Ctrl F e procure por:
</head>

2- Antes dele, cole o seguinte código:

<script language='JavaScript'>
//Bloqueador de Tecla CTRL - iceBreaker http://www.icebreaker.com.br/
function checartecla (evt)
{if (evt.keyCode == '17')
{alert("DIGITE UMA MENSAGEM")
return false}
return true}
</script>

3- Onde está escrito DIGITE UMA MENSAGEM, apague e coloque no lugar uma mensagem que você quer que apareça quando alguém entrar no seu blog e clicar na tecla Ctrl.

4- Dê Ctrl F de novo, mas dessa vez você procura por:
<body>

5- Entre > e body, cole o seguinte código:
onkeydown='return checartecla(event)'

6- Visualize e, se estiver tudo certo, salve.

E então, gostaram do tutorial? Bjs e comentem!

Participem do concurso de 50 seguidores:

Como programar postagens

Oi girl's, hoje vou ensinar vocês à programarem uma postagem, vejam o tutorial:

1- Vá no seu blog > Nova Postagem > Faça a sua postagem, quando tiver terminado, clique em opções de postagens, depois marque Programado, e coloque a data e a hora em que você quer que a postagem seja colocada no seu blog, depois clique em Publicar Postagem.

Gostaram? Comentem!

Bjs!

Como colocar barra de rolagem na área das postagens

Oi, desculpem ficar muito tempo sem postar. Hoje vou ensinar vocês à colocarem uma barra de rolagem na área das postagens:

1- Vá no seu blog > Desing > Editar HTML > Marque o quadradinho Expandir modelos de widgets > Dê Ctrl F e procure por:

/*Content

2- Quando encontrar, cole o seguinte código antes do que você encontrou:

#blog1{overflow-y:auto; overflow-x: hidden; height:300px; width: 100%;margin: 0px;}

Obs: No número que está em rosa, você pode alterar o tamanho da barra de rolagem, basta apagar o 300 e colocar no lugar dele o tamanho que você quer a barra.

3- Clique em visualizar, e se tiver tudo certo, salve.

Se tiverem dúvidas, comentem nesse post, bjs!

Como colocar uma barra divisória

Oi, hoje vou ensinar vocês à colocarem uma barra divisória no blog de vocês, vejam abaixo o tutorial que é super fácil:

1- Vá no seu blog > Desing > Editar HTML > Marque a caixinha Expandir modelos de widgets > Dê Ctrl F e procure por:

<b:include data='post' name='post'/>

2- Quando encontar, cole o seguinte código:

3- Apague o URL da barra e no lugar cole a URL da barra que você escolheu, mas não apague as aspas.

4- Visualize, e se tiver tudo certo, salve.

Gostaram do tutorial? Comentem, bjs!

Ah, e aproveitando, a página Parcerias do blog está em reforma, por isso tem alguns blogs que estão sem link, mas em breve colocarei.

3 efeitos no PhotoScape

Oi, hoje vou ensinar à vocês 2 efeitos incríveis no PhotoScape, vejam:

Efeito desenho

Editor > Filtro > Borda > Vai abrir uma janelinha, quando abrir clique em OK.

Efeito bolinhas

Editor > Filtro > Newsprint > Quando abrir a janelinha, clique em OK.

Efeito Refletido

Editor > Filtro > Reflexão > Quando abrir uma janelinha, clique em OK.

Gostaram dos efeitos? Comentem! Beijo!

Oi, hoje vou ensinar vocês à retirarem o Assinar: Postagens (Atom) do blog de vocês.

1- Vá em Desing > Editar HTML > Dê Ctrl F e procure por:

.feed-links {

2-Quando encontrar, coloque a seguinte tag abaixo da que você encontrou:

display: none;

Obs: Se não tiver este trecho do HTML do seu blog, copie as duas linhas postadas acima e cole antes de:

]]></b:skin>

3-Depois visualize e, se estiver tudo certo, salve.

O que acharam do tutorial? Comenten! Kisses!

Como colocar uma imagem no leia mais!?

Oi, hoje vou ensinar vocês à colocarem uma imagem no "leia mais", vejam abaixo o tutorial que é super fácil.

1- Và em desing > Editar HTML > Marque Expandir Modelos de widgets > Dê Ctrl F e vai abrir uma janelinha de pesquisa, nela digite o seguinte:

<data:post.jumpText/>

2- Quando encontrá-lo, apague-o e coloque este no lugar:

<p align=’right’><a expr:href=’data:post.url’><img

Src=’URL_DA_IMAGEM‘/></a></p>

Apaque o URL_DA_IMAGEM e cole no lugar deleo url da imagem que você quer.

Clique em visualizar, e se tiver tudo certo, salve.

Fiz umas imagens que vocês podem usar sem créditos, mas não disponibilizem elas no seu blog.

É isso gente, se tiverem dúvidas basta perguntar nesse post que eu respondo, beijos!

Como fazer postagens pelo Microsoft Word 2010?

Oi, hoje irei ensinar vocês à fazerem seus posts pelo Microsoft Word 2010. Vejam abaixo os passos (obs: é preciso ter o Microsoft Word):

Entre no Microsoft Word 2010 normalmente.
No canto, está escrito Arquivo, clique lá.
No lado esquerdo, clique em Novo, que está em baixo de Recente (que está "sublinhado de azul").
Clique em Postagem no Blog (que está logo no início da página).
Vai abrir uma janelinha, que está escrito em cima Postagem no Blog, em baixo tem tipo um folha de papel com vários traços, e por último tem um "botão" com uma "folhinha" e em baixo está escrito Criar, clique neste botão.
E aí abrirá uma página para você fazer a sua postagem, mas também abrirá uma janelinha perguntando se quer fazer o cadastro do blog agora ou depois.
Coloque o título e o conteúdo da sua postagem.
Quando o post estiver pronto, clique em Publicar(que está no canto da página).
Se você já tiver se cadastrado, no início falará Conectar-se à...(o nome do seu blog) . No nome de usuário coloque o seu e-mail (o que você usa para acessar o blogger normalmente) e no senha você coloca a senha que você também usa no blogger. Depois clique em OK.

Se tiverem dúvidas, comentem nesse post com a pergunta, bjs!

Este post é exclusivo do Secret Star. Este tutorial você só encontra aqui.

Como retirar a Navbar do blog?

Oiê, hoje eu fiz um tutorial para vocês. Sabe aquela barra que fica no início do blog que está escrito Seguir, Próximo blog...? Pois então, está é a Navbar, e o tutorial vai falar sobre como retirá-la do sei blog.

1º Vá em Design > Editar HTML > Aperte Ctrl F, e vai abrir uma barra de pesquisa, e dentro dela digite:

]]></b:skin>

2º Quando encontrá-la, antes dela digite:

#navbar-iframe { height:0px; visibility:hidden; display:none }

3º Antes de salvar, clique em visualizar e veja se está tudo ok, se tiver clique em salvar alterações.

Bjs!