El tutorial funciona perfecto la ultima vez que lo ejecute fue el 02 de marzo del 2011.
Wibiya es una barra de herramientas sociales (Social Toolbars) para tu sitio web, compatible con casi todo los blog, foros y CMS de hoy en día, lo mejor de todo es que la puedes crear en 3 simples click.
La particularidad de esta herramienta es que es muy configurable e incluye un infinidad de opciones muy llamativas ademas es compatible con todo los navegadores, lo malo de ella es el Power By Wibiya con una imagen que colocan al final de la misma.
Existe una opción Premium donde pueden cancelar 10 dolares mensuales y remover los créditos ademas de añadir mas aplicaciones a tu barra.
El hecho de que sea mensuales me desagrado un poco 120 dolares anuales, es una cifra considerable asi que tuve que buscar una opcion mas al alcanse de mi bolsillo.
Una imagen con los créditos no es tan malo en un principio, pero como ademas añaden créditos en casi todo sus widgets mas los creditos de terceros en las aplicaciones, supuse que no habría problema en quitar al menos este y ahorrar el espacio en mi toolbar.
En fin estuve Googleando un poco y no encontré mas información al respecto, llegue al foro oficial de Wibiya y encontre un post donde al azar a algunos usuarios que lo solicitan les remueven los créditos de la barra mientras conserven los demás (con la infinidad de usuario y antiguedad del post podrán darse cuenta, es lentísimo), pero como no creo en el azar busque la manera de quitarlos yo mismo.
y bueno aquí un pequeño tutorial para que lo puedan hacer ustedes.
En el siguiente tutorial mencionamos la forma de ocultar los créditos añadidos por wibiya para poder ahorrar un poco de espacio en nuestra Barra Social, sin embargo no dejamos de mencionar la procedencia de la herramienta, tampoco manipulamos su código ni las menciones de terceros.
De la misma forma puedes buscar mas información en los foros oficiales de Wibiya y solicitar que remuevan el crédito, pero no se que tan efectivo sea esto o si aun se aplica.
Por favor recuerda aclarar en tu sitio que la Social Toolbar que ocupas es cortesia de Wibiya y asociados.
Paso 1: Creemos nuestra Toolbar en http://www.wibiya.com. ¿era obvio no?
Paso 2: nos entregaran un codigo que añadir en nuestro sitio, debería verse como algo por el estilo:
<script src="http://cdn.wibiya.com/Toolbars/dir_0715/Toolbar_5153/Loader_5153.js" type="text/javascript"></script> <noscript><a href="http://www.wibiya.com/">Web Toolbar by Wibiya</a></noscript>
Tomaremos la url “http://cdn.wibiya.com/Toolbars/dir_0115/Toolbar_5153/Loader_715.js” y descargaremos ese archivo a nuestro computador.
Paso 3: Con NotePadd++ o el simple Block de notas buscaremos al final de ese archivo las siguientes lineas
wibiyadomain="http://cdn.wibiya.com/Toolbars/dir_0115/Toolbar_5153/";
if(wibiyaToolbar.nc=="true")jQuery.noConflict();
var altToolbar=getQueryParam("toolbarObjId");
if(typeof(startGallery)=="function"||jQuery.browser.msie||wibiyaToolbar.pl=="true"){
var wibiyaScriptSrc;jQuery(document).ready(function(){
if(typeof altToolbar=="undefined"){
wibiyaScriptSrc=wibiyadomain+"toolbar_5153_4d5d2a112b4e4.js";}
else{
wibiyaScriptSrc=altToolbarUrl(altToolbar);}
loadWibiyaToolbar(wibiyaScriptSrc);});}
else{
if(typeof altToolbar=="undefined"){
wibiyaScriptSrc=wibiyadomain+"toolbar_5153_4d5d2a112b4e4.js";}
la primera ruta que necesitamos es wibiyadomain=”http://cdn.wibiya.com/Toolbars/dir_0115/Toolbar_5153/” y wibiyaScriptSrc=wibiyadomain+”toolbar_5153_4d5d2a112b4e4.js” (Donde WibiyaDomain es la carpeta donde esta el js de wibiya)
Tomaremos estas 2 URL y haremos una sola, deberia quedar algo así: “http://cdn.wibiya.com/Toolbars/dir_0115/Toolbar_5153/oolbar_5153_4d5d2a112b4e4.js”
Descargamos ese archivo a la computadora y preparémonos para editarlo.
Paso 4: tomaremos el archivo oolbar_5153_4d5d2a112b4e4.js y lo editaremos con nuestro editor favorito, ya sea notepad, notepad++, dreamweaver, etc.
dentro de el buscamos las siguientes lineas:
<div class="TBcontainerDiv " show="yes"> <table cellspacing="0" border="0" cellpadding="0" class="itemTable"> <tbody> <tr> <td> <div class="WibiyaToolbarIcon_03077" show="no"/> </td> <td> <span class="wibiyaToolbar_itemText" style="margin: 0px !important;"> </span> </td> </tr> </tbody></table> </div>
Nota: Pueden que las lineas cambien dependiendo del theme de la toolbar, si no lo encuentran no se preocupen, busquen alguna referencia de esas lineas o similares y bórrenlas o comentenlas.
Con esto ya eliminamos la imagen de Power By Wibiya de nuestra barra, ahora solo nos queda cargar nuestro nuevo .js
Paso 6: ¿Muchos pasos?, tranquilo, no es tan complejo como parece.
Ahora volveremos al archivo “Loader_715.js” si no recuerdan cual es, es el primero que descargamos.
en el buscaremos nuevamente estas lineas.
wibiyadomain="http://cdn.wibiya.com/Toolbars/dir_0115/Toolbar_5153/";
if(wibiyaToolbar.nc=="true")jQuery.noConflict();
var altToolbar=getQueryParam("toolbarObjId");
if(typeof(startGallery)=="function"||jQuery.browser.msie||wibiyaToolbar.pl=="true"){
var wibiyaScriptSrc;jQuery(document).ready(function(){
if(typeof altToolbar=="undefined"){
wibiyaScriptSrc=wibiyadomain+"toolbar_5153_4d5d2a112b4e4.js";}
else{
wibiyaScriptSrc=altToolbarUrl(altToolbar);}
loadWibiyaToolbar(wibiyaScriptSrc);});}
else{
if(typeof altToolbar=="undefined"){
wibiyaScriptSrc=wibiyadomain+"toolbar_5153_4d5d2a112b4e4.js";}
y agregaremos una nueva variable bajo wibiyadomain en mi caso la llamare aimboxdomain y le asignaremos la ruta donde cargaremos el segundo .js que editamos “toolbar_5153_4d5d2a112b4e4.js” pero solo asignaremos la ruta de la carpeta donde se encuentra y no la ruta completa, deberia quedar algo así.
wibiyadomain="http://cdn.wibiya.com/Toolbars/dir_0115/Toolbar_5153/"; aimboxdomain="http://www.aimbox.net/mitoolbar/";
ya queda poco.
ahora en el mismo archivo buscamos las siguientes lineas (deberían estar un poco mas abajo)
if(typeof altToolbar=="undefined"){
wibiyaScriptSrc=aimboxdomain+"toolbar_5153_4d5d2a112b4e4.js";}
else{
wibiyaScriptSrc=altToolbarUrl(altToolbar);}
loadWibiyaToolbar(wibiyaScriptSrc);});}
else{
if(typeof altToolbar=="undefined"){
wibiyaScriptSrc=aimboxdomain+"toolbar_5153_4d5d2a112b4e4.js";}
ya le agregamos el nombre del segundo archivo que editamos, yo le cambie el nombre, si ustedes no lo cambiaron, puede que no sea necesario.
debería quedar algo así.
if(typeof altToolbar=="undefined"){
wibiyaScriptSrc=aimboxdomain+"TU-ARCHIVO-EDITADO.js";}
else{
wibiyaScriptSrc=altToolbarUrl(altToolbar);}
loadWibiyaToolbar(wibiyaScriptSrc);});}
else{
if(typeof altToolbar=="undefined"){
wibiyaScriptSrc=aimboxdomain+"TU-ARCHIVO-EDITADO.js";}
Paso 7: Por fin lo ultimo.
Agregamos el siguiente codigo en el header de nuestra web, blog o foro y ya tenemos nuestra toolbar lista =).
<script src="http://www.tu_web.dlt/Tu_loader.js" type="text/javascript"></script> <noscript><a href="http://www.wibiya.com/">Web Toolbar by Wibiya</a></noscript>
Ejemplo: http://www.aimbox.net/mitoolbar/loader.js es la rua donde subieron sus archivos.
Resultados:
esta genial la guia ….muy entrenido y util
algo grato de aprender y leer.
I like XD
Hice todos los pasos y en efecto me sale la barra, pero sigue con el by wibiya
Quizás borraste la linea equivocada.
en la linea
class=”WibiyaToolbarIcon_03077
el numero es e equivalente a tu cuenta, verifica que sea correcto.
He intentado por todos los medios, pero no he podido.
Mi código inicial es: cdn.wibiya.com/Toolbars/dir_0656/Toolbar_656118/Loader_656118.js
Tu ayuda es muy valiosa para mí.
Por favor, ayúdame a suprimir el “Powered by Wibiya” de mi sitio web. Gracias.
http:// reescriba.com
este tutorial ya no sirbe mas debido a que wibiya cambios sus archivos js y su formato , tendrias que ponerlo :S