07 julio 2013

Seis botones sociales para tu blog

Seis botones sociales para tu blog
Nadie duda de la importancia de tener botones sociales en nuestro blog para que los lectores puedan seguir y compartir todas las novedades y las noticias más actualizadas del mismo. Y existen un montón de redes sociales que ya quisiéramos tenerlos todos dentro del blog, pero aunque aquello no es posible por obvias razones aparte del espacio, sí podemos poner aquellos que, al pasar el tiempo, se vuelven más populares.

Aquí les traigo unos cuantos botones que bien nos podrían ayudar con ese propósito. Se trata de 6 botones, en los cuales he incluido los que hasta ahora son los más populares de acuerdo a una encuesta.

Puedes ponerlo dentro de tu sidebar como un gadget o si lo prefieres arriba de las entradas, eso ya es tu decisión.
Para ponerlo en el sidebar, entra en Diseño, Añadir gadget html, y copia este código:

<div align='right'>
<div id='top-social-profiles'>
<div class='widget-container'>
<div class='social-profiles-widget'>
<a href='http://twitter.com/YOUR_USERNAME' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBsxz75eYlsP1gCU9p3i48yC7-JkHMXxxf6V1zEVTq8nLjBWTiHx5iXaYZr1fqW_TjBa6Xzo7gBuE0GjEv-sbjileyDcCUSi7C9Wyap5x7Cs71UbwHEcT1D-ZFu8x_6060N7U0JW8ek2Dw/s0/twitter.png' title='Twitter'/></a> <a href='http://facebook.com/YOUR_USERNAME' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivdfexk5Pqitqd35-eK-qL9wz6enACYg4DNMkKqH_7YGKiqTG7m4cNmRs320h_jpVjVUzygWwubkdeYHNQBpix6nZjnXfY9XEUrzb2Og1JT3qRQmV5S8TdD77YqdYhKLoZkV4hBvdGyYPI/s0/facebook.png' title='Facebook'/></a> <a href='https://plus.google.com/XXXXXXXXXXX/posts' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD4PHhkDzrEW53J2KFtjRMHLVKbR8ZLjbCz67JTPBStt86fM1o9UB0YA85HxW8RTMLX2RRayZ058uClEsPTk2A9K6nhexBe9jBfi37vn2aTPwffIgqI-6Qio3c1MD7o1x6mNSdlu_OFc2z/s0/gplus.png' title='Google Plus'/></a> <a href='http://www.linkedin.com/XXXXXXXXXXXXX/' target='_blank'><img alt='LinkedIn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggxDVpibO6SxRUvKLOcJqxQxZN1dXOVOluG84htrJqPMWqkuLxRM7Jf1VJ_jIAJk1Q98vswMwBBPBok8yF8qDdnU0APwa6LYu5GD4nY3B8XGehwuXgk_hdepwsKfFCeRRVQN6zOEg1omDb/s0/linkedin.png' title='LinkedIn'/></a> <a href='http://www.youtube.com/XXXXXXXXXXXXX' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIj-_c6nqVuJPCPesbm_DmT5qBszayvoG-3IrAbYZaZLYzUn-n63cpmaSUHflEdFTOs2S6uSUMnFdrW7HKd_27C-RdPmdo7axnlNJXkVU3lMeg8P9oHoBSj5TfDcSPIXbFU-zxUXzBfek/s506-o/icono_youtube.png' title='Youtube'/></a> <a target="blank" href="http://pinterest.com/XXXXXXXXXXXX/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Xi0EfRUUV38M3Yz-Q_4KKLQd3DejIbFYR4g2XzSoAz0N1vnS2ZF_0i_pGJ3_Kv8KwO3TAPzKbbGucu52CqWyjVANOKzxd7soZkpEjoHpQibYO8nsI_T-qvxZF098CHmke81d1EkQqq8/w80-h28-no/pinterest-button.png" title="Pinterest" /></a>
</div>          
</div>
</div>
<div style='clear:both;'/>
    </div>
<div style='clear:both;'/>
<div>
</div>

Si lo quieres arriba de las entradas, entra en Plantilla, Editar html, y con los artilugios expandidos, busca esta parte del código en tu plantilla:

<div class='post-header-line-1'/>
Justo debajo de él pega el código anterior. Debes reemplazar dode dice YOUR USERNAME con el de tu usuario de Facebook, Twitter, Youtube, Pinterest y linkedln.  

04 julio 2013

Poner videos en el blog sin "videos relacionados"

Poner videos en el blog sin videos relacionados

Cuando subimos un video de youtube  a nuestro blog siempre tenemos que darnos a la idea de que el video que subimos traerá consigo más videos relacionados y que muchas veces no nos son de utilidad. Y sin contar con el hecho de que tenemos que dedicar un tiempo para que el video se descarge, etc. Pues con este pequeño truco solo tendrás que reemplazar el código del video y tendrás la reproducción sin videos relacionados.
El código que tienes que copiar es el siguiente:

<iframe width="560" height="315" src="http://www.youtube.com/embed/9c6W4CCU9M4?rel=0" frameborder="0" allowfullscreen></iframe>

Reemplaza lo que está en rojo por el código del vídeo que quieras mostrar, tal como lo muestra la imagen:


El ancho y el alto del video puedes modificarlo cambiando lo que está en azul. Asegúrate de no eliminar ?rel=0” pues es lo que elimina los videos que vienen relacionados. Así cada vez que quieras poner un video de youtube en tu blog, ya no tendrás que lidiar más con aquellos dichosos videos relacionados.
BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger