Vamos lá:
Painel - Designer - Editar HTML
Expandir modelos de Widgets
agora de um (Ctrl + F) e procure por:
</head>
e logo acima dele ponha esse código:
agora de um (Ctrl + F) e procure por:
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Quando achar troque por esse código:
visualize!
Agora vamos personalizar os códigos:
no 1° Código podemos aumentar ou diminuir o tamanho da imagem e a quantidade de letras mostrada, para isso basta alterar essas linhas:
img_thumb_height → Indique a altura da imagem.
img_thumb_width → Indique a largura da imagem.
agora vamos por a imagem nesse link
(leia mais
basta fazer o seguinte;
troque essa linha:
<span id='showlink'><a expr:href='data:post.url'>Leia Mais ►
por essa e acrescente a sua imagem:
visualize! se tiver tudo certo salve!
Caso queira dar um efeito nesse link basta adicionar esse estilo CSS no template.
de um (Ctrl + F) e procure por:
]]></b:skin>
e logo acima dele e ponha esse código:
e edite-o !
Peça sua imagem de (leia mais) personalizada
clique aqui!
Painel - Designer - Editar HTML
Expandir modelos de Widgets
agora de um (Ctrl + F) e procure por:
</head>
e logo acima dele ponha esse código:
agora de um (Ctrl + F) e procure por:
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Quando achar troque por esse código:
visualize!
Agora vamos personalizar os códigos:
no 1° Código podemos aumentar ou diminuir o tamanho da imagem e a quantidade de letras mostrada, para isso basta alterar essas linhas:
img_thumb_height → Indique a altura da imagem.
img_thumb_width → Indique a largura da imagem.
summary_noimg → é aqui que você vai indicar a quantidade de caracteres para os resumos se o texto não contiver imagem.
summary_img → Indique o número de caracteres do resumo para o texto que contiver imagens.
agora vamos por a imagem nesse link
(leia mais
►
), basta fazer o seguinte;
troque essa linha:
<span id='showlink'><a expr:href='data:post.url'>Leia Mais ►
por essa e acrescente a sua imagem:
visualize! se tiver tudo certo salve!
Caso queira dar um efeito nesse link basta adicionar esse estilo CSS no template.
de um (Ctrl + F) e procure por:
]]></b:skin>
e logo acima dele e ponha esse código:
e edite-o !
Peça sua imagem de (leia mais) personalizada
clique aqui!
Gostou ? Comente não custa nada.
0 comentários :
Postar um comentário