El Fanbox de Facebook, flotante y con efecto deslizante – Phone – Negocios

AunqueFacebook Slide Likebox es una extensión de Joomla también podemos usarlo en Blogger.

Se trata de un gadget que muestra una pestaña en un extremo del blog, y al pasar el cursor sobre ella aparece elfanbox de Facebook con un efecto deslizante. Puedes verlo en esta misma entrada, se encuentra en el lado derecho de la ventana.

El gadget funciona con jQuery que es el que le da ese efecto deslizante, así que usaremos ese script, un poco de CSS y el FanBox de Facebook.

Lo primero es entrar enDiseño | Edición de HTML y antes de/head pega el script:

script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"/script

script type="text/javascript"
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
/script

Ahora antes de/b:skin agrega los estilos:

.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX3xiPUPr9Oy5IhZWDakUJCONGnJy7Pc0jLeEgold-nAIQ9fTjedieIqV_SSNsZqJyDbESCBqzZpfn2NRgfszkbL2YlFhnpMOaiIVwz7iH9qSVNp8i5LGUuvN5fkkQDhcB30pCgl3Ii10/) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}

Por último entra enDiseño | Elementos de la página | Añadir gadget | HTML/Javascript y ahí pega esto:

div class="slide_likebox" div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"spandiv class='likeboxwrap'iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnombre-de-tu-pagina-de-facebook&width=240&colorscheme=light&connections=15&stream=false&header=false&height=350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:320px;" allowtransparency="true"/iframe/div/span/div/div

Ese código contiene el Fanbox, así que cambia donde se indica el nombre de tu página, y listo.
No requiere muchos pasos ni mayor trabajo, a menos que quieras hacerle modificaciones.

La pestaña, así como el fondo del gadget es una imagen, así que si deseas cambiarle el color o tamaño tendrás que editar la imagen que se encuentra en el área de los estilos.
Lo ideal sería no modificar el tamaño, pero en caso de que desees hacerlo deberás -como dije- editar la imagen, cambiar las medidas tanto en los estilos como en el Fanbox, pero además mirar la entrada donde hablamos cómoagregar el fanbox sin borde, pues ese mismo procedimiento hemos usado aquí también, así que ahí podrás ver qué se necesita restar en las medidas del Fanbox.

Pero claro, eso es sólo si quieres modificar su tamaño, sino entonces no necesitarás nada más que los tres primeros pasos y podrás tener esteFanbox de Facebook, flotante y con efecto deslizante en tu blog.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Online Christmas cards Live casino Online casino mesothelioma help Mobile casino motorcycle accident lawyer san francisco Business management software miami personal injury lawyer DUI lawyer mesotheloma Auto Accident Attorney CAR INSURANCE QUOTES UTAH Tech school Hire php developer Make money online Australia Seo services Casino dallas mesothelioma lawyer peritoneal mesothelioma AUTOMOBILE ACCIDENT ATTORNEY Criminal lawyer motorcycle lawyer los angeles donate car for tax credit structured settlement purchasers Insurance Companies Seo company Donate old cars to charity mesothelioma trial attorney Cheap car insurance for ladies Adobe illustrator classes Bankruptcy lawyer florida car insurance company auto accident lawyer san francisco Donate Old Cars to Charity Donate car for tax credit Car insurance in South Dakota mesothelioma lawyer california google adsense Low Credit Line Credit Cards life insurance co lincoln sell annuity payment Casino reviews HOLLAND MICHIGAN COLLEGE Learning adobe illustrator donating used cars to charity DONATE CARS IN MA motor insurance quotes Business Voip Solutions Nunavut Culture event management security futuristic architecture Dwi lawyer mesothelioma attorney Cheap Auto Insurance in VA Service business software DONATING USED CARS TO CHARITY Futuristic Architecture primary pulmonary hypertension Online College Course meso lawyer Custom Christmas cards ROYALTY FREE IMAGES STOCK Donate Cars in MA EMAIL BULK SERVICE Car Donate car accident lawyer san bernardino Hire php developers mesothelioma symptoms CHEAP DOMAIN REGISTRATION HOSTING DONATE OLD CARS TO CHARITY CHEAP CAR INSURANCE IN VIRGINIA royalty free images stock car crash attorneys Hire php programmers st louis mesothelioma attorney Donate Car to Charity California california mesothelioma attorney mesothelioma lawyer dallas Online Classes auto insurance yuba city ca Futuristic architecture criminal defense attorneys florida Cheap domain registration hosting How to Donate A Car in California Car Insurance Quotes Utah Photo Christmas cards FUTURISTIC ARCHITECTURE Proud Italian cook broward county dui lawyer houston motorcycle accident lawyer Donate a Car in Maryland Italian cooking school Mortgage Social media campaigns new york mesothelioma law firm mesotheliama pharmacist jobs in chicago Criminal defense lawyer PSYCHIC FOR FREE Personal Injury Lawyers Php programmers for hire WordPress themes for designers earthlink business internet Donating a car in Maryland Computer science classes online Php programmers Seo companies Best social media platforms for business New social media platforms Car Insurance Quotes Colorado insurance medical temporary Business finance group Social media platforms for business Cheap Car Insurance in Virginia Custom WordPress theme designer