sábado, 25 de fevereiro de 2012

Como colocar mini gif nos links 'postado por, marcadores e comentários'



Como eu disse no post anterior, hoje estou inspirada para tutoriais, e já venho com mais um pra vocês ensinando a colocar mini gif nos links postado por, marcadores e comentários.
É bem fácil e o resultado é bem bonito.


Primeiro escolha seu mini gifs, você pode pegar clicando aqui.

Vá em Design - Editar html - 
marque a caixinha 'expandir modelos de widget'


Para colocar Mini gif no 'postado por'

Pressione Ctrl + F vai aparecer uma caixinha de busca
nela pesquise por:

<b:if cond='data:top.showAuthor'>

o código vai aparecer destacado em laranja 
cole do lado DIREITO dele o seguinte código:

<img src='url do Mini Gif aqui' style='border:0px;'/>

Ficando assim:
Onde está escrito em roxo (url do Mini Gif aqui) você coloca a url do Mini Gif que você quer usar no link postado por.


Para colocar Mini gif no 'Comentários'

na caixinha de busca pesquise por:
post-comment-link'>


o código vai aparecer destacado em laranja 
logo ABAIXO dele o seguinte código:

<img src='url do Mini Gif aqui' style='border:0px;'/>

Ficando assim:






Onde está escrito em roxo (url do Mini Gif aqui) você coloca a url do Mini Gif que você quer usar no link comentários.


Para colocar Mini gif no 'marcadores'

na caixinha de busca pesquise por:
<b:if cond='data:post.labels'>

o código vai aparecer destacado em laranja 
cole do lado DIREITO dele o seguinte código:

<img src='url do Mini Gif aqui' style='border:0px;'/>

Ficando assim:






Onde está escrito em roxo (url do Mini Gif aqui) você coloca a url do Mini Gif que você quer usar no link marcadores.

Visualize e se tiver dado certo, salve.

Como colocar Barrinha Divisória no fim dos Posts


29 de outubro de 2011

15 Colocando barrinha divisória no fim das postagens


Hooy geente 
Quem quer aprender a colocar barrinha divisória no fim dos posts levanta a mão  vocês vão ver que é super simples.

 Vá em Design -  Editar Html -  marque a caixinha 'expandir modelos de widgets'
 Pressione Ctrl + F 
vai aparecer a caixinha de busca nela procure por:
 <b:include data='post' name='post'/>

Esse código vai aparecer destacado em laranja, aí embaixo dele você cola isso:
<center><img src="url da sua imagem aqui"/></center>

Ficando assim:


Onde está escrito 'url da sua imagem aqui' você troca pela Url da barrinha que você quer colocar.
Visualize e se tiver dado certo salve. 

Resultado:


Como tirar o "Assinar: Postagens (Atom)"



Olha eu aqui com mais um tuto pra vocês, e esse eu percebi que 95% das pessoas que tem blogs ainda não fizeram, eu vou ensinar a tirar o "Assinar: Postagens (Atom)" que é aquele negocinho chato que fica no rodapé e não serve pra nada.


Bom Vá em Design - Editar Html
Clique em Ctrl + F (caixinha de busca)
e procure por ]]></b:skin>

Quando achar coloque antes de ]]></b:skin> o código abaixo:


 .feed-links {

height:0px;visibility:hidden;display:none}



Visualize e se tiver dado certo, salve.
Qualquer dúvida deixe um comentário, farei o possível para ajudar.

Como trocar o Postagens recentes, Início e postagens antigas por imagem


Oieee meus sucos de limão que parecem de tangerina mas que são de tamarindo 
hoje eu vou ensinar a trocar o ' Postagens recentes, Início, Postagens antigas ' por uma imagem e vocês vão ver que é super fácil. 


Vá em Design - Editar html - 
marque a caixinha "expandir modelos de widgets" 
Pressione as teclas Ctrl + F (com isso vai aparecer a caixinha de pesquisa)


Para personalizar o 'postagens mais recentes' 

na caixa de pesquisa procure por <data:newerPageTitle/>
esse código vai aparecer destacado em laranja, 
apague esse código e cole <img src="url da sua imagem aqui"/> onde estava o código.
Ficando assim:


Onde está escrito "url da sua imagem aqui" substitua pela url da imagem que deseja.


Para personalizar o 'início'

na caixa de pequisa procure por <data:homeMsg/>
o código que aparecer em laranja você apaga e cola <img src="url da sua imagem aqui"/> 
onde estava o código. Como no exemplo acima.
Onde está escrito "url da sua imagem aqui" substitua pela url da imagem que deseja.


Para personalizar o 'postagens mais antigas'

na caixa de pesquisa procure por <data:olderPageTitle/>
o código que aparecer em laranja você apaga e cola <img src="url da sua imagem aqui"/> 
onde estava o código.
Onde está escrito "url da sua imagem aqui" substitua pela url da imagem que deseja.

Visualize, e se tiver dado certo Salve.