Affichage des articles dont le libellé est Facebook. Afficher tous les articles
Affichage des articles dont le libellé est Facebook. Afficher tous les articles

lundi 24 juin 2013

Photo Zoom pour Facebook

Unknown | 09:46 | | 1 Comment so far




Voila un nouveau extension pour votre navigateur pour faire zoomer les photos sur Facebook sans cliquer sur le-quelles , il suffit de passer le curseur de souris pour zoomer la photo.

Tutorial Google Chrome :  

Pour installer l'extension accéder a cette page.





C'est tous pour aujourd'hui l’extension a été installer avec succés , si ca fonction pas essayer de faire ça : 

paramètre > extension > (vous allez voire l'icon d'extension) cocher la cas activer



merci de partager ce tutorial et de visiter notre blogger pour des nouveau astuce :D @++




Read more ...

jeudi 13 juin 2013

Enlever la "VU" du Facebook

Unknown | 12:57 | | 1 Comment so far



salut a tous de nouveau dans >outil-du-web.blogspot.com < j'ai un nouveau astuce pour enlever la VU du facebook .. 
si vous avez lire un message de votre ami(e) , tqt ca ce marque pas comme VU . 
c'est simple a installer alors suivez le lien dans la description et installer le plugin suivant , et commancer a utuliser facebook .. 
cliquer ici
pour les utulisateurs de google chrome 

Cliquer ici
Mozilla Fire Fox

PS : c'est pas un virus , c'est uploadez sur le google store alors tqt just simples cliques .. voire le TUTO :D voila : FB unseen voila il est installer si ca marche pas laisser un commentaire je vous contact :D @A 
Read more ...

samedi 23 février 2013

Cool widget Facebook sur votre site

Unknown | 10:21 | | | | 3 Comments so far




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 ...

samedi 22 décembre 2012

Changer le théme Facebook en 5 Minute !!

Unknown | 03:04 | | | Be the first to comment!
en attend de l'explication par video !!!
Avec Google Chrome :1. Installez ce module, allez sur facebook et cliquez sur l’icone du module 
2. Cliquez sur Find more styles for this site
3. Choisissez et installer votre thème.



Etape 1 : Pour commencer, installez ce module (Stylish).

Etape 2 : Une fois l’installation terminée, vous verrez un petit icone apparaître en haut à droite, ressemblant à ceci : 
  • Cliquez dessus en étant sur une page Facebook.
  • Cliquez sur « Find more styles for this site ».
  • Choisissez un thème parmi la liste.
  • Cliquez sur le bouton « Install with Stylish ».

Etape 1 : Pour commencer, installez ce module (Stylish).
Etape 2 : Une fois l’installation terminée, vous verrez un petit icone apparaître en bas à gauche, ressemblant à ceci : 
Remarque :  Si il n’aparait pas ou si vous avez fermé la barre sans le vouloir, apuyez en meme temps sur la touche « Ctrl » et la touche « / » de votre clavier afin de faire réapparaître l’icone, ou bien relancez Firefox si ça ne fonctionne toujours pas.
  • Cliquez dessus en étant sur une page Facebook.
  • Puis cliquez sur « Trouver des styles pour ce site… ».
  • Choisissez un thème parmi la liste.
  • Cliquez sur le bouton « Install with Stylish » puis sur « Installer ».
Laisser vos commentaire @++
Read more ...

dimanche 9 septembre 2012

Installer facebook comment box sur ton Site/blog

Unknown | 08:12 | | | Be the first to comment!
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 ...

jeudi 16 août 2012

Changer l'arrière plan de votre login facebook en de simples clicks.

Unknown | 09:38 | | Be the first to comment!



vous pouvez changer l'image d'arriére plan de votre welcome !! oui,oui... c'est possible avece google chrome sans téléchargement sans des étapes !!
just des simples clics voila un tuto qui explique tous :D !! @++







Read more ...

mercredi 15 août 2012

installer wibiya toolbar.

Unknown | 03:47 | | | | | Be the first to comment!




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 ...

dimanche 12 août 2012

Fenétre Pop-up Facebook LikeBox.

Unknown | 09:41 | | | | Be the first to comment!
La fenétre pop-up facebook like box est des plus utuliser aujourd'hui dans les site webs. j'ai déja redériger un article de cette sujet !! voila : Facebook LikeBox JQuery avec minuterie.




1- Accéder a blogger.
2- Ajouter Gadget Html/Java script.
3- Coller le code suivant en remplacent nomutulisateur par le nom d'utulisateur de votre page facebook.

<style>

/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*


User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTREGoag1N9xrctplJRNjYwEXsXRucWf_8Vh8xanyh5U4OZYlF9tQIX08_HJ4LrWRmzpKrgCCZH8t5mOpWNV49qQQt7jvDBX1yNwDWJ1CIj99C583IAYiGATX-jAHD0pfmyGJJnbRiY73/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtuuYG7GwVq5vR5DylHLSJ3RPvVEdtTWbUdAjHwM88SLuqVgkpHByUU5YhXpSaBcA_z0ul_EJdbbRV3tJiCtPO9x3qz07DiS6lPA7IGLDAVJVIZxj5Q24izkjaguhfPOt4NjOB8tER9po3/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTREGoag1N9xrctplJRNjYwEXsXRucWf_8Vh8xanyh5U4OZYlF9tQIX08_HJ4LrWRmzpKrgCCZH8t5mOpWNV49qQQt7jvDBX1yNwDWJ1CIj99C583IAYiGATX-jAHD0pfmyGJJnbRiY73/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTREGoag1N9xrctplJRNjYwEXsXRucWf_8Vh8xanyh5U4OZYlF9tQIX08_HJ4LrWRmzpKrgCCZH8t5mOpWNV49qQQt7jvDBX1yNwDWJ1CIj99C583IAYiGATX-jAHD0pfmyGJJnbRiY73/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtuuYG7GwVq5vR5DylHLSJ3RPvVEdtTWbUdAjHwM88SLuqVgkpHByUU5YhXpSaBcA_z0ul_EJdbbRV3tJiCtPO9x3qz07DiS6lPA7IGLDAVJVIZxj5Q24izkjaguhfPOt4NjOB8tER9po3/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTREGoag1N9xrctplJRNjYwEXsXRucWf_8Vh8xanyh5U4OZYlF9tQIX08_HJ4LrWRmzpKrgCCZH8t5mOpWNV49qQQt7jvDBX1yNwDWJ1CIj99C583IAYiGATX-jAHD0pfmyGJJnbRiY73/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTREGoag1N9xrctplJRNjYwEXsXRucWf_8Vh8xanyh5U4OZYlF9tQIX08_HJ4LrWRmzpKrgCCZH8t5mOpWNV49qQQt7jvDBX1yNwDWJ1CIj99C583IAYiGATX-jAHD0pfmyGJJnbRiY73/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTREGoag1N9xrctplJRNjYwEXsXRucWf_8Vh8xanyh5U4OZYlF9tQIX08_HJ4LrWRmzpKrgCCZH8t5mOpWNV49qQQt7jvDBX1yNwDWJ1CIj99C583IAYiGATX-jAHD0pfmyGJJnbRiY73/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NZFTl4YS5L3_QWn6tABmaXrQBhLkkc_d_im6-6jDQhi5gLzpXoNsKQFCKnJmW2P5NMoT1cRcKBuT0n3s5Qrod3p-FE6d1Qdebk4PYs2EyNigA5xy2S97WgRcfsrC9Eopx1FVC9gaFERg/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9UuQdn5lBfCg2aJj-GPZVuWpIRNbhDuSFCJxvlspFHh8qsPpxKmdz0rdip8QPWGF_AaWBL9AS28j49wi-NQlHL0TqG1x0nXbfLcfy2p1R0dDnoZhZ0mMWvSq9fh77tc_n4lAefTHEgIjp/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTREGoag1N9xrctplJRNjYwEXsXRucWf_8Vh8xanyh5U4OZYlF9tQIX08_HJ4LrWRmzpKrgCCZH8t5mOpWNV49qQQt7jvDBX1yNwDWJ1CIj99C583IAYiGATX-jAHD0pfmyGJJnbRiY73/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F
nomutulisateur&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

</center>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="
http://outil-du-web.blogspot.com
">outil du web</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="
http://outil-du-web.blogspot.com
">Blogger Widgets</a></p>
</div>
</div>


@++
Read more ...

samedi 11 août 2012

sharethis - share buttons

Unknown | 16:23 | | | | Be the first to comment!
salut a tous !!
comment installer les buttons share (sharethis) sur ton blog.
suivez les étapes :
1- accéder a sharethis.com













@+ :D

Read more ...

Facebook LikeBox JQuery Popup avec minuterie!

Unknown | 04:06 | | | Be the first to comment!
Accéder a blogger > modéle > modifier code HTML.

2- chercher la balise </body> en tapez CTRL+F.

3- coller le script suivant :





<script type='text/javascript'> 
//<![CDATA[ 
    KNFBFansPRO='BloggerTricks'



//]]> 
</script> 
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}



#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}



.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}



#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}



#fblikepop #closeable{float:right;margin:7px 15px 0 0;}



#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}



#fblikepop #actionHolder{height:30px;overflow:hidden;}



#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}



#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}



#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}



#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}



#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>



<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>



<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>



<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>



<script language='javascript'> 
//<![CDATA[ 
    $(document).ready(function(){                        
        $().KNFBFansPRO({ 
           timeout: 30, 
            wait: 0, 
            url: 'url_de_votre_page', 
            closeable: true        }); 
    }); 
//]]> 
</script> 
<div id='fbtpdiv'/>


4- Pour utiliser les images suivantes, il suffit de remplacer http://mybloggertricks.googlecode.com/files/mbtlikebox2.js avec quiconque des liens donnés.




BecomeFanOnFacebook
http://mybloggertricks.googlecode.com/files/mbtlikebox4.js

facebookbutton
http://mybloggertricks.googlecode.com/files/mbtlikebox3.js

like us on facebook
http://mybloggertricks.googlecode.com/files/mbtlikebox.js
Read more ...

mercredi 8 août 2012

Générateur de boutons de partage bookmark

Unknown | 09:55 | | | | | | Be the first to comment!


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 ...

mardi 7 août 2012

changer le curseur de la souris pour votre blog.

Unknown | 03:28 | | | Be the first to comment!
aujourd'hui en va savoir comment changer le curseur de la souris pour votre blog,site web et sa marche aussi avec welcome de facebook :D

voila comment installer sur votre blog !!

1- accéder a votre blog.
2- modéle > modifier le code html.
3- Cochez Développer des modèles de gadgets.
4- tapez CTRL+F cherchent la balise body {
5- coller ce script :
cursor:url(xxx), default;  

6- remplacer "xxx" avec le code du curseur en choisissant un des curseurs c'est dessus.

voila les différent curseurs :

http://i53.tinypic.com/29qo3d3.jpg
http://i54.tinypic.com/98ao9u.jpg
http://i56.tinypic.com/2yjzsea.jpg
http://i55.tinypic.com/rkbwib.jpg
http://i53.tinypic.com/21e9hzr.jpg
http://i56.tinypic.com/1zd13qq.jpg
http://i51.tinypic.com/2zji9z7.jpg
http://i52.tinypic.com/2m4vo5v.jpg
http://i53.tinypic.com/30i831v.jpg
http://i56.tinypic.com/2dhhe8y.jpg
http://i51.tinypic.com/142wly9.jpg
http://i56.tinypic.com/fbhx54.jpg
http://i53.tinypic.com/fnxvuw.jpg
http://i52.tinypic.com/iliziq.jpg
 

Et maintenant comment installer dans une welcome tab  Facebook.

1- copier ce script dans le welcome FBML 


<div style="background-image:url(xxx);
background-repeat:repeat;
width:520px; height:1500px;
font-family:Crusader ; cursor:
url(xxx),default;">
<p>
<IMG SRC="xxx">
<br>
<br>
le contenu du welcome ici
<br>
<br>
</p>
</div>


@+ dans les prochains post je saurai mettre plus des script @+ rester brancher.
Read more ...

dimanche 5 août 2012

Gadget Fans sur Facebook flottant sur Blogger

Unknown | 10:30 | | | | | Be the first to comment!
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

Unknown | 04:07 | | | | | | Be the first to comment!
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 ...
Twitter Delicious Facebook Digg Stumbleupon Favorites More

Search

Recent Comments

More Text

Poll

Pages

Fourni par Blogger.

Followers

Blogroll

Test

About