Comment insérer un code de gadget pour les blogs de niveau Privilège et Premium ?

J'ai un code à mettre dans un module ou un article.
Par exemple :
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5030-green.swf";obj.TimeZone="France_Paris";obj.width=127;obj.height=150;obj.TimeFormat="H:mm:ss TT";obj.wmode="transparent";showClock(obj);</script>
Comment le placer ?

Il y a un bouton spécial que vous devez trouver !

Dans le rédacteur de l'article :
insert001

Dans le rédacteur du module :
insert002

Clic là-dessus, copie et colle le code :
insert003
N'oubliez pas le clic sur le bouton de mise à jour.

Validez le module ou l'article et hop (vous ne verrez pas le résultat ici : ce blog est de niveau Confiance).

Si vous n'arrivez pas au bon résultat, si l'éditeur vous oppose un message d'erreur, peut-être êtres vous l'auteur d'un blog de niveau Confiance pour lequel le javascript, les forumlaires et les fenêtres sont interdits (voir cet article).
Publié dans : Inserts gadgets et autres - Demander une aide - Voir les 2 commentaires
Retour à l'accueil

Commentaires

Bonjour avec mes meilleurs voeux.
Je suis vraiment pas douée sur la toile mais bon :
voilà, j'aimerai mettre une musique dès qu'un visiteur arrive sur mon site.
Je suis perdue dans tous "les codes à copier/coller".
Par ou je dois commencer et comment faire, car j'aimerai mettre des gadgets animés par exemple !
Merci beaucoup de votre réponse et bonne soirée.

PS : j'amerai mettre votre logo, mais comment faire, je répète - je ne suis pas du tout douée ...
Commentaire n°1 posté par DUROT Lara le 10/01/2011 à 17h56

Bonjour,

Pour la musique, je ne te recommande pas de faire jouer un morceau de façon automatique tout simplement parce que beaucoup de blogeurs naviguent en écoutant déjà de la musique. Il faut donc laisser le choix de l'écouter ou pas.
Lorsque tu gères le contenu d'un module, tu as un onglet en haut de l'éditeur "Ajouter une musique", cliques dessus et laisses-toi guider.

Concernant les gadgets animés, restreint-toi aux images animées.
Tu peux les héberger dans un dossier spécial dans >Mes documents >Images et surtout laisses-les en taille d'origine lorsque tu les incorpore dans un article ou un Textes-libres.

Réponse de les Brigades le 10/01/2011 à 19h24
Bonjour, comme je suis entrain de craquer, étant néophyte dans le langage CSS et autre HTML, je reviens vers vous, car voila des jours que je passe à vouloir modifier et placer correctement les boutons PayPal. Pour ma page d'accueil, c'est OK, même si j'aurai préféré mettre mon panier en haut à droite du site. Par contre, pour mes pages, dans les modules le bouton "Achat de chèque cadeau" refuse d'augmenter de taille. Auriez-vous une solution? Désolé pour le dérangement, et vraiment un grand merci, cordialement Christophe.

html {scrollbar-face-background-image:URL(http://idata.over-blog.com/4/02/42/07/net.jpg) ;scrollbar-arrow-color:#99cc00; scrollbar-track-color:#fffdea;scrollbar-highlight-color:#ff9900;scrollbar-shadow-color:#ff9900;scrollbar-3dlight-color:#ff9900;scrollbar-darkshadow-color:#ff9900;}
#global {width: 950px; background-color: #fffdea; margin: 0 auto 20px;}

#cl_0_0 {margin: 0; padding: 0; width: 100%;}
#cl_1_0 {float: left; width: 250px; padding: 0px 0 0 0; margin: 0 10px; background-image:URL(http://idata.over-blog.com/4/02/42/07/planche-toile189.jpg);}
#cl_1_1 {float: left; width: 600px; margin: 0; margin-left: 8px; padding: 0px 10px 0 10px;}
#cl_1_0 ul, #cl_1_0 ol {padding-left: 25px; margin-left: 0;}
#cl_2_0 {/line-height: 15px;}


.GcheTexte{float:left; margin:3px;}
.DrteTexte{float:right; margin:3px;}
.CtreTexte{margin:3px auto; display:block;}
.hitcitation {font-style:italic;text-align:justify;padding:5px 20px;background-color:#eee;}
.hitencart {border:1px solid black;text-align:justify;font-weight:bold;margin:5px 0px;padding:5px 5px;}
.hitimportant {font-weight:bold;color:red;font-weight:bold;font-size:120%;}
.hitperso1 {font-style:italic;}
.hitperso2 {font-weight:bold;}

#header {min-height: 150px; margin-bottom: 0;}/*----------------------------------------------------------------------------*/
/* Variation */
/*----------------------------------------------------------------------------*/
body {margin:0px; padding:0px; background-color: #5a3a22; font-family: 'Arial', Verdana, Helvetica; font-size: 12px; color:#464032; line-height: 18px;}
h1 {color: #CCCCCC; font-size: 20px;}
h2 {color: #CCCCCC; font-size: 15px;}
h3 {color: #CCCCCC; font-size: 12px;}
a {text-decoration: none; color:#A7430F; font-size:100%;}
a:hover {text-decoration: underline; color:#A7430F;}
legend {color:#CCCCCC; padding-left:5px; padding-right:5px;}
img {border:0px none;}
input {border:solid 2px #dedede; font-size:100%; background-color:#FFF; color:#000000; height: 18px;}
.button {background-color: #ac9a79; color: #fff; height: 100%; padding: 2px}

/* ------------------entete ---------------------*/

#top {background-image:URL(http://idata.over-blog.com/4/02/42/07/planche.jpg); font-family: 'Georgia'; padding:0px; color:#5a3a22; font-size: 14px; text-align: left; padding-top: 40px; padding-left: 20px; font-weight: normal; font-style: italic; line-height: 23px; /line-height: 25px;}
#top h1 {padding:0px; margin:0px; color:#5a3a22;}
.topLien {text-decoration:none; color:#5a3a22;}
.topLien:hover {text-decoration:underline; color:#5a3a22;}
#top a {color: #5a3a22; font-size: 30px; text-decoration: none; font-weight: normal; font-style: normal;}
#top img {margin: 0 auto; padding: 0px;}

/*-------------------module--------------------------*/

.box {margin:0px; margin-bottom: 0px; margin-top:8px;}
.box a {color: #5A3A22; text-decoration: none;}
.box a:hover {text-decoration: underline; color: #5A3A22;}
.box h2 {font-size: 15px; margin: 0px; padding: 5px; color:#5a3a22; font-weight: normal; line-height: 5px;}
.box-titre {padding:0px;}
.box-footer {display:none;}
.box-content {overflow: hidden; padding: 5px 3px; color:#000000;}
.box-content p {margin:6px 0px; padding:0px; color:#000000;}
.box-content ul {margin:5px 0px; padding:0px; color:#000000;}
.box-content li {list-style: none; color:#000000; margin:3px 0; padding:0px;}
.listAll{display:block; text-align:right;}
.text li, .lien li, .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {min-height: 10px; padding: 5px 0 0 0px; line-height: 14px; /line-height: 15px;}
.commentrecent li {min-height: 10px;}
.imgAndText li {width: 250px; float: left; height: 200px;}

.recherche .box-titre h2 {text-align : center ; color : #ff9900 ; font-weight : bold ; font-size : 20px ; text-decoration : underline ; font-family : Andale Mono;}
.recherche input {text-align : left ; color : white ; font-weight : bold ; font-size : 16px ; font-family : Andale Mono ; background-color:#ac9a79}
.recherche .button {text-align : center ; color : white ; font-weight : bold ; font-size : 16px ; font-family : Andale Mono ;}

.pub h2 {display: none;}
.pub .box-content {margin: 0 0 0 0px;}
.pub {border: 0; background-color: transparent;}

.article_navigation {line-height: 14px;}

.text .box-titre h2 {text-align : center ; color : #ff9900 ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-family : Andale Mono ;}

.presentation .box-titre h2 {text-align : center ; color : #ff9900 ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-family : Andale Mono ;}

.presentation .linkRecomm {text-align : center ; color : #A7430F ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-family : Andale Mono ;}
.presentation .linkContact {text-align : center ; color : #A7430F ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-family : Andale Mono ;}

.profil .box-titre h2 {text-align : center ; color : #ff9900 ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-family : Andale Mono ;}

.categorie .box-titre h2 {text-align : center ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-family : Andale Mono ;}
.categorie a {color : #74390f; margin-left : 0px ; text-align: left ; font-size : 18px; font-family : Andale Mono ;}
.categorie ul li {color : #99cc00 ; margin-left : 0px ; text-align: left ; font-size : 18px ; font-family : Andale Mono ;}

.lien .box-titre h2 {text-align : center ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-family : Andale Mono ;}
.lien a {color : #74390f ; font-size : 18px ; font-family : Andale Mono ;}

.box3 .box-content, .box4 .box-content {text-align:center}
.box3 input, .box4 input {width:110px;height:25px;}
/*------------------- Articles ----------------------------------*/

.article, .page {margin-top:0px; color:#464032; text-align: justify; margin-bottom: 0px; padding: 0px;}
.article p, .page p {margin:0px;}
.contenuArticle, .pageContent {padding: 10px;}
.afterArticle, .afterPage {font-size: 12px; color:#464032; margin-top: 15px; font-weight: normal; font-style: normal; line-height: 15px;}
.afterPage {background-color: transparent;}
.plusExtrait a, .afterArticle a {font-size: 12px; text-decoration: none; color:#A7430F; padding: 3px; font-weight: bold; font-style: normal;}
.plusExtrait a:hover, .afterArticle a:hover {text-decoration: underline; color: #A7430F;}
.afterArticle .separator, .plusExtrait .separator {display: none;}
.plusExtrait br, .afterArticle br {margin: 0; padding: 0;}

.spanRecommend .facebook {padding: 0 8px;}
.before_articles {display: none;}
.beforeArticle, .beforePage {padding: 5px 0px; width:600px; text-align: right; margin: 10px 0 10px 0; display: block; font-size: 13px; font-style: normal; font-weight: bold; line-height: 15px;}
.beforePage {padding: 0; background-color: transparent;}
.beforeArticle .date span, .beforeArticle .separator {display: none;}
.beforeArticle .date span.text {display: inline; margin-right: 5px;/margin-right: 10px;}
.beforeArticle .publishedBy {margin-right: 5px;}
.beforeArticle a {text-decoration: underline; color:#464032;}
.beforeArticle a:hover {text-decoration: none; color:#464032;}
.linkTopic {text-transform:lowercase;}
.linkTopic:hover {text-transform:lowercase;}
.titreArticle, .divPageTitle h2 {color: #A7430F; font-size: 20px; font-weight: normal; text-decoration: none; margin: 0; display: block;}
.titreArticle:hover, .divPageTitle h2:hover {text-decoration:none; color:#464032;}
.article h2, .divPageTitle h2 {min-height: 20px; margin: 0; margin-top: 5px; line-height: 24px; margin-left: 10px;}
.topicTitle {text-decoration:none; color:#A7430F; text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 15px; margin-left: 10px; margin-bottom: 30px; margin-top: 10px;}

.afterReactions {text-align:left; display:block; height: 100px; line-height: 35px;}
.afterReactions .linkAddComment {font-size:100%;}
.afterReactions a {padding: 3px 5px; font-size: 12px; text-decoration: none; color:#A7430F; font-weight: bold;}
.afterReactions a:hover {text-decoration: underline; color: #A7430F;}

/*--------------------Liste des articles-------------------------*/

.listArticles {margin-bottom:25px; border:0px none; color:#464032; margin-top: 10px; padding: 10px;}
.resumeArticle {color:#464032; text-align: justify; padding: 0 5px; margin-top: 10px;}
.listArticles a {color: #A7430F; font-size: 20px; font-weight: normal; text-decoration: none;}
.listArticles a:hover {text-decoration: none; color: #464032
Commentaire n°2 posté par negri le 07/07/2011 à 00h38

Bonjour, 
Là, il faut demander à Paypal car l'image est dans sa taille d'origine : https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_giftCC_LG.gif

Voir sur leur site s'il y a plus grand.  

Réponse de les Brigades le 17/07/2011 à 01h06
Demander une aide

Communication

Plusieurs moyens pour obtenir un coup de main de ma part :
Ajoutez un commentaire dans l'article qui vous intéresse.

Powered By Hab.la
 
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés