Cool widget Facebook sur votre site

voila une widget Facebook pour installer sur votre site !
c'est une voiture qui apparaitre en bas du votre site et le travers du droit vers le gauche , si un visiture clique sur elle , il seras redirigé vers votre Page !
j'ai choisis ce example parce qu'il est simple a installer !
il suffit de copier/coller ce code dans le widget du votre blog :

<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="http://outil-du-web.blogspot.com/" target="blank"> <abbr title="outil-du-web"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFTtAF62ltAoSMgph9bG5Igum5QS8zp6nSyxYCwJ4QXnpd5Qljp0YBssQLwEVf39qTgAj7NylF5U-z38MKqSjLyt2-LSMnv6kt3ZrM0xiaFuM5-XslAMlmCj4_94Z6O1mwLMWNpDxVO6YV/s69/I1.png" /> </abbr> </a> </marquee> </div>                                                                                                                        


#remplacer le texte en rouge par votre titre et le texte en jaune par le lien de votre page. merci de commenter @++ :D

Read more ...

Installer facebook comment box sur ton Site/blog

salut a tous de nouveau sur outil-du-web :) aujourd'hui j'ai un script pour mettre comment box de facebook sur votre site-web , blog ....
voila un example :

voila le code en HTLM 5 :

<div id="fb-root"></div>

<script>(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 = "//connect.facebook.net/fr_FR/all.js#xfbml=1";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="http://outil-du-web.blogspot.com/" data-num-posts="2" data-width="470"></div>

vous peuvez changer le taille en remplacent le nmbr "470" avec la valeur ...

remplacer l'url http://outil-du-web.blogspot.com/ avec l'url de votre site web .

remplacer le nombre "2" avec le nombre des commentaire pour afficher !!  @++

Read more ...

installer wibiya toolbar.

salut a tous de nv !! :D

J'ai un nouveaux gadget pour vos blogs !! c'est wibiya toolbar !! 

 voila un capture d'écran !

vous peuvez modifier les application en bas !!



1- accéder a wibiya .
2- finir l'inscription.
3- personaliser votre ToolBar.
4- ajouter a blogger .

@++ :D

voila une simple video pour vous aider !

Read more ...

Générateur de boutons de partage bookmark

Voici le code à copier sur votre site internet pour afficher le bookmarker. Il vous suffit de copier directement de code dans la page désirée, et le tour est joué. 

<div id="bookmarker_3354"><noscript>Javascript est desactiv&eacute; - <a href="http://www.supportduweb.com/">Support du web</a> - <a href="http://www.supportduweb.com/generateur-boutons-partage-share-button-bookmarker-web20-facebook-twitter-delicious-digg-bookmarks.html">Boutons partage bookmark</a></noscript></div><script type="text/javascript" src="http://services.supportduweb.com/bookmarker/2-3354.js"></script>

@++

Read more ...

Gadget Fans sur Facebook flottant sur Blogger

Je ne sais pas pour vous, mais moi j'aime bien le gadget Module Social Facebook  (Fans sur Facebook) flottant que je vois sur certains blogs. Au repos, le gadget affiche juste un petit logo Facebook sur le coté droit de votre blog, logo qui reste fixé au même endroit, que le lecteur monte ou descende la page. 

Lorsque la souris passe sur le logo, celui-ci s'étend pour afficher le Module social Facebook,

Pour afficher ce Gadget Module Social Facebook flottant sur votre blog, voici les étapes à suivre : 

1- connecter a blogger .

2- Trouvez la balise  </head>  et collez le code suivant juste avant :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Enregistrez votre modèle. clique sur ctrl+F pour rechercher :D.

3- Allez sur "Eléments de la page", cliquez sur "Ajouter un gadget" sur votre sidebar et choisissez "HTML/Javascript".

4- Collez le code suivant dans votre nouveau Gadget HTML/Javascript :

<script type="text/javascript"> //<!-- 
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 
500);}); //--> </script> 
<style type="text/css"> 
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1dXySfcIaGTRQZ1DH3ZbNyJcPtgkBq-cWpr_rGbL_RXkmra-lgEZ1DEN1HFDNCET2YwXOlct_fOZeXzGefddA9VB276WhXpXNlzpZqjDcu34Zmt0N-NKFFnxib9KiUQaLxDdQg_Xna2H2/s1600/facebook1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
.w2bslikebox div{border:none;position:relative;display:block;} 
.w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
.w2bslikebox span a{color: #FF9D00;text-decoration:none;} 
.w2bslikebox span a:hover{text-decoration:underline;} 
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=urldevotrepagefacebook&amp;
width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=8&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://blogger-au-bout-du-doigt.blogspot.com/2012/04/gadget-fans-sur-facebook-flottant-sur.html">Avoir ce gadget</a></span></div></div> 

Remplacez l'url en rouge par celle de la page des Fans de votre blog sur Facebook, puis cliquez sur "Enregistrer" et allez voir ce que ça donne sur votre blog. @+++

Read more ...

Générateur barre verticale avec boutons de partage sur réseaux sociaux

ok aujourd'hui je veux montrer comment installer un barre vertical avec des modules sociaux sur blogger.


video :

Voila un Capture écran pour l'example

 

on commence ???

1- accéder a ce site ! http://www.bloggerthemes.net/gadgets/social-media-buttons-for-blogger/ 

voila les images qui explique tous !! :D

 

 

 

 merci de laisser vos commentaires .

Read more ...