Tutorial Cajita para Cbox

Hola~ 

como estan?yo aqui apareciendo con un nuevo tutorial aunque esta vez no encontre una forma correcta de colocar el titulo xD pero al final realmente es una cajita para el cbox ^^ 

 aqui una captura de lo que hablo

   

 Empezemos: 

❤ Añadiremos un gadget Html/Javascript

❤allí pegaremos el siguiente código

<div id="cboxbutton" style="position: fixed; bottom: 8px; right: 16px; width: 150px; padding: 3px; text-align: center; cursor: pointer; background-color: #EDF3F7; border:#C3D7E5 1px solid;border-radius: 3px; font-family: Tahoma, sans-serif; font-size: 14px;" onclick="togglecbox()"><b>Open Cbox</b></div>
<div id="cboxdiv" style="display: none; position: fixed; bottom: 48px; right: 16px; width: 200px; background: #EDF3F7; padding: 3px; line-height: 0;border:#C3D7E5 1px solid;border-radius: 3px;"></div>

<script type="text/javascript">

var cbvis = false;

var cbload = false;

var cbcookie = "cboxvis=";

function togglecbox () {

var cbdiv = document.getElementById("cboxdiv");

var cbbut = document.getElementById("cboxbutton");

if (!cbvis) {

if (!cbload) {

cbdiv.innerHTML = 'Codigo Cbox ';

cbload = true;

}

cbdiv.style.display = "block";

cbbut.innerHTML = "Close Cbox";

}

else {

cbdiv.style.display = "none";

cbbut.innerHTML = "Open Cbox";

}

cbvis = !cbvis;

document.cookie = cbcookie+((cbvis)?1:0);

}

// Toggle Cbox open if it was previously

var cbcookiei = document.cookie.indexOf(cbcookie);

if (cbcookiei >= 0) {

if (document.cookie.substring(cbcookiei+cbcookie.length, cbcookiei+cbcookie.length+1) === "1") {

togglecbox();

}

}

</script>

❤pueden ir jugando con los valores hasta que quede al gusto de ustedes

y como ya es normal en tutoriales de aqui, eso es todo,siempre facilito n_n