viernes, 7 de junio de 2013

Añade Menu Marcador Flotante A Tu Blog

Leave a Comment
menu marcador flotante a blog
 En esta ocasion te mostrare el super truco para insertar un menu de marcador atractivo flotante para tu blog de blogger.
Este widget Incluye atractivos iconos dentro del mismo.Este menú flotante aparecerá en cada entrada de tu blog.Asi,los visitantes siempre accederan al mismo facilmente.Asi este truco ayudara a que mas visitantes te enlacen con Facebook, Twitter, y  RSS.Este truco se puede anadir a tu blog siguiendo estos simples pasos.

Demostracion: Da Clic En Imagen Abajo


Pasos Insertar este widget a tu blog de blogger.


1. Entrar a la cuenta de blogger e Ir a Diseño >> Edición de HTML
     (asegúrese de hacer una copia de seguridad de la plantilla primero)

2. Encuentre esta etiqueta ]]> </ b: skin> usando Ctrl + F

3. Pegue el código de abajo antes de ]]> </ b: skin>
.bt-wdt{
 position: fixed;
 right: 10px;
 top: 43%;
}

.bt2-wdt{
 position: fixed;
 right: 30px;
 bottom: 22%;
}

.bt-wdt img{
 float: right;
 clear: right;
 margin: 5px;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.bt-wdt img:hover{
 -moz-transform: scale(1.2) rotate(6deg);
 -webkit-transform: scale(1.2) rotate(6deg);
 -o-transform: scale(1.2) rotate(6deg);
 -ms-transform: scale(1.2) rotate(6deg);
 transform: scale(1.2) rotate(6deg);
}


4. Ahora vaya a Diseno >>Elemento de Pagina

5. Haga clic en Agregar un Gadget y seleccione "HTML / Javascript"

6. Pegue el código siguiente.
!-- www.ciudadblogger -->
<div class="bt-wdt">
 <!-- Facebook -->
 <a href="http://www.facebook.com/Nombre-Pagina" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbugsY-p23kWxCggc3Do-a24SnPoAC9xngKs41KiTGMidU3Z58xTo20iBBC_ma23oUVv47NLIpYRlE2gtVZfMVgP-GhC4g4TWWV85as3e-qyv_X_aipBlYnx5tDZIwA9gdpOtTY95fo90P/s1600/inside-facebook-icon.png" /></a>
 <!-- Twitter -->
 <a href="http://twitter.com/Nombre de Usuario" title="Follow me on Twitter" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyCRQan04hcQlxz8Rafz8LgV-OwV_JamLNJQ6hO_rW0DWuQuxaSzp9fmLaoWQQLr_31Ci2D0O4rPl3rgUB2Ts5TTA1wHG29TmuBjieUMS9SKlWsT4sTDjXZQFJB-JCq3_B576GwrhHJCPd/s320/inside-twitter-icon.png" /></a>
 <!-- RSS -->
 <a href="http://feeds.feedburner.com/Direccion del Feed" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2gRjh4fn6dtZ5kd178S2cLsnyjbSHceBpy9UbRr6K1__zyZ3R2Eu0sh-Yx1gMNIkyX2wVhidwBQhxw4hqPz3eZKUNvtpbNHF9wMa0dcThs-uPDB77pD0nVYLnzm5EVAT2tWICuLnA2mq1/s1600/inside-rss-icon.png" /></a>
</div><div class="bt2-wdt"><a style=" font-size:9px; color:#3B78CD; text-decoration:none;"href="http://www.bloggertrix.com/2012/05/how-to-add-smooth-jquery-facebook-like.html"> Get This</a>
</div>
<!-- End -->

*Reemplace Nombre Pagina por el nombre tu pagina de Facebook
*Reemplace Nombre de Usuario por el nombre de tu Twitter
*Reemplace Direccion del Feed por la direccion de tu feedburner .

7. Guarda tu Plantilla
 Esteb truco de blog esta listo.
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario