terça-feira, 19 de março de 2013

6

Postagem Popular Personalizada no Blog ♥

Veja o exemplo abaixo 

Copie o código abaixo  cole antes de ]]></b:skin> e salve. 

 Thay onde fica ]]></b:skin>?

Na Nova interface do blog, clic em Modelo, Editar Html, Prosseguir.
Pressione a tecla Ctrl + F no seu teclado ou pressione o botão F3, na barrinha que surgiu escreva ]]></b:skin>

Observe que o código foi localizado agora copie o código a baixo cole antes de ]]></b:skin> em seguida clic em salvar modelo.. 


#PopularPosts1{max-width:300px} #PopularPosts1 dd{float:left;border-bottom:none;margin:8px 8px 0 8px;background:none;display:block;padding:0} #PopularPosts1 img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #FF3E96;background: -webkit-gradient(linear, left top, left bottom, from(#FF3E96), color-stop(0.5, #FF3E96), c#4F94CDolor-stop(0.5, #FF3E96), to(#aaa));background: -moz-linear-gradient(top, #ffffff, #ddd 50%, #FF3E96 50%, #ffffff);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);} #PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);} 

Ainda na Nova interface do blog, clic em Modelo, Layout em seguida 
Adicionar um Gadget.
Escolha a opção Postagens Populares e Salve.


Creditos: Dany's Place


Postado por às

6 comentários:

  1. Daniele 20 de março de 2013 às 08:48

    Fica super mais bonitinho assim, personalizado *-*
    ~seguindo aqui :3

    Thay, se não for muito incomodo , posta tutorial de como deixar os links hovers assim, que nem o seu, que quando passa o mouse se "triplica" ? e outro de como saltar esses brilhinhos quando dá o click do mouse ? valeu --*

    UnicornParadise.blogspot.com

    ResponderExcluir
    Respostas
    1. Unknown20 de março de 2013 às 12:22

      É eu acho super lindinho também. :D
      Obrigada por seguir linda .♥
      Não é incomodo não, pode deixar que eu posto sim e , é super facil .

      Excluir
  2. Anne20 de março de 2013 às 08:51

    eu ameeeeeeeeei ! to pensando em colocar as postagens populares, quando eu colocar, vou por isso! :) amei mesmo. Mil beijos de sua seguidora anne.


    annecrisley.blogspot.com

    ResponderExcluir
    Respostas
    1. Unknown20 de março de 2013 às 12:25

      É lindo mesmo né ? , Bota sim ficar super fofo as postagens rodando quando passa o mouse .
      Beijoos lindo e Muito agradecida por seguir .!
      ♥

      Excluir
  3. bybelcarvalho20 de março de 2013 às 13:42

    amei a dica flor! já sou sua seguidora :)
    Obrigada pela visita no blog!
    Bjs e volte sempre!
    Bel Carvalho
    http://bybelcarvalho.blogspot.com.br/

    ResponderExcluir
  4. Unknown20 de março de 2013 às 14:04

    Obrigada por seguir , Volto sim pode deixar .
    Beeijos linda. ☻

    ResponderExcluir

Regras da Thay *-*

- Não xingar , e nem falar mal.
-Deixe o link do seu blog para retribuição.
-De sua opinião sobre oque poderia ser melhor.
-Falar sobre o post .
- Não é obrigatório comentar.
- NÃO é proibido fazer perguntas não!
-Seu comentário terá resposta , então volte para olhar.
Beijoooos ♥

Assinar: Postar comentários (Atom)
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*