Cómo Agregar Botón Flotante Suscribir de YouTube en Blogger

¿Subes contenido a la plataforma de YouTube?, entonces, te interesa enviar trafico a tus videos y conseguir mas Subs para tu canal. Bueno, en esta entrada voy a desvelarte como agregar el botón de suscripción flotante de YouTube en Blogger y que se adapte a cualquier dispositivo: Pc de escritorio, table o móvil.

Botón flotante Youtube suscribir en blogger


Si quieres aumentar los suscriptores en YouTube, entonces, este es un buen método para conseguir un par de Subs para tu canal. Te digo los pasos para añadirlo en tu Blog:

Como poner el botón de suscribir de YouTube en Blogger

Para colocar el botón flotante de YouTube en Blogger, favor, de seguir los pasos:

  • Ir a Blogger
  • Buscar la opción de Tema
  • Luego, clic en Editar HTML
  • Vamos a copiar el estilo de hoja y el JavaScript en nuestra plantilla HTML.
  • Copia el siguiente CSS3 entre el tag <head> </head>


<link href='https://dl.dropboxusercontent.com/s/xgtg21plgdmbdmj/YT-Flotantes-hoja-de-estilo.css' rel='stylesheet'/>

Copia el código JavaScript antes del tag </body>


<script src='https://dl.dropboxusercontent.com/s/y9mzm7ovnlwyn3a/YT-Flotante.js'/>

Ahora, copia el DIV para llamar la función:

Puedes agregarlo al final de la plantilla de tu Blog antes del tag </body> para que el botón flotante aparezca en todas las entradas.

Sino, puedes agregarlo al final de la entrada que solo desea que aparezca. Para eso usas la versión Vista HTML y copias el siguiente código:


<div class="ytsubscribebuttoncard ytsubscribebuttoncard_hide_in_mobile_no ytsubscribebuttoncard_style_tiny_card ytsubscribebuttoncard_position_bottom_right ytsubscribebuttoncard_scheme_light">
        <div class="ytsubscribebuttoncard_close"><img src="https://dl.dropboxusercontent.com/s/r2dklqio7lyqlho/close.png" alt="Boton cerrar" /></div>
        <div class="ytsubscribebuttoncard_inner">
                                    <div class="ytsubscribebuttoncard_body">
                <div class="ytsubscribebuttoncard_body_inner">
                    <div class="ytsubscribebuttoncard_body_thumbnail">
                        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCjo1QbLa5FqsFm2owtQvtaGOpNjN5CdhLPfjdPV-oF7upRDpZfWB2jJC84Nyc-VV80umEfPzQaoUsxKVDQGQC9Vn35_RFrBj0pSYCPGJZtUJ4cNWs5Upmigl-6xYI9Qdl-WuoPYKR5g/s266/Yo_trabajo.jpg" alt="SEOBlogAriel" />
                    </div>
                    <div class="ytsubscribebuttoncard_body_details">
                        <div class="ytsubscribebuttoncard_body_details_header">
                            <h3><a href="https://www.youtube.com/channel/UCoIjxdBIX7Lp3qmszdkfg4Q" target="_blank">SEOBlogAriel</a></h3>
                     </div>
                        <div class="ytsubscribebuttoncard_body_details_button">
                            <a href="https://www.youtube.com/channel/UCoIjxdBIX7Lp3qmszdkfg4Q?sub_confirmation=1" target="_blank">
                                <span class="ytsubscribebuttoncard_body_details_button_text">Subscribirse</span>
                                                                    <span class="ytsubscribebuttoncard_body_details_button_count">150</span>
                                                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

Reemplaza la URL del canal de YouTube por el tuyo, también, agregas una imagen personalizada.

Recuerda en suscribirte a mi Canal de YouTube, subo contenido de valor y me ayudas a mejorar los videos para ustedes.



1 Comentarios

Déjame un mensaje.

Artículo Anterior Artículo Siguiente

نموذج الاتصال

// Cargamos el SDK de Facebook window.fbAsyncInit = function() { FB.init({ appId : '570341645200786', cookie : true, xfbml : true, version : 'v11.0' }); // Evento que se ejecuta al dar clic en el botón Me Gusta FB.Event.subscribe('edge.create', function(response) { document.getElementById("contenido").style.display = "block"; document.getElementById("boton-fb").style.display = "none"; }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v11.0&appId=570341645200786&autoLogAppEvents=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));