Outil Du web

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

Photo Zoom pour Facebook

Publié par Unknown |3 commentaires

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 @++

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

Cool widget Facebook sur votre site

Publié par Unknown |4 commentaires

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/AVvXsEhqhiissncBZfCB6vcqKbYpTCFsG0zgRO1ZiIvbvxh09gVpXqCo4aIjPz9Unk9Zb_KKWXTUGvqw3JUOSTZmJpsVrkncVH_Dob6g3PA4amstvSvoY8EUZOSbJZpkAXeCol2t5uqZN_nzd5Mn/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

Changer le théme Facebook en 5 Minute !!

Publié par Unknown

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 @++

Installer facebook comment box sur ton Site/blog

Publié par Unknown

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 :

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>

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 !! @++

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

Publié par Unknown

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 !! @++

installer wibiya toolbar.

Publié par Unknown

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 !

Fenétre Pop-up Facebook LikeBox.

Publié par Unknown

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/AVvXsEhVos3p9_0zm1iBINnrWOmgrM6UvUKI-QmMl4vy6s7izrv67ryPoBuX5cYau3CCXWGfECwMBVoFHAivY-tDXJd5dcGFFMZz2lBSeIbHcrH2PM3S5tvm0M9_lAcaO2Il8El_HMkh5lbPbLgA/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcG8Jhy7o_1Fn9sXZAS0DJ-1Nq8jwjwbJ5tpJhgI6VHipwQ-DONL0fUFlhenD_3D3FVXNIrYJ98-a8QLcVVw94PLYK4mIXjIlA7zv2H5L-fHh2aL1G8SGoeoatxiJHDa8DpAB6Idt2YA6_/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVos3p9_0zm1iBINnrWOmgrM6UvUKI-QmMl4vy6s7izrv67ryPoBuX5cYau3CCXWGfECwMBVoFHAivY-tDXJd5dcGFFMZz2lBSeIbHcrH2PM3S5tvm0M9_lAcaO2Il8El_HMkh5lbPbLgA/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVos3p9_0zm1iBINnrWOmgrM6UvUKI-QmMl4vy6s7izrv67ryPoBuX5cYau3CCXWGfECwMBVoFHAivY-tDXJd5dcGFFMZz2lBSeIbHcrH2PM3S5tvm0M9_lAcaO2Il8El_HMkh5lbPbLgA/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcG8Jhy7o_1Fn9sXZAS0DJ-1Nq8jwjwbJ5tpJhgI6VHipwQ-DONL0fUFlhenD_3D3FVXNIrYJ98-a8QLcVVw94PLYK4mIXjIlA7zv2H5L-fHh2aL1G8SGoeoatxiJHDa8DpAB6Idt2YA6_/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVos3p9_0zm1iBINnrWOmgrM6UvUKI-QmMl4vy6s7izrv67ryPoBuX5cYau3CCXWGfECwMBVoFHAivY-tDXJd5dcGFFMZz2lBSeIbHcrH2PM3S5tvm0M9_lAcaO2Il8El_HMkh5lbPbLgA/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVos3p9_0zm1iBINnrWOmgrM6UvUKI-QmMl4vy6s7izrv67ryPoBuX5cYau3CCXWGfECwMBVoFHAivY-tDXJd5dcGFFMZz2lBSeIbHcrH2PM3S5tvm0M9_lAcaO2Il8El_HMkh5lbPbLgA/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVos3p9_0zm1iBINnrWOmgrM6UvUKI-QmMl4vy6s7izrv67ryPoBuX5cYau3CCXWGfECwMBVoFHAivY-tDXJd5dcGFFMZz2lBSeIbHcrH2PM3S5tvm0M9_lAcaO2Il8El_HMkh5lbPbLgA/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/AVvXsEhz0oXHBqqJPHb3hQMNo0UpfZxp6E-tvxlf0PRJsU9N_pc1C8vhY5Gkiq-jfYUzM_vUdLpMr_qGrG5por_JyNadSx7kDrlfK8jS4ECdZowjVOM160sT7dIPNKwyWK8YEAULbaeYLAwYJID5/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBMTGykXtBlzjjHTiMdcLzBTUE7Ic9dlLE2PrKOSVWioCTlqaKzwuKf4wbV99WbagKtoiEW-WyXKtyRJ_lXNlTuy0ehHTExtfiawIcW9DKkhj9fYobGne_eUIHwB7DiogA0Pw8VtYCUG3C/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/AVvXsEhVos3p9_0zm1iBINnrWOmgrM6UvUKI-QmMl4vy6s7izrv67ryPoBuX5cYau3CCXWGfECwMBVoFHAivY-tDXJd5dcGFFMZz2lBSeIbHcrH2PM3S5tvm0M9_lAcaO2Il8El_HMkh5lbPbLgA/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%2Fnomutulisateur&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>

@++

sharethis - share buttons

Publié par Unknown

salut a tous !!
comment installer les buttons share (sharethis) sur ton blog.
suivez les étapes :
1- accéder a sharethis.com

@+ :D

Facebook LikeBox JQuery Popup avec minuterie!

Publié par Unknown

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.

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

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

http://mybloggertricks.googlecode.com/files/mbtlikebox.js

Générateur de boutons de partage bookmark

Publié par Unknown

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>

@++

changer le curseur de la souris pour votre blog.

Publié par Unknown

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.

Gadget Fans sur Facebook flottant sur Blogger

Publié par Unknown

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 :

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