Outils Blogger: Outils, Astuces, Widgets, Modèles, Monétisation, Seo-Référencement

Défilement automatique des messages récents

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 14:28:00 +0000

Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Premièrement connectez-vous à votre blog et allez au
1. Présentation > Éléments de la page > " Ajouter un gadget "
2. Sélectionnez HTML / JavaScript
3. Collez le code ci-dessous :

<script style="" src="https://sites.google.com/site/outilsblogger/defilement-automatique-des-messages-recents/d%C3%A9filement-automatique-des-messages-r%C3%A9cents.js"></script>
<script style="" >
var nMaxPosts = 10;
var nWidth = 100;
var nScrollDelay = 175;
var sDirection = "left";
var sOpenLinkLocation = "N";
var sBulletChar = ">>";
</script>
<script style="" src="http://outils-blogger.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10 " ></script> <noscript><a href="http://outils-blogger.blogspot.com/2011/06/defilement-automatique-des-messages.html">+ Ajouter à votre Blog</a></noscript>

Des Horloges Flash pour Blogger

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 13:59:00 +0000

Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Premièrement connectez-vous à votre blog et allez au
1. Présentation > Éléments de la page > " Ajouter un gadget "
2. Sélectionnez HTML / JavaScript
3. Choisissez l'horloge que vous aimez, et collez le code dedans :

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/226655.swf">
<embed src="http://www.csalim.com/clocks/226655.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/985396.swf">
<embed src="http://www.csalim.com/clocks/985396.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/189466.swf">
<embed src="http://www.csalim.com/clocks/189466.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/633993.swf">
<embed src="http://www.csalim.com/clocks/633993.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/118647.swf">
<embed src="http://www.csalim.com/clocks/118647.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/301788.swf">
<embed src="http://www.csalim.com/clocks/301788.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/945910.swf">
<embed src="http://www.csalim.com/clocks/945910.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/267241.swf">
<embed src="http://www.csalim.com/clocks/267241.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/119643.swf">
<embed src="http://www.csalim.com/clocks/119643.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/548744.swf">
<embed src="http://www.csalim.com/clocks/548744.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/205420.swf">
<embed src="http://www.csalim.com/clocks/205420.swf" width="200" height="200">
</embed>
</object>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-183.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-179.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-175.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-72.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-177.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-168.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-165.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-102.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-101.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

Télécharger Modèle Zeta Zip

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 13:33:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-zeta-zip.blogspot.com/

Télécharger : http://www.box.net/shared/e3htk5g78zcvt8z8fary Ou http://www.box.net/shared/e3htk5g78zcvt8z8fary

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Fluid Tumblr

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:58:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-yoga-craze.blogspot.com/

Télécharger : http://www.box.net/shared/f2xj18zqxkr1lgruq7hj Ou http://www.mediafire.com/?t23hdtkd45hd1qo

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle WorkBox

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:53:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-workbox.blogspot.com/

Télécharger : http://www.box.net/shared/iqt85do5g0tfxgoh2hx0 Ou http://www.mediafire.com/?qxfc7ah1w96e13s

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Simplify

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:51:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-simplify.blogspot.com/

Télécharger : http://www.box.net/shared/1e4yuj36hfhvzfutfif6 Ou http://www.mediafire.com/?xrforbw2nwrguei

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Old Tape

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:46:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-old-tape.blogspot.com/

Télécharger : http://www.box.net/shared/c0f4iubca49g9dn7ve08 Ou http://www.mediafire.com/?tvp5y9vvj5393oz

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle NotePad Chaos 2

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:43:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-notepad-chaos2.blogspot.com/

Télécharger : http://www.box.net/shared/4t81yp5x6a3pkb5h3i84 Ou http://www.mediafire.com/?b7it6dtf6uu0s6q

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle New Horizon

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:40:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-new-horizon.blogspot.com/

Télécharger : http://www.box.net/shared/r7lofret09f7mbafhuhp Ou http://www.mediafire.com/?62o7oz0cdcd2yx8

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Modern Magic

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:37:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-modern-magic.blogspot.com/

Télécharger : http://www.box.net/shared/909kiqhlbd3kicmp34qt Ou http://www.mediafire.com/?ic23hszgh5kh2mh

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Love Sonnet

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:35:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-love-sonnet.blogspot.com/

Télécharger : http://www.box.net/shared/h5ob3y2nyosisrhpivb7 Ou http://www.mediafire.com/?l0a3nn8us2opzpk

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Little Hearts

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:06:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-little-hearts.blogspot.com/

Télécharger : http://www.box.net/shared/knik8x4lfo6sk7m7l06h Ou http://www.mediafire.com/?7zoj2m21r1vho3q

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Keyboard

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:03:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-keyboard.blogspot.com/

Télécharger : http://www.box.net/shared/82qmfsmy7ymfg58jinjh Ou http://www.mediafire.com/?4smgfcwa24wmwm5

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle In Love

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 12:01:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-in-love.blogspot.com/

Télécharger : http://www.box.net/shared/uy5c07mq6t1pirepmd2x Ou http://www.mediafire.com/?77i2hlap84ck6i9

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Glory

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 11:57:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-glory.blogspot.com/

Télécharger : http://www.box.net/shared/7py8231zs8uxop30qh5a Ou http://www.mediafire.com/?74z054vbgg6pjlc

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Color Notes

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 11:54:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-color-notes.blogspot.com/

Télécharger : http://www.box.net/shared/z03rfyc1dn5pvruzd66l Ou http://www.mediafire.com/?p5h52g5nry6jads

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Canvas

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 11:49:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-canvas.blogspot.com/

Télécharger : http://www.box.net/shared/n5kmq63m6s10aqf0afzm Ou http://www.mediafire.com/?eof3d7kgo6rb1k9

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Benedict

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 11:46:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-benedict.blogspot.com/

Télécharger : http://www.box.net/shared/6yd1x1vj979elq25hsif Ou http://www.mediafire.com/?6v2po0m84w40dkb

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Télécharger Modèle Adobe Photoshop

noreply@blogger.com (Othmane BENTALEB) — Tue, 14 Jun 2011 11:42:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-adobe-photoshop.blogspot.com/

Télécharger : http://www.box.net/shared/virjyq3zgefecnv3oet2 Ou http://www.box.net/shared/virjyq3zgefecnv3oet2

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Ajouter traduction google sans drapeaux à blogger

noreply@blogger.com (Othmane BENTALEB) — Mon, 13 Jun 2011 23:01:00 +0000

Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Premièrement connectez-vous à votre blog et allez au
1. Présentation > Éléments de la page > " Ajouter un gadget "
2. Sélectionnez HTML / JavaScript
3. Collez le code ci-dessous

<div id="google_translate_element">
</div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'fr'
}, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>
<p> <small>
    <a target="_blank" href="http://outils-blogger.blogspot.com/2011/06/ajouter-traduction-google.html">
    +</a>
    <a href="http://outils-blogger.blogspot.com/2011/06/ajouter-traduction-google-sans-drapeaux.html">
    Obtenir ce Widget</a></small></p>

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Ajouter traduction google avec drapeaux à blogger

noreply@blogger.com (Othmane BENTALEB) — Mon, 13 Jun 2011 22:25:00 +0000

Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Voici pour vous le code à insérer dans un widget Html/Javascript (pour ceux qui utilisent Blogger). Pour les autres plateformes des blogs, le code marchera aussi (il suffit de savoir comment y installer un code html).

<div style="border:1px solid #ccc;padding:10px 4px 3px 4px;text-align:center;background-color:#FFFFFF;"> <!-GOOGLE TRADUCTION AVEC DRAPEAU-> <div align="center"> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" title="English translation "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://cdn1.iconfinder.com/data/icons/finalflags/32/United-Kingdom-flag.png" height="24" title="English translation "/></a> <!- fin de la traduction en anglais -> <!- début de la traduction en espagnol -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;" title="Traducir en español "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traducir en español " src="http://cdn1.iconfinder.com/data/icons/finalflags/32/Spain-Flag.png" height="24" title="Traducir en español "/></a> <!- fin de la traduction en espagnol -> <!- début de la traduction en allemand -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;" title="ins Deutsche übersetzen"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" ins Deutsche übersetzen" src="http://cdn1.iconfinder.com/data/icons/finalflags/32/Germany-Flag.png" height="24" title="ins Deutsche übersetzen"/></a> <!- fin de la traduction en allemand -> <!- début de la traduction en italien -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;" title="Tradurre in italiano"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Tradurre in italiano" src="http://cdn1.iconfinder.com/data/icons/finalflags/32/Italy-Flag.png" height="24" title="Tradurre in italiano"/></a> <!- fin de la traduction en italien -> <!- début de la traduction en russe beta -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;" title="перевод в Россию"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" ins Deutsche übersetzen BETA " src="http://cdn1.iconfinder.com/data/icons/finalflags/32/Russia-Flag.png" height="24" title="перевод в Россию "/></a> <!- fin de la traduction en russe beta -> <!- début de la traduction en chinois (simplifié) beta -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;" title="翻译成中文（简体）"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplifié) BETA" src="http://cdn1.iconfinder.com/data/icons/finalflags/32/China-Flag.png" height="24" title="翻译成中文（简体）"/></a> <!- fin de la traduction en chinois (simplifié) beta-> <!- début de la traduction en japonais beta -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;" title="日本で翻訳"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Traduction-Français-en-japonais" src="http://cdn1.iconfinder.com/data/icons/finalflags/32/Japan-Flag.png" height="24" title="日本で翻訳"/></a> <!- fin de la traduction en japonais beta -> <!- début de la traduction en coréen beta -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cko&hl=fr&ie=UTF8'); return false;" title="한국어로 번역"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" 한국어로 번역" src="http://cdn1.iconfinder.com/data/icons/finalflags/32/Korea-Flag.png" height="24" title="한국어로 번역"/></a></div>
    <p> <sup>Traduit par</sup>
    <img align="absmiddle" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/> <small>
    <a target="_blank" href="http://outils-blogger.blogspot.com/2011/06/ajouter-traduction-google-avec-drapeaux.html">
    +</a>
    <a href="http://outils-blogger.blogspot.com/2011/06/ajouter-traduction-google-avec-drapeaux.html">
    Obtenir ce Widget</a></small><br/> </div>

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Ajouter un texte défilant (mobile)

noreply@blogger.com (Othmane BENTALEB) — Mon, 13 Jun 2011 20:53:00 +0000

Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

"Défilement" est le moyen le très attrayant de dire et d'écrire votre nouvelles du blog . Et en l'ajoutant à votre blog, il le rend plus attrayant parce qu'il est une façon étonnante de dire à vos visiteurs de votre blog ses dernières nouvelles.

La bonne chose est que "le défilement" peuvent être éditées par vous en se qui convient aux besoins de votre blog et vos besoins, et nous allons vous montrer beaucoup de genres de "Défilement" et après cela, nous allons vous expliquer comment l'utiliser et comment l'ajouter à votre blog comme vous le souhaitez.

Ils contiennent deux balises, la balise d'ouverture et celle de clôture, le texte y va entre les deux balises. Exemple :

<opening tag> Votre texte défilant </ balise de fermeture>

C'est le plus simple exemple pour vous apprendre comment ça marche, et le code réel pour le texte de défilement ressemble à l'autre.

<marquee> défilement ou texte défilant Demo </ marquee>

et si vous l'avez ajouté à votre blog, il va vous générer un défilement normale, avec la police et la taille du texte par défaut et une arrière-plan blanche.

Mais qu'est ce qu'on va faire si nous avons besoin de changer la direction, ajouter une couleur de l'arrière-plan, changer la vitesse de texte (scrollamount) ou modifier sa hauteur et sa largeur, c'est très facile mais il faut toute votre attention.

Nous pouvons contrôler la direction, la couleur de fond, la vitesse de texte ou toute autre chose en ajoutant des valeurs aux codes d'ouverture,
On va ajouter les valeurs comme dans l'exemple suivant : la valeur pour rendre le sens droit est :

direction = "right"

Si nous voulons que nos défilement déplace de la gauche à la droite, nous allons ajouter la valeur de l'emplacement vers la droite à la balise d'ouverture.
et voici un exemple :

Avant:

<marquee> défilement ou texte défilant Demo </ marquee>

Après:

<marquee direction = "right" > défilement ou texte défilant Demo </ marquee>

Comme vous le voyez, nous avons ajouter la valeur de l'emplacement vers la droite à la balise d'ouverture, exactement après le mot <marquee

Maintenant, je vais vous écrire une grande liste qui va vous montrer toutes les valeurs que vous aurez besoin peut-être avec une petite description pour chacune.

Et il suffit d'ajouter la valeur à la balise d'ouverture, exemple :

<Chapiteau bgcolor = "# FF00FF" direction = "right" > défilement ou texte défilant Demo </ marquee>

La valeur	Description
direction = "left"	Rend le texte se déplace vers la gauche
direction = "right"	Rend le texte se déplace vers la droite
direction = "up"	Rend le texte se déplace jusqu'à
direction = "down"	Rend le texte se déplace vers le bas
behavior= "alternate"	Rend le texte va à droite et quand il atteint la fin de votre boîte de chapiteau revenir vers la gauche
behavior= "slide"	Rend le texte d'arrêt lorsque l'atteindre à la fin de votre boîte de chapiteau
loop = "4"	Si vous avez besoin de contrôler le temps que le texte va être affiché.Ajouter cette valeur et le changement numéro 4 le nombre de fois que vous avez besoin
scrollamount = "2"	Réglez la vitesse de votre texte, 1 est lent 2 est rapide 3, 4, 5 est plus rapide, plus vous augmentez ce nombre, le plus la text'll être va.
width = "400"	Contrôle la largeur de votre texte
height = "66"	Contrôlez votre hauteur du texte
"This.stop ()" onmouseover = onmouseout = "this.start ()"	Rend le texte s'arrête lorsque votre est sur le texte:
bgcolor = "# 9999CC"	Changer la couleur d'arrière-plan., 9999CC modification de la couleur que vous voulez.Si vous avez besoin d'en savoir plus sur les numéros de couleurs et les valeurs s'il vous plaît voir notre surprise à la fin de ce post
style = "color: # FF0000"	Changer la couleur du texte., FF0000 changement de la couleur que vous voulez. Si vous avez besoin d'en savoir plus sur les numéros de couleurs et les valeurs s'il vous plaît voir notre surprise à la fin de ce post
style = "font-size: 1em"	Modifier la taille du texte.
style = "font-family: Tahoma"	Changement de style de texte.
style = "font-size: 12pt; couleur: # 800000; font-family: Tahoma "	pour changer la couleur du texte et de la taille et le style dans le même temps, vous pouvez fusionner les valeurs comme ceci

J'espère que cela vous aider, dernière chose, si vous avez besoin d'ajouter des liens dans votre défilment, vous devez changer le texte entre la balise d'ouverture et la balise de fermeture, et Instaurer du texte,
passé le code suivant.

<a href="Link URL"> Titre Lien </ a>

Enfin, voici la démo boîte de texte personnalisé chapiteau, et c'est le code pour vous aider.

Le code.

<marquee direction="Up" scrollamount="8" width="318" style="font-size: 12pt; color: #800000; font-family: Tahoma" height="66" bgcolor="#FFCC99"> défilement ou texte défilant Demo </ marquee>

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

défilement ou texte défilant Demo

défilement ou texte défilant Demo
défilement ou texte défilant Demo défilement ou texte défilant Demo

Ajouter gadget de notation à blogger

noreply@blogger.com (Othmane BENTALEB) — Mon, 13 Jun 2011 19:44:00 +0000

Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Nous avons tous besoin de savoir ce que nos visiteurs pensent sur nos postes de Blogspot?

Voilà un est excellent moyen facile et agréable qui nous permet d'ajouter des étoiles de notation pour vos messages de blog et d'obtenir une rétroaction instantanée de nos visiteurs.

Vous aurez besoin de cliquer sur le lien que nous vous fournirons dans ce post.

Vous trouverez ce widget de notation sur outbrain.com disponible en 5 systèmes de blog populaire. cliquez sur l'icône blogger. Alors vous pouvez voir les deux étapes.

Etape 1 : Inscription (facultatif)
Etape 2 : Installer widget

Comme vous le voyez vous n'êtes pas obligés de s'inscrire pour pouvoir utiliser ce widget.

Après avoir cliqué sur le bouton Install . Vous serez redirigé vers blogger.com, vous connecter, et ajouter ce widget.

Vous pouvez trouver ce widgetici . Outbrain rating star widge, visitez ce blog pour voir en direct widget de notation démo. : http://outils-blogger-test.blogspot.com/

Merci pour outbrain.com qui nous a offert un tel widget.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Modifier le menu horizontale blogger

noreply@blogger.com (Othmane BENTALEB) — Mon, 13 Jun 2011 13:02:00 +0000

Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Comment faire pour modifier le menu horizontale blogger du haut, la barre de menu
ou le menu de navigation supérieure.

Beaucoup de gens téléchargent des nouveaux modèles blogger avec un menu du haut déjà ajouté.

Mais ils ne peuvent pas le modifier, ou même le supprimer.

Aujourd'hui, nous allons apprendre à modifier n'importe quel menu horizontale, nous allons voir comment définir les codes de la barre de menu et le modifier. la modification des liens du menu dépende à trouver le code du menu dans notre modèle.

La première étape consiste à trouver le code du menu. Alors vous connecter à votre compte Blogger,

puis cliquez sur Présentation> Modifier le code HTML> Développer des modèles de gadgets.

Maintenant vous êtes à la page Modifier le code HTML, et là, vous pouvez voir tous les codes du modèle.

Ouvrez votre blog dans une nouvelle fenêtre et lire vos menu du haut titres des liens, et voir la photo préczdente.

Vous devez lire les instructions sur l'image, à notre tutoriel, nous allons copier le titre du lien "Career" et maintenant acceder à votre compte Blogger "Modifier le code HTML", puis cliquez sur "CTRL + F" et coller le titre du lien que vous avez copié, et voici qu'il est de notre exemple, nous allons coller le titre "Career" et cliquez sur Entrée ou cliquez Trouver. Le navigateur doit trouver une correspondance du titre dans le code du modèle.

Si vous avez sélectionné mot comme «Home» pour définir le lieu du code de menu dans votre modèle, laissez-nous vous dire que c'est le mauvais choix car ce mot est trop populaire et vous pouvez trouver plus de 3 ou 4 fois répété ce mot dans le modèle, et ici nous cherchons à trouver les titres de menu juste pour définir l'emplacement du code du menu dans notre modèle, et voici quelques menu codes vous aideront à connaître le code de menu une fois que vous le voyez.

<ul id='menu'>
<li> accesskey='1' href='#' title=''>Home </ a> </ li>
<li> accesskey='2' href='#' title=''>About Us</ a> </ li>
<li> accesskey='3' href='#' title=''>Services</ a> </ li>
<li> accesskey='4' href='#' title=''>Products</ a> </ li>
<li> accesskey='5' href='#' title=''>Career</ a> </ li>
<li> accesskey='6' href='#' title=''>Contact Us</ a> </ li>

</ul>

<div id='menu'>

<ul>

<li> <a href='#'> Home </ a> </ li>

<li> <a href='#'> About Us</ a> </ li>

<li> <a href='#'> Services</ a> </ li>

<li> <a href='#'> Products</ a> </ li>

<li> <a href='#'> Career</ a> </ li>

<li> <a href='#'> Contact Us</ a> </ li>

</ul>

</div>

vous devez trouver le titre du lien sous une forme comme les 2 dernières codes, si vous le trouvez comme cela, alors vous avez trouvé votre code menu, maintenant on va parler sur la façon de modifier votre menu de navigation, donc s'il vous plaît voir les codes suivants pour savoi comment faire pour modifier votre menu principal et suivez les instructions:

<ul id='menu'>
<li> <a accesskey = "1" href = " 1 URL lien Titre ' title =''> Titre 1 </ a> </ li>
<li> <a accesskey = "2" href = " 2 URL lien Titre ' title =''> Titre 2 </ a> </ li>
<li> <a accesskey = "3" href = " 3 URL lien Titre ' title =''> Titre 3 </ a> </ li>
<li> <a accesskey = "5" href = " 4 URL lien Titre ' title =''> Titre 4 </ a> </ li>
<li> <a accesskey = "5" href = " 5 URL lien Titre ' title =''> Titre 5 </ a> </ li>
</ul>

<div id='menu'>
<ul>
<li> <a href = " 1 URL lien Titre "> Titre 1 </ a> </ li>
<li> <a href = " 2 URL lien Titre "> Titre 2 </ a> </ li>
<li> <a href = " 3 URL lien Titre "> Titre 3 </ a> </ li>
<li> <a href = " 4 URL lien Titre "> Titre 4 </ a> </ li>
<li> <a href = " 5 URL lien Titre "> Titre 5 </ a> </ li>
</ul>
</div>

Donc je pense que tout ça est claire pour vous à éditer votre blogger top menu navigation horizontale.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Télécharger Modèle Katana

noreply@blogger.com (Othmane BENTALEB) — Mon, 13 Jun 2011 00:05:00 +0000

Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Demo : http://outils-blogger-katana.blogspot.com/

Télécharger : http://www.box.net/shared/fdj2sovvyujzutkyf3a5 Ou http://www.mediafire.com/?bg1p2jagphp0qar

Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.