Ajouter le bouton "Souscrire" à une chaine Youtube à un site

Si vous avez une chaine Youtube, vous pouvez ajouter ce simple bouton «Souscribe» S'abonner sur votre site web qui permettra aux visiteurs de s'abonner à votre chaine YouTube avec un seul clic sans avoir à quitter votre emplacement pour aller au site YouTube.

Par exemple, voici un bouton "live" d'abonnement pour ma chaine vidéo sur YouTube:

Pour intégrer ce bouton à votre propre site web, il suffit de copier-coller le bloc suivant de code HTML n'importe où dans votre site web (utiliser l'affichage Code dans Dreamweaver). N'oubliez pas de remplacer dans l'URL XYX par le nom de votre chaine YouTube.

<iframe src="http://www.youtube.com/subscribe_widget?p=XYZ"
style="overflow: hidden; height: 105px; width: 300px; border: 0;"
scrolling="no" frameBorder="0">
</iframe>

Ce cadre est facilement intégrable à une page. Vous modifier les dimensions du cadre de la façon suivante:

Hauteur: modifier en agrandissant ou en réduisant la valeur exprimée en px (pixels) dans: height: 105px. Mettez une valeur à la place de 150 si vous voulez agrandir ou réduire le cadre afin qu'il s'intègre au mieux à la'endroit où vous voulez le placer dans votre page de site.

Largeur: modifier en agrandissant aussi ou en réduisant la valeur exprimée en px (pixels) dans: width: 300px. Mettez vos propres dimensions. Par exemple, si l'endroit dans lequel vous voulez insérer le cadre Souscrire à une chaîne est plus petit en largeur que 300px, réduisez cette valeur et mettez ce qui convient. Essayez vos valeurs jusqu'à obtention des meilleurs dimensions du cadre.

Bordure: si vous voulez ajouter une bordure au cadre, mettez une valeur numérique à la place de 0 qui veut dire ici que le cadre est sans bordure.

Pour les autres valeurs, laissez-les telles quelles.

overflow: hidden ordonne au navigateur de ne pas afficher les débordements de textes inutiles.

scrolling="no" ne pas mettre de barre de dégilementy dans le cadre.

frameBorder="0" pas de bordure pour le frame.

 

   

 

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site