Botones flotantes para compartir de Facebook, Twitter y Google +1 – Car – Arquitectura – Colleges

Hace ya algo de tiempo vimos cómo poner losbotones de compartir de Facebook y Twitter en la parte superior de las entradas, pero ahora veremos cómo ponerlos en modo flotante tal como el ejemplo de este mismo post, verás que aun con subir o bajar el scroll de la página los botones permanecen ahí (en el lado izquierdo).

Además delbotón Me gusta de Facebook, elbotón para twittear, se ha incluido elbotón +1 de Google.

Veremos cómo ponerlos de dos formas, o mejor dicho, con dos funciones diferentes, la primera será para que sólo se muestren en las entradas y que su función sea compartir (o recomendar) la entrada donde se ha hecho click en el botón.

La segunda opción será mostrarlo en todas partes inclusive en la portada, pero con la diferencia que no será para compartir las entradas, sino el blog completo.

El procedimiento es sumamente sencillo, sólo hay que entrar enDiseño | Edición de HTML, marcar la casillaExpandir plantillas de artilugios, y pegar antes de/b:skin lo siguiente:

table#RedesSociales{
position:fixed;
top:150px;
left:5px;
z-index:200;
}

Ahora busca esta línea:

!-- clear for photos floats --

Debajo de ella agrega este código:

b:if cond='data:blog.pageType == "item"'
table border='0' cellpadding='6' id='RedesSociales'tbody

trtdiframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=63&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:63px'//td/tr

trtda class='twitter-share-button' data-count='vertical' data-lang='es' href='http://twitter.com/share'Tweet/ascript src='http://platform.twitter.com/widgets.js' type='text/javascript'//td/tr

trtdscript src='http://apis.google.com/js/plusone.js' type='text/javascript'/g:plusone size='tall'//td/tr

/tbody/table
/b:if

Guarda los cambios y listo. Eseservirá para que se compartan las entradas individuales, así que no se verán en la portada, sólo ingresando a un post.

Pero si lo que quieres es compartir o que se recomiende la URL de tu blog yno las entradas, entonces en lugar de ese código, el que pondrías sería este:

table border='0' cellpadding='6' id='RedesSociales'tbody

trtd<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http://nombre-de-mi-blog.blogspot.com&layout=box_count&show_faces=false&width=73&height=60&action=like&font=tahoma&colorscheme=light' style='border:none; overflow:hidden; width:73px; height:60px'></iframe>/td/tr

trtda class='twitter-share-button' data-count='vertical' data-lang='es' data-text='Título del blog' data-url='http://nombre-de-mi-blog.blogspot.com' href='http://twitter.com/share'Tweet/ascript src='http://platform.twitter.com/widgets.js' type='text/javascript'//td/tr

trtdscript src='http://apis.google.com/js/plusone.js' type='text/javascript'/g:plusone href='http://nombre-de-mi-blog.blogspot.com' size='tall'//td/tr

/tbody/table

En este caso, hay que poner los datos que se indican en color rojo. Si usas un dominio propio entonces no pongas .blogspot.com sino la extensión de tu dominio propio. Por ejemplo, en lugar de ciudadblogger.blogspot.com sería ciudadblogger.com

En ambos casos podemos cambiar la posición de los botones, eso se controla en el primer código.

top:150px; es la distancia que habrá desde arriba, con un valor más alto los botones se bajarán.

left:5px; es la distancia que tendrán desde al lado, left indica que estarán a la izquierda, si los quieres a la derecha cambialeft porright

Y listo. Otra forma de ofrecerle a los lectores la posibilidad de que valoren nuestro blog y entradas en las diferentes redes sociales.

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 history FIFA World Cup,smart,huge/big,scienciemedia,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling 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

earthlink business internet CHEAP CAR INSURANCE FOR LADIES EMAIL BULK SERVICE cheap auto insurance in va low credit line credit cards Best social media platforms WordPress hosting Paperport promotional code supportpeachtreecom DUI lawyer Adobe illustrator classes mesothelioma settlements amounts Casino reviews Online Stock Trading car insurance quotes pa motor insurance quotes Hire php programmers canada personals yahoo miami personal injury attorney Php programmers Html email Online casino Donate your car Sacramento SELL ANNUITY PAYMENT Criminal defense lawyer Dedicated Hosting Dedicated Server Hosting Psd to WordPress Casino Mobile casino Make money online Australia integrated ehr Online Classes motorcycle lawyer los angeles Hire php developer Claim Live casino selling annuity Paperport Promotional Code BETTER CONFERENCING CALLS mesothelioma lawyer chicago Custom WordPress theme designer CHEAP AUTO INSURANCE IN VA houston tx auto insurance ONLINE MOTOR INSURANCE QUOTES Social media platforms structured settlement annuity companies firm law mesothelioma motorcycle accident attorney chicago accident attorney san bernardino mesothelioma california law lemon DONATE CARS ILLINOIS online colledges Criminal lawyer Social media campaigns Hire php developers mesothelioma claims Futuristic Architecture Service business software criminal defense attorneys florida Personal Injury Lawyer att call conference Dwi lawyer Social media examiner new mexico mesothelioma lawyer Car Donate Hard drive Data Recovery Services Sell Annuity Payment Nunavut Culture mesothelioma cases donating used cars to charity Photo Christmas cards compare life assurance Email bulk service Seo services ashely madis structured settlement need cash now chicago hair laser removal ROYALTY FREE IMAGES STOCK DONATE YOUR CAR FOR KIDS CAR INSURANCE QUOTES MN Better Conference Calls accident attorney in los angeles injury lawyers selling structured settlement business administration masters Php programmers for hire Bankruptcy lawyer Computer science classes online car accident lawyer michigan Car Accident Lawyers Car Insurance Quotes Colorado Italian cooking school personal injury solicitor motorcycle accident lawyer san francisco Seo companies Best social media platforms for business Online Motor Insurance Quotes HOME PHONE INTERNET BUNDLE New social media platforms Business finance group Social media platforms for business Mortgage Adviser car insurance quotes Motor Replacements Car Insurance Quotes MN Massage School Dallas Texas refinance with poor credit Mortgage Best Seo company workers compensation lawyer los angeles world trade center footage Structures Annuity Settlement Business management software Social media management