Bem Vindas !

Sejam Bem Vindas!!

Tutorial>> Menu Destaque

Hoje eu trouxe o primeiro tutorial aqui do blog, ele é bem fácil, então espero que vocês gostem!

Vá em ''Editar HTML'' e tecle ''Ctrl F''. Pesquise por ]]></b:skin>
Feito isso, cole acima do que você pesquisou a seguinte tag:


.destaque {
float: right;
margin-right: -10px;
margin-top: -5px;
background: url('http://i1234.photobucket.com/albums/ff411/SweetLG/218.png');
background-repeat: no-repeat!important;
width: 64px;
height: 25px;}
.boxdestaque:hover .destaque {
background-position: -0px -25px;}
.boxdestaque {
text-align: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-right: 7px;
background: #eeecec;
padding: 5px;
margin-bottom: 7px; }
.boxdestaque:hover {
background: #f6dce5;
text-shadow: 1px 1px 1px #fff;}
.boxdestaque .title {
color: #ff71a3;
font-size: 11px;
font-weight:none;
font-family: Georgia;
font-style: italic;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.boxdestaque:hover .title{
color: #7797a7;
padding-left: 15px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}


Depois disso, vá em 'Layout' e adicione um gadget 'HTML/JavaScript'.
Ao abrir ele, cole o seguinte:

<div class="boxdestaque"><span class="title">Título da postagem<a class="destaque" href="LINK DO POST"></a></span></div>
Salve e Visualize!
Vai ficar mais assim?


Obs. Para sua segurança, antes de fazer isso, faça o download do ''Modelo Completo'' do seu blog.
-------------------------------------------------------------------

Mais uma coisa:
Por favor, se alguém souber, deixe nos comentários!
Obrigada!
Beijos

Créditos: Chuva de Sonhos
- Jullie

2 comentários:

  1. Jullie eu sei fazer um bloquinho assim, mais ´personalizado, se quiser te mostro como é ! :)
    Adorei o menu já vou usar ! Sucesso em 2013 !

    ResponderExcluir
  2. Muito obrigada! Vai ser um prazer se você quiser me ensinar!
    Muito obrigada e igualmente para você!
    beijos!

    ResponderExcluir

- Escreva um pouco sobre o post;
- Não use vocabulário desapropriado;
- Leia antes de comentar;
- Deixe o link de seu blog para que eu possa visitá-lo;
- Assine seu nome;
- Aceito ''seguindo, segue de volta?''
Muito obrigada por comentar! Volte sempre!