How to Add Floating YouTube Subscribe Button in Blogger

Do you upload content to the YouTube platform? So, you are interested in sending traffic to your videos and getting more Subs for your channel. Well, in this post I'm going to reveal to you how to add the YouTube floating subscription button in Blogger and that it adapts to any device: desktop PC, tablet or mobile.

Youtube subscribe floating button in blogger


If you want to increase subscribers on YouTube, then this is a good method to get a couple of Subs for your channel. I tell you the steps to add it to your Blog:

How to put the YouTube subscribe button in 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.

Remember to subscribe to my YouTube Channel , I upload valuable content and help me improve the videos for you.



Publicar un comentario

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'));