31/1/13

Tutorial Box Floating Followers


Hello
vengo a dejarles un tutorial pedido por Sofii el cual es como poner los seguidores como los tengo yo. 
empezemos:


   

Primero:
Debo decir que este tuto es un poco mas difícil...
tendrán que agregar el gadget de seguidores y colocarle como titulo "seguidores" para luego ir
al código de fuente de sus blog y alli buscar con Ctrl +F la palabra "seguidores" 
allí copiaran el script que comienza en la 4 linea debajo de la palabra seguidores hasta el script que dejare  en la imagen



cuando tengan hecho eso copialo y guardalo lo usaremos despues.

Ahora
           ❤ Añadiremos un gadget Html/Javascript 
 allí pegaremos el siguiente código
si usas blogskin debes pegar el suiguiente codigo antes </head>


<style>
.y {
border-radius: 0px 15px 15px 0px;
width:49px;
padding:10px;
height:9px;
margin-top:30px;
margin-left:255px;
background: #353535;
color:lightpink;
font-size:12px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus {
position:fixed;
border:1.5px dashed #ACACAC;
width:251px;
left:-267px;
top:150px;
height:82px;
padding:4px;
text-align:left;
font-size:8pt;
font-family:century gothic;
background-color:#353535;
background-image:url();
background-position:right;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus:hover {
left:1px;
}
</style>
<center><div id="kotakstatus"><div class="y">
Seguidores</div>
<div style="margin-top: -100px;">
<br /><div id="face" style="text-align: center; line-height: 0">
<div><p><!--code sweet candy--><!--code by tetsuki--><p>
<p><br /><p>
<br/><p>
AQUI EL CODIGO DEL LOS SEGUIDORES</p></p></p></p></p></div></div></div></div></center>



y eso seria todo,luego dan guardar y listo,claro que no olviden despues borrar el gadget el cual le colocaron seguidores para encontrar el codigo n_n

cualquier duda pueden preguntar y les constestare lo antes posible ^^

14 comentarios:

  1. Haha linda yo utilizo plantilla blogskin, ¿podrás hacerla con esa plantilla al tuto?

    ResponderEliminar
    Respuestas
    1. listo!...arriba sale donde debes pegar el codigo para blogskin ^^

      Eliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  3. pero primero agregaste el gadget de seguidores? porq si no lo agregaste,creo que ese seria el problema ^^

    ResponderEliminar
  4. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. si usas google chrome podras encontar haciendo click en tu blog con el boton derecho del mouse te saldra un cuadrito y alli dice ver codigo de fuente de la pagina.

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
    3. debes ir jugando con los valores del width y el
      left hasta que quede a tu gusto ^^

      Eliminar
    4. Este comentario ha sido eliminado por el autor.

      Eliminar
    5. Este comentario ha sido eliminado por el autor.

      Eliminar
    6. de nada y no olvides después eliminar el gadget que hiciste de los seguidores n_n
      para que solo después te quede la caja flotante de los seguidores

      Eliminar
    7. Este comentario ha sido eliminado por el autor.

      Eliminar
  5. buscaba esto hace mucho gracias!!!!
    lindo bloggie >w<

    ResponderEliminar