TEST DEBIT ADSL ON LIGNE

Pour respecte le Copyright j'ai copier par ICI 

Read more ...

Créer un bouton "HAUT DE LA PAGE" pour votre site web

salut a tous de nouveau dans mon blogger , oui .. j'ai un nouveau astuce pour vous écrire c'est le bouton haut de la page pour mettre sur votre site / blogger , plus que vous pouvez personnaliser l'image a cliquer si dessus
bref c'est trés simple il suffit de copier le code suivant dans une widget ..

<a style="display:scroll;                                                                
position:fixed;                                                
 bottom:5px;                                                
right:5px;" href="#"                                                 
alt="Haut de Page"                                                 
title="Haut de Page"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjITSs2STy81RnOBdp5jmmNbrra1MtuJ5bXD_fQ8cD2DbiWmO-HHh6DL5jExyOtfo0XPOlkpTmgU8107OCO0dpS_k7uHBDH8GpNhVERGGoqrrtEHYyF-nxERw-lwaoIEoQuzHQ37W848b4/h120/haut.gif"/></a>                       

 pour personnaliser le bouton il faut remplacer le lien en rouge par le lien de votre image.
pour changer le text qui appraitre lorsque vous met la souris sur l'image changer le text on bleu.. 
@+ pour un nouveau astuce . :D    

Read more ...

Protéger votre contenu web :Script anti-Clique Droit :

Comme j'ai bien dis dans l’ancien Post  voila le Script Anti-Clique Droit c'est simple Copier et coller sur votre site web dans une widget !!

Code :

<!-- DEBUT DU SCRIPT -->

<script language="JavaScript1.2">

/*

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT

*/

function ejs_nodroit()

{

alert('Clic droit interdit');

return(false);

}

document.oncontextmenu = ejs_nodroit;

</script>

<!-- FIN DU SCRIPT -->

@+ dans le 3éme post!! :))#j'aime , commenter ! :p

Read more ...

Protéger votre contenu web : Script anti-copier/coller :

Salut a tous le monde de nouveau sur mon blog ! à la demande d'un visiteur pour protecter son blog De Copier/Coller , j'ai trouver bien sur un solution que j'allez Publier sur trois post , dans le post 1 j'ai un Script Anti-Copier (ps:j'ai copier le Script) ! , dans le 2 éme j'ai un Script Anti-Clique droit sur votre site/blog , dans le 3éme Post j'ai une truc très drôle j'ai marquer que les Thiers Du contenu web toujours copier et coller puis cliquer sur publier le post Direct sans Lire , alors la j'ai trouver un Script pour mettre sur ton site web pour utiliser ce vol a votre service (si quelqu'un copie un texte de votre site il va copie automatiquement le texte suivant #Pour lire la suite de l’article visiter http://votreblog.com/liendupost , ainsi que vos pouvez le texte invisible :p) vous aimez non? alors voila le 1 ére truc le Script anti-copier//coller :
Just copier le code suivant sur votre site web dans une widget !! :
Code : 
 <script language=JavaScript1.2> function ejs_nodroit() { alert('Le clic droit est interdit !!!'); return(false); } document.oncontextmenu =ejs_nodroit; </script>

(ps:j'ai copier le script) !! 


@++ on se trouve dans le 2éme post !! :)

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

Fenétre Pop-up Facebook LikeBox.

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

@++

Read more ...

Badge d'abonnement pour votre chaine youtube.

1- Accéder A blogger.
2- Mise en page > ajouter gadget > html/java script.
3- Coller le code :

<iframe class="youtube-frame" src="http://www.youtube.com/subscribe_widget?p=nomdutilisateur" scrolling="no" frameBorder="0">


4- mettre ton nom d'utulisateur a la place de "nomdutilisateur"
Résultat : @+

Read more ...

Facebook LikeBox JQuery Popup avec minuterie!

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

Read more ...

Comment ajouter gadget labels animée (blogger)

tous les visiteurs vont aimer cette gadget !!

c'est une simple script pour rendre votre gadget (label) animée !!

1- accéder a votre blog.

2- clique sur "modéle" > modifier le code html.

3- tapez CTRL+F pour chercherc cette balise :

<b:section class='sidebar' id='sidebar' preferred='yes'>

coller ce script just aprés :

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

@++

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 article recommandé pour Blogger

suiver le étapes :D !!.

1- Connectez vous à  blogger, cliquez sur “Modèle” > “Modifier le code html” > “Traiter”. Cochez “Développer les modèles de Gadgets”.

2- Trouvez la balise suivante:


]]></b:skin>

3- Ajoutez ce code css juste avant la balise ci-haut :

#bpslidein{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-top:3px solid #1616F5;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-2px 0 5px #aaa;font-family:Arial, Helvetica, sans-serif;}
#bpslidein p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#555;}
#bpslidein_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}
#bpslidein a,#bpslidein a:hover,#bpslidein_title{text-decoration:none;color:#1616F5;}
#bpslidein .close,#bpslidein .expand,#bpslidein .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#bpslidein .help{right:35px;}
#bpslidein_title,#bpslidein_image{float:left;width:80px;}
#bpslidein_title{width:290px;}

4- Trouvez l'un des bouts de code ci-après :

<div class='post-footer-line post-footer-line-1'>

ou

<data:post.body/>

ou bien !!

<p class='post-footer-line post-footer-line-1'>

5- Juste avant l'un d'eux (seulement l'un d'eux), mettez le code suivant :

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

6- Enregistrez votre modèle.

7- Allez sur "Mise en page" >> "Ajouter un gadget". >> "HTML/Javascript" et collez le code suivant dans la grande case de la pop-up qui va s'afficher.

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Article recommandé</p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://gadget-article-recommandes.googlecode.com/files/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> 

@++

Read more ...

changer le curseur de la souris pour votre blog.

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

ajouter une extension de votre blog pour les navigateurs chrome, Firefox, Safari et Internet Explorer

Le site Extension Factory vous offre la possibilité de proposer une extension de votre site (blog) pour les navigateurs Google Chrome, Safari, Firefox et Internet Explorer.

voila le tutoriel en video :

résultats :

Read more ...

script apps flash : Calculez vos chances de réussite avec votre partenaire

j'ai mis dans un ancien article un apps flash pour Calculez vos chances de réussite avec votre partenaire.
par ICI.

j'ai pensé de donner ce script a mes chers visiteur !!

tel que ca est disponible avec différent coleurs :D.

Mesure de l'amour | la couleur rose :

<Center>
<embed src="http://www.love-sessions.com/love_meter/lovemeter.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="400" height="400">
</embed>
<a href="http://outil-du-web.blogspot.com/" style="padding: 2px 0px 4px; width: 400px; background: #ffffff; display: block; color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;" target="_blank">outil du web</a>
</Center>

Mesure de l'amour | la couleur blue :

<Center>

<embed src='http://www.crazyprofile.com/love_test/love_meter.swf' FlashVars='bgcol=Blue' quality='high' bgcolor='#ffffff' width='550' height='400' name='te1' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed>
<a href="http://outil-du-web.blogspot.com/" style="padding: 2px 0px 4px; width: 400px; background: #ffffff; display: block; color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;" target="_blank">outil du web</a>
</Center>

Read more ...

créer bannière flash en ligne gratuit

salut de nouveau sur mon blog !!


oui,oui.. c'est possible de créer une bannière flash en ligne trés simple avec des différents options.


oké accéder a http://www.bannersnack.com/ 


1- cliquer sur make a banner


2- tu peux s'inscris avec ton compte Facebook/Google/Twitter.


3- une fois vous avez inscris au site accéder a http://www.bannersnack.com/en/banner-maker/software/

4- remplire les deux champs : width,height en francais hauteur,largeur. > puis start from blanck.

5- vous peuvez uploader vous photos,annimée,transalation ...

6- clique sur save draft

7- puis vous obtenir le code html/

laisser des commentaires @++

Si vous avez aimé cet article, n'oubliez pas de le partager en utilisant les boutons ci-dessous

Read more ...

Gadget oiseau Twitter volant sur votre blog

Vous voulez mettre un peu d'animation sur votre blog ? Voici pour vous un code qui va mettre un peu de mouvements sur votre blog; l'oiseau Twitter  volant. en commence :

Ce script est à mettre dans un gadget HTML/Javascript. Prenez soin de remplacer identifiant-twitter par votre identifiant Twitter.

script :

<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;identifiant-twitter&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/> : <data:blog.url/> &quot;;
tripleflapInit();
</script>  

Si vous avez aimé cet article, n'oubliez pas de le partager en utilisant les boutons ci-dessous OK @+.

Read more ...