Botão FaceBook com Efeito




Imagem


1° - Vá em Design, Editar HTML e procure por:

<body>

--- Cole esse código abaixo da dela ---

<style>

    .minhasredes1 {
    padding: 15px;
    width: 250px;
    position:fixed;
    top: 50px;
    color: black;
    z-index: 99999999999;
    margin-left: 10px;
    }

    .minhasredes1 a {
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    text-decoration: none;
    }

    .minhasredesrede {
    background:#222;
    width: 160px;
    margin-top: 21px;
    height: 20px;
    padding: 11px;
    -webkit-transition:All 0.2s ease;
    -moz-transition:All 0.2s ease;
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(-150px);
    border-radius: 15px;
    padding-left:20px;

    }

    .minhasredesrede a {
    font-size: 18px;
    text-align: left;
    color: #999;
    font-family: Arial;
    float:left;
    }

    .minhasredesrede a:hover {
    }

    .minhasredesrede:hover {
    font-size: 18px;
    text-align: left;
    color: #999;
    font-family: Arial;
    text-shadow: 1px 1px 0px #111;
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(-35px);
    height: 50px
    }

    .minhasredesrede img{
    float:right;
    margin-top:-40px;
    }

    .minhasredes1 a:hover {
    }

    .minhasredes1 img {
    }
    .minhasredes1 img:hover {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }

    </style>

    <div class='minhasredes1'>

    <div class='minhasredesrede'><a href='URL PERFIL FACEBOOK' title='Me adicione no Facebook'>Facebook<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21&amp;appId=143978012364348' style='border:none; overflow:hidden; width:100px; height:21px;'/><img src='http://icons.iconarchive.com/icons/creativenerds/black-white-social/48/facebook-icon.png'/></a></div>

    </div>



2° - Oque esta de vermelho você substitui pelo seu Link do FaceBook.
3° - Visualize e Salve.
Gostou ? Comente não custa nada.
Deixe seu Comentário:
Sem comentários »
Categorias:

0 comentários :

Postar um comentário

Seguidores

Bajar