Code HTML a placer dans Javascript

[Ejayremy]

Bonjour,

Je n'ai pas trouvé mieux comme titre mais voici mon problème : J'ai un code HTML que je souhaite faire apparaitre sur toutes les pages de mon forum. Cependant, je ne souhaite pas ajouter sur mon forum de Widgets et donc, je ne sais pas ou placer ce code afin qu'il soit actif.

Code:

<div class="addthis_toolbox addthis_default_style" style="position:absolute ;right:430px; top:05px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fejayremy&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=165189773567340" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe><a href="https://twitter.com/Ejayremy" class="twitter-follow-button" data-show-count="false" data-lang="fr">Suivre @Ejayremy</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <!-- Placez cette balise où vous souhaitez faire apparaître le gadget Bouton +1. --><div class="g-plusone" data-size="medium" data-annotation="none"></div>

<!-- Placez cette ballise après la dernière balise Bouton +1. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'fr'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script> <a href="http://www.youtube.com/user/ejayremyjv?sub_confirmation=1" target=_blank><img src="http://i81.servimg.com/u/f81/09/01/05/17/logo_y10.gif"></a></div><div class="addthis_toolbox addthis_default_style" style="position:absolute ;right:480px; top:33px;"><img src="http://i81.servimg.com/u/f81/09/01/05/17/concou10.png"><a href="http://www.ejayremy.fr/h4-concours-les-stagiaires"><img src="http://i81.servimg.com/u/f81/09/01/05/17/stag10.png" style="border:solid 1px #000000;" title="Concours Les Stagiaires">   </div>

J'ai tenté de l'ajouter dans le module annonce mais sans succès, enfin, a moitié car le code laisse apparaitre des image censé être en haut à droite mais en plaçant ce code dans le module annonce il place ces images en haut à droite mais du module annonce en lui même et non ma page web ...
De même, j'ai testé en plaçant ce code dans un module javascript et sur toute les pages mais il n'affiche rien.

Alors ou faut il placer mon code ci-dessus pour mon forum ?
Merci de votre aide.

[Lixyr]

Bonsoir.

Et si vous faites ainsi ?

panneau d'administration >> modules >> gestion des codes javascripts

 Premier code
- créer un nouveau javascript
- titre : faux widget de partage
- cocher : sur toutes les pages
- code :

Code:

jQuery(document).ready(function() {
          jQuery('body').append('<div class="addthis_toolbox addthis_default_style" style="position:absolute ;right:430px; top:05px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fejayremy&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=165189773567340" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe><a href="https://twitter.com/Ejayremy" class="twitter-follow-button" data-show-count="false" data-lang="fr">Suivre @Ejayremy</a><!-- Placez cette balise où vous souhaitez faire apparaître le gadget Bouton +1. --><div class="g-plusone" data-size="medium" data-annotation="none"></div><a href="http://www.youtube.com/user/ejayremyjv?sub_confirmation=1" target=_blank><img src="http://i81.servimg.com/u/f81/09/01/05/17/logo_y10.gif"></a></div><div class="addthis_toolbox addthis_default_style" style="position:absolute ;right:480px; top:33px;"><img src="http://i81.servimg.com/u/f81/09/01/05/17/concou10.png"><a href="http://www.ejayremy.fr/h4-concours-les-stagiaires"><img src="http://i81.servimg.com/u/f81/09/01/05/17/stag10.png" style="border:solid 1px #000000;" title="Concours Les Stagiaires"></div>');
        });

- valider

 Deuxième code
- créer un nouveau javascript
- titre : widget - twitter
- cocher : sur toutes les pages
- code :

Code:

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');

- valider

 Troisième code
- créer un nouveau javascript
- titre : widget google +1
- cocher : sur toutes les pages
- code :

Code:

window.___gcfg = {lang: 'fr'};
(function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
          })();

- valider

[Ejayremy]

Ca passe parfaitement merci.
Une dernière chose, comment ajouter juste un espace entre les widget Twitter/Google et image Youtube svp ?

Merci

EDIT, j'ai trouvé merci beaucoup pour votre aide.