www.facebook.com/mundodeblogueira https://twitter.com/@mundoblogueira www.instagram.com/mundodeblogueira http://mundodeblogueira.blogspot.com.br/p/contato.html https://plus.google.com/u/0/105226761191522044936/posts https://www.youtube.com/channel/UCPDrL7CSt-lneOtMMtQoahw

Adicionando Ribbons



Olá meninas, no tutorial de hoje, vou ensinar vocês a adicionarem ribbons em suas postagens. Vocês já devem ter notado em alguns blogs , que na página de postagem existe uma imagem como se fosse um marcador de páginas para destacar o tema do  post, ou até mesmo para fazer algum outro tipo de destaque. Hoje vou ensinar para vocês como adicionar o RIBBON em seu blog. É bem fácil e deixa sua página com um visual bem legal e organizado.



Ribbon


Vamos aos passos:
No painel do seu blog, vá em MODELO depois clique em EDITAR HTML.
Lá procure por 
]]></b:skin> 
e acima cole o seguinte código:



Não se esqueça de fazer as alterações no código, para que seu ribbon apareça da forma correta em sua página. Para que sua imagem apareça corretamente, você precisará hospeda-la em um site de sua preferencia. Não sabe fazer isso? Não tem problema, vamos aprender. Clique aqui e saiba como.

Agora iremos adicionar o ribbon nas suas postagens.
Vá no seu post, clique em HTML, se você não sabe adicionar HTML em suas postagens, veja aqui.


Entre a palavra que você quer destacar, digite o código abaixo, alterando com a palavra que você deseja. Veja exemplo da imagem acima com a palavra  LEITURA.

<div class="ribbon"> SUA PALAVRA AQUI </div>

É isso, fácil e bem legal.




0 comentários:

Postar um comentário

Obrigado por comentar. Mundo de Blogueira agradece sua visita !


* Clique aqui e aprenda a colocar o link do seu blog nos comentários
* Não serão aceitos comentários somente com objetivo de divulgação, ou que ofenda qualquer leitor.
*Antes de pedir algum tutorial, verifique se o mesmo já não foi postado.

 
© Mundo de Blogueira - 2017. Todos os direitos reservados.
Criado por: Vanessa P.