.....: tutoriais

Mostrando postagens com marcador tutoriais. Mostrar todas as postagens

Texto em movimento na postagem

Vá em Editar Html na postagem e coloque o código abaixo

<marquee style="BORDER-RIGHT: #ff4500 2px solid; BORDER-TOP: #ff4500 2px solid; BORDER-LEFT: #ff4500 2px solid; BORDER-BOTTOM: #ff4500 2px solid">(Coloque seu texto aqui)</marquee>

(MASTER OF DESIGNER)

Tutorial -

Efeito neve no Blog

1°Vá no Seu Blog Layout > Editar Html ou Design - Editar Html.

2°Aperte Ctrl+F e Procure por </header>

3°Abaixo Dele Insira o Seguinte Codigo :

<script type="text/javascript">
endereco = "http://img42.imageshack.us/img42/5508/neve1.png";
</script>
<script type="text/javascript"

src="http://acessoriosparablogs.com.br/scripts/neve.js">

</script>

4º SALVE e veja o resultado!

GOSTOU? ENTÃO COMENTE

Tutorial: Redirecionando um Site/Blog para outro

Se vc é um blogueiro que não se contenta com um blog só e logo quer criar outro,mas fica naquela dúvida"Poxa! meu blog tem 300 postagens e não quero excluí-lo mas também não quero continuar somente com ele.Quero criar um blog novo."...Então não exclua seu blog antigo,apenas redirecione ele para o novo.Veja como

Vá no Painel do seu blog > Design > Editar HTML.

Procure por <head>.

E acima de <head> cole o código abaixo.

<script>

location.href="http://masterofdesigner.blogspot.com/";

</script>

Substitua o link do meu blog pelo blog/site que você quer que o seu antigo blog/site redirecione.

Clique em visualizar para testar e salve.

Tutorial: Menu Suspenso no Blog

Tutorial:

Entre na página editar HTML, clique para Expandir modelos de widgets e procure pelo código dos seus marcadores (procure pelo titulo que usa neles é mais fácil identificar, no caso deste blog procuramos por guia rápido).

Você vai encontrar algo assim:

<b:widget id='Label1' locked='false' title='Guia Rápido' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li class='guiarapido'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Então apague esse trecho:

Depois coloque esse aqui no lugar, onde está escrito Guia Rápido troque pelo que desejar que apareça no menu quando ele aparecer no blog, outro detalhe é tirar a parte (<data:label.count/>) se não quiser mostrar o numero de postagens de cada item do menu.

<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Guia Rápido</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Criando menu com imagens

Isso é bem simples ,basta seguir os passos abaixo.

1- Vá no painel do seu blogger

2- Entre em design -> editar HTML

Procure por algo parecido com isso:

<li><a href="LINK DO SEU BLOGGER" rel="nofollow">pagina inicial</a></li>

E troque por esse código:

<li><a href="LINK DO SEU BLOGGER"><img alt="Nome da categoria" border="0" src="Url da img" /></a></li>

Troque os links do fim das páginas por imagens

Aprenda a trocar os links que possibilitam a navegação entre as páginas por imagens.

1º - Salve o template como sempre, caso tenha problemas você tem o template salvo;

2º - Entre no blogger, e siga: "Layout", "Editar HTML", marque a janela: "Expandir modelos de widgets";

3º - Procure (Ctrl + F):

    <data:newerPageTitle/>

Substitua por:

    <img alt='Página Anterior' border='0' src='COLOQUE AQUI O LINK DA IMAGEM ANTERIOR'/>

4º - Procure (Ctrl +F):

    <data:olderPageTitle/>

Substitua por:

    <img alt='Próxima Página' border='0' src='COLOQUE AQUI O LINK DA IMAGEM PRÓXIMA'/>

5º - Procure (Ctrl +F):

<data:homeMsg/>

Substitua por:

    <img alt='Home' border='0' src='COLOQUE AQUI O LINK DA IMAGEM INÍCIO'/>

6º - Teste, se tudo está como deveria, salve!

Pronto! Se quiser usar imagens diferentes, faça a sua, hospede e substitua os links das imagens pelas novas.

Zoom na imagem

Esse tutorial é muito fácil e dá um efeito bem legal nas imagens que possuem links. quando passar o Mouse em cima

1º Passo:

va em design ==> Editar html

2º

Procure por ]]><*/b:skin*> (sem os *)

3º

Em cima da tag coloque:

/*--Zoom-Imagens-- */ a:hover img { transform: translate(0px, -4px); -moz-transform: scale(1.1) translate(0px, -4px); -webkit-transform: scale(1.1) translate(0px, -4px); -ms-zoom: 1.1; opacity: 1 !important; -moz-opacity: 1 !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease; }

Principais atalhos usados no photoshop

Atalhos com a tecla CTRL:

Ctrl + N – Abre a janela de Novo documento.

Ctrl + M – Abre a janela Curvas.
Ctrl + A – Faz a seleção do documento todo ou da camada selecionada.
Ctrl + D – Tira a seleção do documento todo ou da camada seleccionada.
Ctrl + J – Duplica automaticamente a camada selecionada.
Ctrl + K – Abre a janela Preferências.
Ctrl + L – Abre a janela Níveis.
Ctrl + F4 – Fecha o Documento Atual.
Ctrl + ? – Liga o quadriculado.
Ctrl + Q – Desliga o Photoshop.
Ctrl + R – Liga as réguas.
Ctrl + O – Abre a janela Abrir.
Ctrl + P – Abre a janela da Impressora.
Ctrl + Z – Volta um passo atrás.
Ctrl + Tab – Vai mostrando todos os trabalhos em progresso.
Ctrl + C - Copía
Ctrl + ; - Zoom para aumentar e para diminuir.
Ctrl + X – Corta algo que esteja seleccionado.
Ctrl + Alt + Shift + X – Abre a janela do Criador de Padrões
Ctrl + V – Cola algo seleccionado.
Ctrl + Shift + V – Copia algo para um espaço seleccionado.
Ctrl + Alt + Shift + V - Copia algo para fora do espaço seleccionado.
Ctrl + T – Ferramenta Transformar.
Ctrl + Shift + T – Repete a última transformação efetuada.
Shift + F5 – Abre a janela Preencher.
Ctrl + Shift + O – Abre o Localizador de Ficheiros
Ctrl + Shift + P – Abre o Configurar Página.
Ctrl + Shift + S – Abre a pagina Salvar Como
Ctrl + Shift + K – Abre a janela de Configuração de cores.
Ctrl + Shift + X – Abre a janela Dissolver.
Ctrl + Shift + N - Abre a janela Nova Camada.
Ctrl + Shift + M – Abre o ImageReady.
Ctrl + Shift + E – Mescla todas as camadas numa só.
Ctrl + Alt + Z – Volta atrás (não retrocede o feito).
Ctrl + Shift + Alt + N – Cria uma nova Camada limpa.
Ctrl + Shift + Alt + S - Abre a janela Guardar para a Web.
Ctrl + Alt + ~ - Carrega selecção.
Ctrl + Shift + I – Inverte uma selecção.
Ctrl + Alt + X – Abre o janela Extra

.....

Link - me

Seguidores