Mil Trucos Bloggers

Tutoriales y recursos para Blogger

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Redes Sociales » Trucos Blogger » Sexy Bookmarks en Español para Blogger

miércoles, 30 de marzo de 2011

Sexy Bookmarks en Español para Blogger

Add Comment
Redes Sociales, Trucos Blogger
miércoles, 30 de marzo de 2011
Buscando en Internet me encontré con el famoso plugin de Wordpress "Sexy Bookmarks" pero para Blogger,esta totalmente en español,espero que les sirva




Para añadir "Sexy Bookmarks" sigue las indicaciones a continuación:


Ve a Escritorio/ Diseño/ Edición de HTML, click en Expandir plantillas de artilugios y
Busca esto: ]]></b:skin> (CTRL+F) y antes de el pega el siguiente código

/* Sexy-Bookmarks
-----------------------------------------------*/

div.sexy-bookmarks {
height:54px;
background:url('http://2.bp.blogspot.com/_U8ODEZi-HMk/TOr7lTFU90I/AAAAAAAAAGk/znL-2YtJZRQ/s1600/sharing.png');
position:relative;
width:400px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://2.bp.blogspot.com/_U8ODEZi-HMk/TOr7lTFU90I/AAAAAAAAAGk/znL-2YtJZRQ/s1600/sharing.png') no-repeat right bottom;
position:absolute;
right:-5px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.sexy-rss, .sexy-rss:hover, .sexy-meneame, .sexy-meneame:hover, .sexy-apezz, .sexy-apezz:hover, .sexy-bitacoras, .sexy-bitacoras:hover, .sexy-enchilame, .sexy-enchilame:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-mail, .sexy-mail:hover {
background:url('http://1.bp.blogspot.com/_U8ODEZi-HMk/TOr8TFirL5I/AAAAAAAAAGo/PozhNoCbPeg/s1600/icons.png') no-repeat !important;
}

.sexy-rss {
background-position:left top !important;
}
.sexy-rss:hover {
background-position:left bottom !important;
}
.sexy-meneame {
background-position:-50px top !important;
}
.sexy-meneame:hover {
background-position:-50px bottom !important;
}
.sexy-apezz {
background-position:-100px top !important;
}
.sexy-apezz:hover {
background-position:-100px bottom !important;
}
.sexy-bitacoras {
background-position:-150px top !important;
}
.sexy-bitacoras:hover {
background-position:-150px bottom !important;
}
.sexy-enchilame {
background-position:-200px top !important;
}
.sexy-enchilame:hover {
background-position:-200px bottom !important;
}
.sexy-facebook {
background-position:-250px top !important;
}
.sexy-facebook:hover {
background-position:-250px bottom !important;
}
.sexy-twitter {
background-position:-300px top !important;
}
.sexy-twitter:hover {
background-position:-300px bottom !important;
}
.sexy-mail {
background-position:-350px top !important;
}
.sexy-mail:hover {
background-position:-350px bottom !important;
}

Ahora busca este Código:
<div style='clear: both;'/> <!-- clear for photos floats -->
y mas adelante de este estara este otro </div>
debajo de el pega esto

<!-- Ini Sexy-Bookmarks -->
<br/>
<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-rss'><a href='URL DE TU FEED' target='_blank' title='Subscribete al RSS'/></li>
<li class='sexy-meneame'><a expr:href='&quot; http://meneame.net/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Meneame'/></li>
<li class='sexy-apezz'><a expr:href='&quot; http://apezz.com/submit.html?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Apezz'/></li>
<li class='sexy-bitacoras'><a expr:href='&quot; http://bitacoras.com/anotaciones/&quot; + data:post.url' target='_blank' title='Bitacoras'/></li>
<li class='sexy-enchilame'><a expr:href='&quot; http://enchilame.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Enchilame'/></li>
<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Facebook'/></li>
<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Twitter'/></li>
<li class='sexy-mail'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Enviaselo a un amigo'/></li>
</ul>
<span class='sexy-rightside'/></div>
<!-- Fin Sexy-Bookmarks -->

Ahora remplaza URL DE TU FEED por la direccion RSS de tu Blog
Ejemplo: http://miltrucosblogger.blogspot.com/feeds/posts/default?alt=rss

Donde la tuya puede ser... http://tu-blog.blogspot.com/feeds/posts/default?alt=rss

Click en Vista Previa, para ver que todo este bien, y por ultimo click en GUARDAR PLANTILLA.

Bueno como siempre yo testeo y pruebo los trucos antes de ponerlos aca para verificar que si funciona asi que ante cualquier duda no olvides en preguntar

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "Sexy Bookmarks en Español para Blogger"

Add Comments

Entrada más reciente Entrada antigua Página Principal
Suscribirse a: Comentarios de la entrada (Atom)

Popular Week

  • Scroll infinito en Blogger
    Scroll infinito en Blogger
    Una de las nuevas formas de cargar una pagina web o blog, es el scroll infinito , el cual consta en que a medida que se vaya bajando el con...
  • Últimas Entradas Personalizadas con Icono
    Últimas Entradas Personalizadas con Icono
    Hace unos dias publique una entrada titulada  Ultimos Comentarios Personalizados con Icono ,pues bien despues de probar un rato con los codi...
  • Juegos Android- Otro acierto de Google
    Juegos Android- Otro acierto de Google
    Desde que los celulares con el sistema operativo de Google: Android se volvieron muy populares ha crecido en torno a ellos una gran comunida...
  • Pop Up Me gusta de Facebook para Blogger
    Pop Up Me gusta de Facebook para Blogger
    Un usuario anonimo me pidio un truco tipo PopUp en el se mostrase el boton Me Gusta de Facebook,y buscando un poco he encontrado el tutorial...
  • Plantilla BloggerTube
    Plantilla BloggerTube
    BloggerTube es una de las plantillas mas populares entre los Bloggeros en especial para aquellos que desean crear un blog de videos o musica...
  • Corazón volando por el blog
    Corazón volando por el blog
    Ya casi empieza el mes de febrero,el mes del amor y la amistad y como hay mucho bloguero enamorado que mejor forma de expresarlo que decoran...
  • Numerar  los nuevos comentarios anidados en Blogger
    Numerar los nuevos comentarios anidados en Blogger
    Hace un par de dias que Blogger saco a la luz su nuevo formato de comentarios llamado "Comentarios Anidados" y con ellos vinieron ...
  • Imagen con texto sobrepuesto en Blogger
    Imagen con texto sobrepuesto en Blogger
    En esta oportunidad les traigo un genial truco que consta de una imagen con texto sobrepuesto en Blogger,podras ver el truco en funcionamien...
  • No olvides hacerle SEO a tu web
    No olvides hacerle SEO a tu web
    Ya en Mil Trucos Blogger hemos hablado sobre el SEO, pero hoy hablaremos para que sirve verdaderamente el SEO ya que he recibido muchas duda...
  • Aprender ingles para aprender a bloggear
    Aprender ingles para aprender a bloggear
    El ingles es algo fundamental en todas partes hoy en día  hasta en el mundo del internet y de los blogs es muy importante saber ingles, ya q...

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Blog Archive

  • ►  2014 (20)
    • ►  enero (20)
  • ►  2013 (322)
    • ►  diciembre (34)
    • ►  noviembre (31)
    • ►  octubre (35)
    • ►  septiembre (33)
    • ►  agosto (42)
    • ►  julio (13)
    • ►  junio (17)
    • ►  mayo (26)
    • ►  abril (30)
    • ►  marzo (22)
    • ►  febrero (15)
    • ►  enero (24)
  • ►  2012 (171)
    • ►  diciembre (19)
    • ►  noviembre (20)
    • ►  octubre (13)
    • ►  septiembre (15)
    • ►  agosto (10)
    • ►  julio (10)
    • ►  junio (8)
    • ►  mayo (15)
    • ►  abril (12)
    • ►  marzo (15)
    • ►  febrero (19)
    • ►  enero (15)
  • ▼  2011 (186)
    • ►  diciembre (20)
    • ►  noviembre (16)
    • ►  octubre (16)
    • ►  septiembre (16)
    • ►  agosto (18)
    • ►  julio (19)
    • ►  junio (22)
    • ►  mayo (25)
    • ►  abril (28)
    • ▼  marzo (6)
      • Enumerar comentarios en Blogger
      • Sexy Bookmarks en Español para Blogger
      • Enmarcar y separar comentarios en Blogger
      • Agregar Post Relacionados en Blogger
      • Agrega Emoticones a tu blog
      • Agregar el botón 'Me gusta' de Facebook en Blogger

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

© Mil Trucos Bloggers Published By Kaizen Templates powered by Blogger.com.
All Right Reserved By .