Mostrando postagens com marcador Dicas. Mostrar todas as postagens
Hoje estou trazendo um tutorial exclusivo de como fazer postagem com botao leia mais e so seguir o tutorial abaixo:
1° Começe a postagem normal , mas coloque so uma parte dela como na imagem!
2° Depois de ter colocado a "Introduçao" da postagem clique no botao expansao de postagem com na imgem!!!
3° aparecerá uma linha pontilhada como na imagem:
4°Depois e so continuar a postagem apos a expansao da postagem colocar o marcador epublicar a postagem!!
6°Agora por ultimo e só abrir o site e ver se ficou certa!!
E isso ai pessoal Tutorial By Eduardo Xavier se for copiar deixe os creditos!!
Ei galerinha para ser um bom designer e necessário aprender a usar o Photoshop, pensando nisso passei aqui para postar essas traduções e atalhos.
muita gente usa o PS a muito tempo e nem sabe que poder usar esses atalhos.!
1 - Primeiro Vai Em Editar HTML e Clica em
Expandir Modelos de Widgets....
2 - Vc Procura com CTRL+F Por:
Expandir Modelos de Widgets....
2 - Vc Procura com CTRL+F Por:
<b:if cond='data:post.title'>
Para colocar no rodapé do post
você procura por <div class='rodape-post'>
e faz os mesmos procedimentos
3 - e Adiciona Logo Abaixo o Seguinte Codigo:
<b:if cond='data:post.author == "NOME DO SEU PERFIL DO BLOGGER AKI"'><img alt='Avatar' height='80' src='URL DO SEU AVATAR AKI' style='float:right;margin:5px 0px 0px 10px' width='70'/> </b:if>
você procura por <div class='rodape-post'>
e faz os mesmos procedimentos
3 - e Adiciona Logo Abaixo o Seguinte Codigo:
<b:if cond='data:post.author == "NOME DO SEU PERFIL DO BLOGGER AKI"'><img alt='Avatar' height='80' src='URL DO SEU AVATAR AKI' style='float:right;margin:5px 0px 0px 10px' width='70'/> </b:if>
OBs.
1 -float:left; Deicha o Avatar Lado Esquerdo <<
2- float:right; Deicha o Avatar Lado Direito >>
3 - height='80' - Significa a Autura
3 - width='70' - Significa a Largura
2- float:right; Deicha o Avatar Lado Direito >>
3 - height='80' - Significa a Autura
3 - width='70' - Significa a Largura
Agora Vamos Para Margin
5 - Obs Onde Esta 5 Px Primeiro Siginifica Tanto Que Vc Quer Que o Avatar Dessa \/
5 - margin:5px 0px 0px 0px'
6 - Obs Onde Esta 0 Px Segundo Nao Precisa por nada deiche 0 msm
6 - margin:5px 0px 0px px'
7 - Obs Onde Esta 0 Px Terceiro Nao Precisa por nada deiche 0 msm
7 - margin:5px 0px 0px 0px'
8 - Obs Onde Esta 10 Px Quarto Significa Tanto Que Vc Quer Que o Avatar vá Pro Lado >>
8 - margin:5px 0px 0px 10px'
Para colocar no rodapé do post você procura por <div class='rodape-post'> e faz os mesmos procedimentos
5 - Obs Onde Esta 5 Px Primeiro Siginifica Tanto Que Vc Quer Que o Avatar Dessa \/
5 - margin:5px 0px 0px 0px'
6 - Obs Onde Esta 0 Px Segundo Nao Precisa por nada deiche 0 msm
6 - margin:5px 0px 0px px'
7 - Obs Onde Esta 0 Px Terceiro Nao Precisa por nada deiche 0 msm
7 - margin:5px 0px 0px 0px'
8 - Obs Onde Esta 10 Px Quarto Significa Tanto Que Vc Quer Que o Avatar vá Pro Lado >>
8 - margin:5px 0px 0px 10px'
Para colocar no rodapé do post você procura por <div class='rodape-post'> e faz os mesmos procedimentos
