Divisor

Éste sitio web usa cookies, puedes ver la política de cookies, Aquí. ⤵ ⤵


Contadores con Botones de Redes Sociales y Suscripción




El estilo de estos botones son fantásticos, son de tipo Wordpress para suscripción en redes sociales, cómo: Rss, Twitter, y cómo no, Facebook. Los contadores son manuales, así que deberás de añadir la numeración de tus seguidores y lectores manualmente, no son automáticos, insisto y recalco. Su diseño y su efecto hover, lo hacen enormemente vistosos, o al menos a mi me lo parece, y quizá haya blogueros y webmasters que les interese añadir estos botones con contador social para que se hagan seguidor de tu blog o web. Sólo debes de hacer un único paso, que es el siguiente, para implantar este gadget social en Blogger, por ejemplo, debes de seguir la pautas que se detallan abajo en el siguiente código que verás:




Demo!


Ves al escritorio de Blogger» Diseño » Añadir Gadget » HTML/Javascript » y copia:

<style>
.rss-hb {
    background: url(http://1.bp.blogspot.com/-6P9c5xiGqPU/T17Et5uLpmI/AAAAAAAAALo/QvZiuuXH5WQ/s1600/rss+sepia.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 5px;
}

.rss-hb:hover {
    background: url(http://3.bp.blogspot.com/-kpl0WCXu29o/T17fxYYxDKI/AAAAAAAAAMA/VStK_Nn5ZhQ/s1600/rss.png) no-repeat;
}

.twitter-hb {
    background: url(http://4.bp.blogspot.com/-O3HOVJkubI8/T17FOcKcXEI/AAAAAAAAALw/zGnWePejV74/s1600/twitter.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 10px;
}

.twitter-hb:hover {
    background: url(http://4.bp.blogspot.com/-Zt75oQY-Zyw/T17f2RNz4LI/AAAAAAAAAMI/tMRUAvrCSZE/s1600/twitter.png) no-repeat;
}

.facebook-hb {
    background: url(http://3.bp.blogspot.com/-zKnfvx3p4tw/T17EsygOsMI/AAAAAAAAALg/WHYxobQI9no/s1600/fb+sepia.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}

.facebook-hb:hover {
    background: url(http://4.bp.blogspot.com/-eNuumn4W2Z0/T17CYTzSlfI/AAAAAAAAALY/XgljKIs181w/s1600/facebook-logo.png) no-repeat;
}

.follower-rss, .follower-twitter, .follower-facebook {
    font-family: Georgia,  sans-serif, Times;
    font-size: 1.5em;
    font-style: italic;
    color: #D3C5B1;
    padding-top: 4px;
    text-shadow: 1px 1px #B2A99D;
}

.follower-rss a, .follower-twitter a, .follower-facebook a {
    color: #AA9C89;
}

.follower-rss span {
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
}

.follower-twitter span {
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
}

.follower-facebook span {
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
}

</style>

<div class='rss-hb'>
    <div class='follower-rss'>
        <span>
            <a href='http://feedburner.google.com/fb/a/mailverify?uri=aizumblog/TgZy'>54</a>
        </span>Lectores</div>
</div>
<div class='twitter-hb'>
    <div class='follower-twitter'>
        <span>
            <a href='https://twitter.com/aizumblog' rel="nofollow">26</a>
        </span>Seguidores</div>
</div>
<div class='facebook-hb'>
    <div class='follower-facebook'>
        <span>
            <a href='https://www.facebook.com/pages/Aizum-Blog/209814885742359'>86</a>
        </span>fans</div>
</div>

Ahora añade las Url's de tus cuentas de Facebook, Twitter, y los lectores Rss que tienes.


Aizum Blog, viernes, julio 19, 2013


Divisor Star

✏ Buscador!

En las redes ⤵

✏ Vídeos!

 

Publicidad!

Subir hacia arriba ▲ Modificated & Designed by Iván Dangerfield © 2014. Converted by Bloggertheme9