Tutorial Caja DeslizantePara contacto

Y ahora mis blogueritas les traigo otro tutorial donde podrán tener todo los link de contacto 

ordenaditos como el facebook,twitter,etc.. 

 Empezemos: 

 ❤ Panel de Control →Modificar Plantilla→ Html 

 ❤ Ctrl + F o F3 para buscar ]]> 

 ❤ y antes del ]]> pega el siguiente codigo

a.networks {

text-decoration: none;

border: 1px solid #fff;

text-align:center;

 margin:2px;

 width:140px;

text-transform: uppercase;  

font-family:consolas;

 font-size:10px;

 color: #333;

 display:inline-block;

letter-spacing:1px;

background: #f6f6f6;

}  

.cont {

padding-left:10px;

padding-right:10px;

border-top-right-radius:10px;

border-top-left-radius:10px;

background:#d0e6f9;

}

#box {

text-align: center;

position:fixed;

right:10px;

bottom:-110px;

width:170px;

-webkit-transition: all .5s ease-in-out;

-moz-transition: all .5s ease-in-out;

-o-transition: all .5s ease-in-out;

z-index:999;

}

 #box:hover {

bottom:-6px;

}

 #contit {

font: 9px century gothic;

letter-spacing:2px;

color:#000;

}

Luego:

❤Añadiremos un gadget Html/Javascript

❤ allí pegaremos el siguiente código

<div id="box">

<div class="cont">

<div id="contit" style="padding-top:3px;">contact</div><br>

<a class="networks" href="url ">link1</a><br>

<a class="networks" href="url">link2</a><br>

<a class="networks" href="url">link3</a><br>

<a class="networks" href="url">link4</a><br>

<a class="networks" href="url">link5</a><br><br>

</div></div>

url:aqui deben poner la url de su facebook,twitter,etc...

link:aqui el nombre del link que colocaron,si fue el twitter o facebook,etc...

espero les haya gustado el tutorial,no olvides dar los creditos si lo utilizas n_n

bye nya~