GuipLap

Améliorations apportées à l'éditeur du modèle HTML Blogger

2013-05-05T18:02:00.000+02:00

L'éditeur HTML du modèle de votre blog est le code source qui contrôle l'apparence de votre blog. Ce modèle peut être personnalisé pour apparaître cependant d'après vos changements. L'éditeur HTML de votre modèle a été amélioré, et maintenant il prend désormais en charge la numérotation des lignes, la coloration syntaxique, l'indentation automatique et le pliage de code pour faire modifier votre modèle beaucoup plus facile.
Supposons que nous voulions déplacer la date d'une publication de blog sous le titre de la publication Pour le faire, procédez comme suit :

Cliquez sur l'onglet "Modèle" sur le tableau de bord Blogger, puis sur le bouton "Modifier le code HTML", pour voir le nouvel éditeur HTML de modèle:

Localisez le widget "Blog1" rapidement en utilisant le nouveau "Accéder au widget" listes déroulantes:

Ce widget contrôle la façon dont les messages de votre blog sont affichés. Le code à l'intérieur du widget est plié par défaut. En cliquant sur "►" à côté des numéros de ligne développe le widget et révèle un ensemble de balises "includable":

A l’intérieur du "main" includable il y a le groupe de code de la date de la publication :

Coupez la section du code de la date de la publication et déplacez-le à l'endroit désiré, dans ce cas, sous le titre du post dans le "post" includable:

Pour vérifier nos modifications, cliquez sur le nouveau bouton "Aperçu de modèle" pour voir les mises à jour:

La date de publication est exactement là où nous le voulons, alors cliquez sur "Modifier le modèle", ensuite sur "Enregistrer le modèle" et on a terminé!
Enfin, un bouton de formatage a été ajouté, et c'est écrit "Mettre en forme le modèle" en cliquant dessus il nettoie automatiquement l'indentation du modèle. On peut aussi rechercher du texte en appuyant sur "Ctrl + F" une fois que vous avez cliqué dans l'éditeur. Pour rechercher et remplacer les occurrences d'un texte, un par un, utilisez "Ctrl + Maj + F" ou pour trouver et remplacer toutes les occurrences à la fois, utiliser "Ctrl + Shift + R".

Comment supprimer son compte Facebook ?

2013-04-27T00:01:00.002+02:00

Se désinscrire de Facebook était jusqu’à présent mission impossible, seule la désactivation du compte était proposée. Suite à un article publié dans le New York Times, Facebook a réagit et propose maintenant la suppression de son compte et finalement de voir son profil supprimé pour de bon. Cependant la manipulation pour supprimer son compte n’est pas des plus simples, le dernier réseau social à la mode ne vous laisse pas partir si facilement. Voici les explications pour désactiver son compte Facebook et/ou supprimer son compte Facebook.

Désactiver son compte Facebook :

Cette procédure permet de rendre son profil invisible et inactif pour les autres utilisateurs de Facebook. Les données de votre profil, vos contacts, les applications installées ne sont pas supprimés, votre compte est simplement désactivé. Ce qui veut dire que si vous souhaitez retrouver votre profil plus tard, vous aurez simplement à vous connecter/authentifier sur Facebook et votre profil sera de nouveau actif et en ligne. Voyons la marche à suivre pour la désactivation de son compte :

Dans la section “Mon compte” et sous l’onglet “Paramètres“, le dernier choix proposé est “Désactiver le compte“. Cliquez sur “Désactiver“.

Une nouvelle fenêtre apparaît et vous demande les raisons de votre désactivation. Choisissez-en une et cochez la case “Ne plus recevoir d’e-mails de Facebook” pour ne plus recevoir d’emails de la part de Facebook. Pour compléter la procédure, cliquez sur “Désactiver“.

Votre profil est à présent désactivé. Une authentification sur Facebook avec votre email et mot de passe réactivera votre compte.

Supprimer son compte Facebook :

Mise à Jour :

Comme vous avez surement dû le remarquer, le site de Facebook a évolué depuis que j’ai écrit cette article et la procédure pour supprimer son compte Facebook est devenue beaucoup plus facile ! A présent il suffit simplement de suivre le lien ci-dessous et d’accepter la suppression de votre compte.

⇒ Supprimer son compte Facebook ⇐

Il est maintenant possible d’avoir son compte Facebook supprimé. Allez sur la page de votre profil par exemple et descendez tout en bas de la page. A coté des conditions d’utilisation, vous trouverez le lien conduisant à l’aide, cliquez sur “Aide“.

Vous arrivez sur une nouvelle page avec différentes rubriques d’aide. Cliquez sur “Paramètres de compte“.

Allez tout en bas de la page d’aide et dans la dernière section intitulée “Autres” vous trouverez la question “How do I delete my account ?“. Dans ce paragraphe, on vous explique qu’il est préférable de désactiver son compte en cas d’une future utilisation. La suppression du compte est définitive et irrémédiable, toutes vos informations seront effacées. Donc pour supprimer votre compte, pas de bouton ! Il vous faut cliquer sur “Ecrivez-nous un message” juste en dessous du paragraphe comme indiqué sur la photo ci-dessous.

Une nouvelle fenêtre s’ouvre, c’est un formulaire de contact. Il vous faut écrire à Facebook pour leur demander de supprimer votre compte. Votre email et identifiant sont automatiquement attachés au message pour authentifier l’auteur.

Bien que le formulaire soit en français, voici un exemple de message en anglais à envoyer pour supprimer votre compte :

Subject :

Delete my account

Your Message :

I signed up for a Facebook profile, but I no longer wish to use Facebook.

Please delete my profile and all of its information.

Thanks

Je suppose qu’ensuite il faut être un peu patient pour que l’équipe de Facebook enlève votre profil et compte de leur base de données. Juste pour vous donner une idée de temps, il faut actuellement 7 jours pour que le nom sur votre profil soit changé après en avoir fait la demande, donc soyez patient !

Activer La Visionneuse D'Image Sur Votre Blog Blogger

2013-04-10T23:28:00.002+02:00

Dans ce post vous allez apprendre Comment activer la visionneuse d'image sur votre Blog (le Mode Lightbox).
Exemple :
Cliquez sur cette Image :

Normalement vous avez remarqué que la visionneuse d'image s'est ouverte automatiquement.

Pour l'activer c'est très simple, au boulot :

1. De votre Tableau de bord allez à Paramètre puis Publications et Commentaires.

2. Vous trouverez Exposer des images en mode lightbox, Changez le NON par OUI.

3. Enregistrez vos paramètres, et félicitation.

Cacher La Barre De Navigation Sur Votre Blog BLOGGER

2013-04-09T20:13:00.000+02:00

J'aurais du poster cet article en premier mais ce n'est pas grave. Dans l'un de mes article précédent je vous ai montrer comment Cacher Le Gadget D'Attribution De Blogger. Et bien cette fois Je vais vous apprendre comment supprimer la barre de navigation de votre blog BLOGGER !, c'est facile suivez juste les étapes ci-dessous :

1. De votre Tableau de bord Blogger allez à Mise En Page vous trouverez le widget Navbar.
2. Cliquez sur Modifier.
3. Puis, sélectionnez Désactiver.
4. Enregistrer votre Modèle, et c'est Finis.

J’espère que ça vous a plu.

Ajouter Le Gadget Flottant Fans Facebook

2013-04-04T18:36:00.001+02:00

Aujourd'hui, je voudrai vous présenter le gadget module social Facebook (Fans sur Facebook).

Flottant sur votre blogs. Au repos, le gadget affiche juste un petit logo Facebook sur le coté droit de votre blog et il reste fixé au même endroit.

Lorsque la souris passe sur le logo, celui-ci s'étend pour afficher le Module social Facebook, un échantillon des Fans de votre blog sur Facebook ainsi que la possibilité de devenir Fan en aimant la page où d'y aller en cliquant sur son nom.

Pour avoir ce gadget sur votre blog, suivez les instructions ci-dessous :

1. Connectez vous à Blogger et cliquez sur "Modèle ➢ Modifier le code HTML".
2. Cherchez la balise </head>, en cliquant sur Ctrl+F, et copiez / collez ce code juste avant.

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

N'oubliez surtout pas d'enregistrer votre modèle.
3. Aller sur "Mise en page➢ Ajouter un gadget ➢ HTML/Javascript"
4. Copiez / 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/AVvXsEiINVpchpzjJNViUCFKpDgGO6qujcCiM_E7NQLXYyb8-5Z8TZcmBEZDPMDKXL3xnSPVUgSv5tS_f_xJ4m5ejfdkWkx42n6-0iuHrixGl3DZQQQ_DO7JndoNH-SdLcAfGeQ8AvSopysrYThM/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=http://www.facebook.com/pages/Guiplap/198455533612666&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://guiplap.blogspot.com/2013/04/ajouter-le-gadget-flottant-fans-facebook.html">Avoir ce gadget</a></span></div></div>

Remplacez l'URL en rouge par celle de votre page Facebook, ensuite cliquez sur "Enregistrer" et allez le voir sur votre Blog.

Cacher / Désactiver Les Commentaires Dans Blogger

2013-04-01T14:04:00.003+02:00

Les commentaires Blogger permettent aux lecteurs de votre blog de laisser des questions ou donner leurs avis sur les messages que vous avez publiés.
Si vous ne souhaitez pas que les visiteurs puissent déposer des commentaires pour certains articles/pages ou pour toutes les pages du blog, suivez les instructions :

✫ Désactiver les commentaires pour certains articles / pages :

Lorsque vous rédigez une page ou un article, dans le menu latéral sélectionnez "Options" :
- Si vous souhaitez désactiver les nouveaux commentaires en gardant les anciennes,
sélectionnez la case : "Ne pas autoriser, afficher les existants"
- Si vous souhaitez interdire les nouveaux commentaires et masquer les existants,
sélectionnez la case : "Ne pas autoriser, masquer les existants"

Vous pouvez aussi faire la manipulation pour les anciens articles en passant par "Messages" > "Modifier"

✫ Cacher/Désactiver les Commentaires Dans Toutes Les Pages Du Blog :

Pour masquer / désactiver les commentaires dans toutes les pages de votre blog, procédez comme suit :
allez à "Paramètres" > "Publications et Commentaires" ,
dans la liste "Emplacement des commentaires" choisissez "Masquer"
=> le champ "Enregistrer un commentaire" est désactiver maintenant sur toutes les pages du blog.

Le Générateur d'Image "COOLTEXT"

2013-03-10T21:45:00.002+01:00

Aujourd'hui, je veux vous montrer un outil pour votre blog Blogger, il s'agit d'un site web qui avec vous pouvez faire une image, un logo, une signature.......etc, pour votre blog Blogger.
C'est très simple, il vous suffit d'entrer dans le site COOLTEXT.

EXEMPLE :

Mettre Un Titre Défilant Dans La Barre De Navigation

2013-03-05T20:39:00.002+01:00

Voila, cette fois j'ai un nouveau truque pour vous. C'est vraiment un truque super, je vais vous montrer comment faire un titre défilant dans la barre de navigation.
1. Voila le code, il faut qu'il soit entre <head> et </head> :

<script type="text/javascript">
var titre = "Votre Titre";
function bougerTitre() {
 titre = titre.substring(1, titre.length) + titre.substring(0, 1);
 document.title = titre;
 setTimeout("bougerTitre()", 100);
 }
bougerTitre();
</script>

2. Changer [Votre Titre] par le titre que vous voulez mettre, et choisissez la vitesse du défilement du titre en remplaçant [100] par celle qui vous convient.
--------------------------------------------------------------------------------------------------------------------
✤ Remarque : Vous pouvez aussi utiliser le script dans un article.

Cacher Le Gadget D'Attribution De Blogger

2013-01-31T22:20:00.001+01:00

Le gadget attribution qui affiche le message "Fourni par Blogger" est celui qui me contrarie le plus, de tous les gadgets fournis par Blogger, et ceci pour deux raisons :

1) Blogger nous empêche de l'effacer

2) Ce gadget attribution rappel aux visiteurs qu'ils ne sont que sur un blog.

Même si Blogger nous empêche de supprimer ce gadget (Fourni par Blogger), il existe des moyens pour le cacher afin qu'il n'apparaisse pas sur votre blog.

Pour vous j'ai 2 moyens :

1. Ajouter l'attribut " mobile='only'".

Pour cela, il suffit de retrouver le gadget attribution dans votre modèle et de lui ajouter un attribut afin qu'il soit plus affiché que sur la version mobile de votre blog.

<b:widget id='Attribution1' locked='true'  title='' type='Attribution'/>

En ajoutant l'attribut mobile='only', vous aurez le gadget attribution paramétré pour n'afficher le message "Fourni par Blogger" que sur la version mobile. Le résultat sera le suivant :

<b:widget id='Attribution1' locked='true' mobile='only' title='' type='Attribution'/>

2.Remplacer la valeur de l'attribut [ locked='true' ] par [ locked='false' ].

C'est simple.

En revenant sur la ligne :

<b:widget id='Attribution1' locked='true'  title='' type='Attribution'/>

vous changeriez [ locked='true' ] par [ locked='false' ].

❂ Mais avec cette deuxième astuce, il y a des chances que le widget d'attribution revienne.

Ajouter Un Compteur De Commentaire DISQUS

2013-01-26T19:33:00.002+01:00

Dans l'un de mes précédent article je vous avez montré comment mettre le module de commentaire DISQUS. Et bien cette fois je vais vous monter comment mettre le compteur de commentaire DISQUS sur votre Blog.
Pour cela et comme d'habitude, suivez les étapes très bien :

À partir de votre " Tableau de bord Blogger ", allez à " Modèle ", puis " Modifier le code HTML " .
Cliquez sur " Développer des modèles de gadgets ".
En appuyant sur " Ctrl + F ", recherchez cette ligne de code dans votre modèle.

<div class='post-header-line-1'/>

Ensuite Copiez / Collez tout ça ci-dessous juste après la première ligne trouvée.

<!-- Disqus Comment Count Start-->

<a class='dsq-comment-count comment-link commentslink' expr:href='data:post.url + &quot;#disqus_thread&quot;'/>

<!--Disqus Comment Count End-->

Enregistrez votre modèle et c'est tout! Maintenant vous devriez avoir le nombre de commentaires affichés juste en dessous du titre du poste, juste à côté de la date. J'espère que vous trouverez ce bon pourboire et astuce utile.

Ajouter le module de commentaire '' DISQUS ''

2013-01-25T19:54:00.001+01:00

Aujourd'hui, je vais vous montrer un module de commentaire que vous pourriez mettre sur votre Blog.
Ce module créé par DISQUS.COM est superbe, même moi je l'utilise, et c'est pour cela que je le conseil pour vous .
Pour l'intégrer sur votre Blog suivez les étapes suivante :
1. Allez au site web DISQUS.COM, cliquez sur le bouton Get this on your site, ensuite remplissez le formulaire d'inscription :

2. Vous arrivez à la deuxième étape, le chois de la plateforme, vous allez choisir Blogger.
Mais vous pouvez aussi choisir (Tumblr - Wordpress - TypePad .... etc.)
Si votre Blog et fourni par un autre site web, c'est pas grave, vous pouvez cliquez sur Universal Code.

3. Pour cette troisième étape vous n’aurez plus qu'à cliquer sur Add [le nom de votre site] to my blogger site.
4. Si vous voulez importer des commentaire de votre Blog, cliquez sur Tools > Import.
5. Ensuite allez au tableau de bord en cliquant sur Continue to the moderation
dashboard.

Remarque :

1) De votre Tableau de bord vous pouvez réinstaller votre module de commentaire au cas où vous auriez des problème.
a. Allez sur Settings.
b. Ensuite Install.

Changer le style de "La Barre de Défilement" de votre Blog

2013-01-24T16:04:00.001+01:00

Cette fois je vais vous montrer comment changer le style de "la barre de défilement" de votre Blog.
Pour cela suivez les étapes :
1. Allez sur Tableau de bord ➢ Modèle ➢ Modifier le code HTML ➢ Continuer.

2. Cherchez ]]></b:skin> en cliquant sur Ctrl + F.

3. Copiez puis Collez le code ci-dessous, avant ]]></b:skin>.

::-webkit-scrollbar {
background: #fff;
width: 15px;
}

::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-webkit-border-radius: 30px;
background-image: -webkit-linear-gradient(top, rgb(6, 110, 206) 10%, rgb(23, 125, 220) 51%);
}

::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 30px;
}

4. Pour qu'il soit correspondant au thème et à la couleur de votre Blog, modifiez les valeurs des attributs CSS en rouge. (background, width, -webkit-box-shadow, -webkit-border-raduis, background-image)

Ajouter le bouton "En savoir plus" sur votre Blog

2013-01-23T17:05:00.000+01:00

Voici un widget que vous pouvez ajouter à votre site Blogger que j'ai trouvé. Il s'agit d'une mise à jour qui a été créé par Lasantha Bandara , et cela créera automatiquement un résumé après avec vignette.
Voici les étapes :
1. Accédez à Blogger Tableau de bord > Modèle > Modifier le code HTML .
2. Cliquez sur Développer modèles de gadgets .
3. Rechercher </ head> tag.
4. Ajouter ce code avant </ head> tag:

<script type='text/javascript'>
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 150; 
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){ 
 if(strx.indexOf("<")!=-1)
 {
 var s = strx.split("<"); 
 for(var i=0;i<s.length;i++){ 
 if(s[i].indexOf(">")!=-1){ 
 s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
 } 
 } 
 strx =  s.join(""); 
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2; 
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
 strx = strx.substring(0,chop-1); 
 return strx+'...'; 
}

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
 if(img.length>=1) {    
 imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
 summ = summary_img;
 }

 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}

//]]>
</script>

Remarque: Vous pouvez modifier les valeurs ci-dessous avec vos préférences:
summary_noimg : number of characters shown when there's no image.
summary_img : number of characters shown when there's an image.
img_thumb_height : height of post thumbnails.
img_thumb_width : width of post thumbnails.

5. Recherche ça <data:post.body/>

6. Ensuite remplace le avec ça:

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div style='float:right;margin-right:10px;margin-top:5px;'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

7. Enregistrer le modèle

Remarque: Effectuez toujours une sauvegarde avant de faire toutes les personnalisations de votre modèle.

Ajouter Social-Sharing Gadget en bas de chaque article

2013-01-22T20:05:00.000+01:00

Voici des icones de partage de Sharethis que vous pouriez ajouter sur votre Blog .

- Ils seront automatiquement mis en bas de chaque Article sur votre Blog.

Suivez les étapes pour les mettre sut votre Blog.

Allez sur Tableau de bord ➢ Mise en page.
Cliquez sur Ajouter un gadget.
Choisisez HTML/JavaScript, puis Copiez / Collez le code ci-dessous.

<span id="st_finder"></span><script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script><script type="text/javascript">var switchTo5x=true;stBlogger2.init("http://w.sharethis.com/button/buttons.js", {"facebook":["large","Facebook",""],"twitter":["large","Tweet",""],"googleplus":["large","Google +",""],"linkedin":["large","LinkedIn",""],"blogger":["large","Blogger",""],"wordpress":["large","WordPress",""],"tumblr":["large","Tumblr",""],"pinterest":["large","Pinterest",""]} , "ef0adfd8-b13d-44c3-87f9-93fe5d7caa2c");var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}</script>

Et pour finir, enregistrer le gadget.

Maintenant, vous avez finis, allez voir votre Blog.

Comment ajouter le bouton "Haut de page" de Tumblr

2013-01-21T14:03:00.000+01:00

Cette fois, nous allons vous montrer un autre Gadget qui va vous apprendre comment ajouter un bouton "Haut de page" qui est similaire à la conception de bouton Tumblr.

De votre Blogger Tableau de bord, allez sur la page Modèle.

Cliquez sur le Modifier le code HTML et puis appuyez sur le bouton Continuer .

Utiliser Ctrl + F , et cherchez le <head> tag.

Copiez / collez cette ligne de code ci-dessus ou avant celui-ci.

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

Utiliser Ctrl + F une deuxième fois, et rechercher ]]></b:skin> ensuite copiez / collez le code CSS suivant devant lui.

#scroll-top {
 background-color: #777777;
 border-radius: 24px;
 box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8) inset;
 color: #FFFFFF;
 cursor: pointer;
 display: block;
 font-family: Verdana;
 font-size: 2em;
 font-weight: bold;
 line-height: 2em;
 text-align: center;
 text-decoration: none;
 position:fixed;
 width: 48px; 
 height: 48px;
 bottom:30px; 
 right:20px;
 opacity:0.85;
 transition:opacity 0.25s ease 0s;
}

#scroll-top:hover{
 opacity: 1;
 color: #FFFFFF;
}

Pour que le bouton soit bien intégré et correspondant à votre theme et couleur du blog, n'oubliez pas de modifier les valeurs des attributs CSS suivantes: Background-color , color , font-family , font-size et line-height . Les trois derniers attributs déterminent l'apparition du symbole caret (^). Vous pouvez également régler border-radius au cas où vous souhaitez modifier la courbure des coins arrondis de la place.

Enfin, pour ajouter la fonctionnalité de la touche, on ajoute le code JavaScript suivant dans le code HTML. Utiliser Ctrl + F encore une fois, chercher la balise </body> tag et collez le code suivant.

<script type='text/javascript'>
$(function() {
 $.fn.scrolltoTop = function() {
 var scrollLink = $(this), 
 win = $(window);
 scrollLink.hide();
 if (win.scrollTop() != '0'){
 scrollLink.fadeIn('slow')
 }
 win.scroll(function() {
 if (win.scrollTop() == '0'){
 scrollLink.fadeOut('slow')
 } 
 else{
 scrollLink.fadeIn('slow')
 }
 });
 scrollLink.click(function() {
 $('html, body').animate({
 scrollTop: 0
 }, 'slow')
 })
 }   
});
$(function() {
 $('#scroll-top').scrolltoTop();
});
</script>
<a id='scroll-top' href='#' title='Scroll to top'>^</a>

Enregistrez votre modèle et prévisualiser votre blog pour voir si le bouton ressemble en fonction de votre satisfaction.

Félicitations! Vous avez terminé.

Générateur De Codes HTML Couleurs

2012-12-17T12:35:00.000+01:00

Plein nouvelle palette de couleurs, cliquez sur l'une des couleurs pour afficher sa valeur HTML. Et plus...