Créer un site internet

Blog

Plein de gadgets Google pour votre site !

 

Cliquez ici pour trouver un choix thématique de gadgets Google.

 

Dans la fenêtre du haut, vous pouvez chercher un gadget particulier en tapant un mot clé.

 

Ensuite, il y a 2 solutions :

 

Soit vous cliquez sur "Ajoutez à votre page web", comme indiqué, si c'est ce que vous cherchez,

 

Soit, si vous voulez insérer le module sur votre site, vous cliquez sur le titre du module en haut, souligné en bleu, puis vous cliquez sur "Afficher la source", et vous copiez-collez le code HTML sur votre site.

 

 

Par exemple, pour le gadget "Google Translate My Page 2" :

 

<Module>
-
<ModulePrefs title="Google Translate My Page 2" author="Josh E." description="Halaman indonesia ke bahasa alinnya." author_email="indbaru.feedback+translatemypage@gmail.com" author_link="http://translate.google.com/" title_url="http://translate.google.com/translate_tools" screenshot="/ig/modules/translatemypage_content/translatemypage.png" thumbnail="/ig/modules/translatemypage_content/translatemypage-thm.png" author_location="Mountain View, CA" author_affiliation="Google Inc." width="160" height="60">
<Locale messages="/ig/modules/translatemypage_content/messages__en.xml"/>
<Locale lang="id" messages="/ig/modules/translatemypage_content/messages__id.xml"/>
<Locale lang="zh-CN" messages="/ig/modules/translatemypage_content/messages__zh-cn.xml"/>
<Locale lang="zh-TW" messages="/ig/modules/translatemypage_content/messages__zh-tw.xml"/>
<Locale lang="en" messages="/ig/modules/translatemypage_content/messages__en.xml"/>
<Locale lang="nl" messages="/ig/modules/translatemypage_content/messages__nl.xml"/>
<Locale lang="fr" messages="/ig/modules/translatemypage_content/messages__fr.xml"/>
<Locale lang="de" messages="/ig/modules/translatemypage_content/messages__de.xml"/>
<Locale lang="el" messages="/ig/modules/translatemypage_content/messages__el.xml"/>
<Locale lang="it" messages="/ig/modules/translatemypage_content/messages__it.xml"/>
<Locale lang="ja" messages="/ig/modules/translatemypage_content/messages__ja.xml"/>
<Locale lang="ko" messages="/ig/modules/translatemypage_content/messages__ko.xml"/>
<Locale lang="pt-BR" messages="/ig/modules/translatemypage_content/messages__pt-br.xml"/>
<Locale lang="pt-PT" messages="/ig/modules/translatemypage_content/messages__pt-pt.xml"/>
<Locale lang="ru" messages="/ig/modules/translatemypage_content/messages__ru.xml"/>
<Locale lang="es" messages="/ig/modules/translatemypage_content/messages__es.xml"/>
<Require feature="analytics"/>
</ModulePrefs>
-
<UserPref name="source_language" display_name="__MSG_orig_language__" datatype="enum" defaultvalue="en">
<EnumValue value="id" displayvalue="__MSG_indonesian__"/>
<EnumValue value="zh-CN" displayvalue="__MSG_chinese_zh__"/>
<EnumValue value="zh-TW" displayvalue="__MSG_chinese_tw__"/>
<EnumValue value="en" displayvalue="__MSG_english__"/>
<EnumValue value="nl" displayvalue="__MSG_dutch__"/>
<EnumValue value="fr" displayvalue="__MSG_french__"/>
<EnumValue value="de" displayvalue="__MSG_german__"/>
<EnumValue value="el" displayvalue="__MSG_greek__"/>
<EnumValue value="it" displayvalue="__MSG_italian__"/>
<EnumValue value="ja" displayvalue="__MSG_japanese__"/>
<EnumValue value="ko" displayvalue="__MSG_korean__"/>
<EnumValue value="pt" displayvalue="__MSG_portuguese__"/>
<EnumValue value="ru" displayvalue="__MSG_russian__"/>
<EnumValue value="es" displayvalue="__MSG_spanish__"/>
</UserPref>
-
<Content type="html">

<style type="text/css">
#content_div {
background-image: url(http://www.google.com/ig/modules/translatemypage_content/box.gif);
background-repeat: no-repeat;
width:160px;
height:75px;
margin: 0px 0px 0px 0px;
}
.title {
padding-left:5px;
padding-top:5px;
}
.title_link {
color: #666666;
font-size: 15px;
font-weight: bold;
text-decoration:none;
}
.title_link:visited {
color: #666666;
}
.title_text {
vertical-align: top;
}
.small {
font-size: 9px;
color: #00C;
}
a {
color: #00C;
}
#lang_form {
margin-left: 5px;
margin-top: 0px;
margin-bottom: 0px;
}
#lang_select {
width: 146px;
}
#s {
margin-top: 3px;
margin-right: 8px;
text-align: right;
}
</style>
<div id="content_div">
<div class="title">
<a href="http://translate.google.com/translate_t" target="_top" class="title_link">
<img border=0 src="http://www.google.com/ig/modules/translatemypage_content/logo.gif" />
<span class="title_text" id="translate">Translate</span>
</a>
</div>
<form id="lang_form">
<select id="lang_select" onchange="dotranslate(this);">
<option value="" id="select_language">Select Language</option>
</select>
</form>
<div style="margin-top:8px;text-align:center;width:100%">
<i style="color:#999;font-size:0.7em">Update this gadget.
<a href="http://translate.google.com/translate_tools" target="_top">Click here</a></i>
</div>
</div>
<script>
var prefs = new _IG_Prefs(__MODULE_ID__);

function renderGadget() {
var browser_lang = browserLanguage();
var orig = prefs.getString("source_language");
var select_language = _gel("select_language");
var lang_select_obj = _gel("lang_select");

var found_browser_lang = false;
for (var target in target_languages) {
if (target_languages[target] != browser_lang) {
lang_select_obj.appendChild(createOption(orig, target_languages[target]));
} else {
found_browser_lang = true;
}
}
if (found_browser_lang) {
lang_select_obj.insertBefore(
createOption(orig, browser_lang),
select_language.nextSibling);
}
if (_args()["source"] && _args()["source"].match("translate_c")) {
var newoption = document.createElement("option");
newoption.value = "orig";
newoption.id = "original_page";
newoption.appendChild(document.createTextNode("Original Page"));
lang_select_obj.insertBefore(newoption, select_language.nextSibling);
}

updateForBrowserLang(browser_lang);
}

var target_languages = ['ar', // Arabic
'bg', // Bulgarian
'ca', // Catalan
'cs', // Czech
'da', // Danish
'de', // German
'el', // Greek
'en', // English
'es', // Spanish
'fi', // Finnish
'fr', // French
'hi', // Hindi
'hr', // Croatian
'id', // Indonesian
'it', // Italian
'iw', // Hebrew
'ja', // Japanese
'ko', // Korean
'lt', // Lithuanian
'lv', // Latvian
'nl', // Dutch
'no', // Norwegian
'pl', // Polish
'pt', // Portuguese
'ro', // Romanian
'ru', // Russian
'sk', // Slovak
'sl', // Slovenian
'sr', // Serbian
'sv', // Swedish
'tl', // Filipino
'uk', // Ukrainian
'vi', // Vietnamese
'zh-CN', // Chinese (Simplified)
'zh-TW']; // Chinese (Traditional)

// GWS Message 3
var display_name = new Array();
display_name['ar'] = "العربية";
display_name['bg'] = "български";
display_name['ca'] = "català";
display_name['cs'] = "česky";
display_name['da'] = "Dansk";
display_name['de'] = "Deutsch";
display_name['el'] = "Ελληνικά";
display_name['en'] = "English";
display_name['es'] = "Español";
display_name['fi'] = "suomi";
display_name['fr'] = "Français";
display_name['hi'] = "हिन्दी";
display_name['hr'] = "hrvatski";
display_name['id'] = "Indonesia";
display_name['it'] = "Italiano";
display_name['iw'] = "עברית";
display_name['ja'] = "日本語";
display_name['ko'] = "한국어";
display_name['lt'] = "Lietuvių";
display_name['lv'] = "latviešu";
display_name['nl'] = "Nederlands";
display_name['no'] = "norsk";
display_name['pl'] = "Polski";
display_name['pt'] = "Português";
display_name['ro'] = "Română";
display_name['ru'] = "Русский";
display_name['sk'] = "slovenčina";
display_name['sl'] = "slovenščina";
display_name['sr'] = "српски";
display_name['sv'] = "Svenska";
display_name['tl'] = "Filipino";
display_name['uk'] = "українська";
display_name['vi'] = "Tiếng Việt";
display_name['zh-CN'] = "中文 (简体)";
display_name['zh-TW'] = "中文 (繁體)";

// TODO(jestelle): All of the below messages should be moved into message
// files. This was not possible before because iGoogle did not localized
// properly based on the user's interface and/or accept languages. Now
// that they do, we can put these into normal message files, and get rid
// of updateForBrowserLang()
// Message 33
var translate_message = new Array();
translate_message['ar'] = "ترجمة";
translate_message['bg'] = "Преводач";
translate_message['ca'] = "Traductor";
translate_message['cs'] = "Překladač";
translate_message['da'] = "Oversæt";
translate_message['de'] = "Übersetzung";
translate_message['el'] = "Μετάφραση";
translate_message['en'] = "Translate";
translate_message['es'] = "Traductor";
translate_message['fi'] = "Kääntäjä";
translate_message['fr'] = "Traduction";
translate_message['hi'] = "अनुवाद करें";
translate_message['hr'] = "Prevoditelj";
translate_message['id'] = "Translate";
translate_message['it'] = "Traduttore";
translate_message['iw'] = "תרגם";
translate_message['ja'] = "翻訳";
translate_message['ko'] = "번역";
translate_message['lt'] = "Versti";
translate_message['lv'] = "Tulkotājs";
translate_message['nl'] = "Vertaal";
translate_message['no'] = "Oversetter";
translate_message['pl'] = "Tłumacz";
translate_message['pt'] = "Tradutor";
translate_message['ro'] = "Traducere";
translate_message['ru'] = "Переводчик";
translate_message['sk'] = "Prekladač";
translate_message['sl'] = "Prevajalnik";
translate_message['sr'] = "преводилац";
translate_message['sv'] = "Översätt";
translate_message['tl'] = "Pagsasalin";
translate_message['uk'] = "Перекладач";
translate_message['vi'] = "Dịch";
translate_message['zh-CN'] = "翻译";
translate_message['zh-TW'] = "翻譯";


// Message 75
var select_language_message = new Array();
select_language_message['ar'] = "تحديد اللغة";
select_language_message['bg'] = "Избор на език";
select_language_message['ca'] = "Selecciona l'idioma";
select_language_message['cs'] = "Zvolit jazyk";
select_language_message['da'] = "Vælg sprog";
select_language_message['de'] = "Sprache wählen";
select_language_message['el'] = "Επιλογή γλώσσας";
select_language_message['en'] = "Select Language";
select_language_message['es'] = "Seleccionar idioma";
select_language_message['fi'] = "Valitse kieli";
select_language_message['fr'] = "Choisissez langue";
select_language_message['hi'] = "भाषा चुनें";
select_language_message['hr'] = "Odaberite jezik";
select_language_message['id'] = "Pilih Bahasa";
select_language_message['it'] = "Seleziona lingua";
select_language_message['iw'] = "בחירת שפה";
select_language_message['ja'] = "言語を選択";
select_language_message['ko'] = "언어설정";
select_language_message['lt'] = "Pasirinkite kalbą";
select_language_message['lv'] = "Atlasiet valodu";
select_language_message['nl'] = "Kies Taal";
select_language_message['no'] = "Velg språk";
select_language_message['pl'] = "Wybierz język";
select_language_message['pt'] = "Seleccionar idioma";
select_language_message['ro'] = "Selectaţi limba";
select_language_message['ru'] = "Выберите язык";
select_language_message['sk'] = "Výber jazyka";
select_language_message['sl'] = "Izberi jezik";
select_language_message['sr'] = "Изабери језик";
select_language_message['sv'] = "Välj språk";
select_language_message['tl'] = "Pumili ng Wika";
select_language_message['uk'] = "Виберіть мову";
select_language_message['vi'] = "Chọn Ngôn ngữ";
select_language_message['zh-CN'] = "选择语言";
select_language_message['zh-TW'] = "選擇語言";


// Message 76
var original_page_message = new Array();
original_page_message['ar'] = "الصفحة الأصلي";
original_page_message['bg'] = "Оригинална страница";
original_page_message['ca'] = "Pàgina original";
original_page_message['cs'] = "Původní stránka";
original_page_message['da'] = "Oprindelige side";
original_page_message['de'] = "Originalseite";
original_page_message['el'] = "Πρωτότυπη σελίδα";
original_page_message['en'] = "Original Page";
original_page_message['es'] = "Página original";
original_page_message['fi'] = "Alkuperäinen sivu";
original_page_message['fr'] = "Page d'origine";
original_page_message['hi'] = "मूल पृष्ठ";
original_page_message['hr'] = "Izvorna stranica";
original_page_message['id'] = "Lihat Laman asli";
original_page_message['it'] = "Pagina originale";
original_page_message['iw'] = "דף מקורי";
original_page_message['ja'] = "オリジナル ページ";
original_page_message['ko'] = "원래 페이지";
original_page_message['lt'] = "Pradinis puslapis";
original_page_message['lv'] = "Oriģinālā lapa";
original_page_message['nl'] = "Originele Pagina";
original_page_message['no'] = "Opprinnelig side";
original_page_message['pl'] = "Oryginalna strona";
original_page_message['pt'] = "Página original";
original_page_message['ro'] = "Pagina originală";
original_page_message['ru'] = "Исходная страница";
original_page_message['sk'] = "Pôvodná stránka";
original_page_message['sl'] = "Izvirna stran";
original_page_message['sr'] = "Оригинална страница";
original_page_message['sv'] = "Ursprunglig sida";
original_page_message['tl'] = "Orihinal na Pahina";
original_page_message['uk'] = "Оригінальна сторінка";
original_page_message['vi'] = "Trang gốc";
original_page_message['zh-CN'] = "原来的页面";
original_page_message['zh-TW'] = "原始網頁";


function updateForBrowserLang(browser_lang) {
_gel('translate').innerHTML =
translate_message[browser_lang];
_gel('select_language').innerHTML =
select_language_message[browser_lang];
if (_gel('original_page')) {
_gel('original_page').innerHTML =
original_page_message[browser_lang];
}
}

function browserLanguage() {
// Use the language iGoogle servers think the user wants
var blang = prefs.getLang();

// Make sure we have messages for that language
if (translate_message[blang] != undefined) {
return blang;
} else if (translate_message[blang.substring(0,2)] != undefined) {
return blang.substring(0,2);
} else {
return "en";
}
}

function createOption(source_lang, target_lang) {
var newoption = document.createElement("option");
newoption.id = "op" + source_lang + target_lang;
newoption.value = getLanguageParameter(source_lang, target_lang);
newoption.appendChild(document.createTextNode(display_name[target_lang]));
return newoption;
}

function getURL() {
var url;
if (_args()['customurl']) {
url = _args()['customurl'];
} else {
url = _args()['source'];

if (url.match('translate_c')) {
if (window.RegExp) {
var regex = new RegExp("[\?&]u=([^&#]*)");
var results = regex.exec(url);
if (results != null) {
url = _unesc(results[1]);
}
}
}
}

return url;
}

function getLanguageParameter(source_lang, target_lang) {
return "&langpair=" + source_lang + "|" + target_lang;
}

function dotranslate(select_obj) {
var target_url = getURL();
// disable if on the syndicated gadget creator
if (target_url.match("ig/creator")) {
return;
}
var path_suffix = "";
if (select_obj.value == "orig") {
window.top.location=target_url;
}
else if (select_obj.value != '') {
_IG_Analytics("UA-1043770-1", "/translate_my_page_gadget/translate");
window.top.location='http://translate.google.com/translate' +
'?client=tmpg&hl=' + browserLanguage() + '&u=' +
_esc(target_url) + select_obj.value;
}
}

_IG_Analytics("UA-1043770-1", "/translate_my_page_gadget");

renderGadget();
</script>

</Content>
</Module>

 

Ce qui donne :

 

Update this gadget. Click here

 

 

Comment centrer un widget ou une playlist ?





Prenons d'abord l'exemple d'une Playlist Deezer. Je vous rappelle que vous pouvez retrouver votre code HTML à copier-coller en vous connectant sur votre compte Deezer (ou en créant un compte puis une ou plusieurs Playlists) et en sélectionnant votre Playlist, ou l'une de vos Playlists (Vous cliquez sur votre pseudo ou avatar, puis à gauche dans "Musique" et "Mes Playlists"), et en haut à droite, cliquez sur "Lecteur exportable", personnalisez votre widget, et copiez-collez le code HTML fourni à l'endroit désiré sur votre site.


Voilà, c'est fait ! Exemple :

Découvrez la playlist Corsica avec I Muvrini




Pour cette Playlist, comme pour la plupart des objets à centrer dans vos articles (y compris certaines vidéos "incentrables" et autres gadgets ou blidgets), et que vous ne pouvez centrer en mode manuel, il suffit de rajouter la balise <center> (sans espace) avant et après le code HTML de l'objet que vous voulez insérer ; ce qui donne, pour centrer cette Playlist Deezer :


<center><object width="300" height="250"><param name="movie" value="http://www.deezer.com/embed/player?pid=28707256&ap=0&ln=fr&sl=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.deezer.com/embed/player?pid=28707256&ap=0&ln=fr&sl=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="250"></embed></object><div id="dz_ref" style="font:9px Arial">D&eacute;couvrez la playlist <a href="http://www.deezer.com/fr/music/playlist/Corsica-28707256" target="_blank">Corsica</a> avec <a href="http://www.deezer.com/fr/music/les-nouvelles-polyphonies-corses" target="_blank">Les Nouvelles Polyphonies Corses</a></div><center>

 

P.S. : Cliquez pour accéder à l'application Deezer sur Facebook.

 

 

Plus technique : pour centrer une Playlist Jiwa, par exemple, à partir du code HTML d'origine :

 

<div style="position: relative; width: 160px; height: 245px; overflow: hidden;"><a style="position: absolute; left:25px;" href="http://www.jiwa.fr/playlist/Agnus-Dei-435999.html">Agnus Dei</a><div style="position: absolute;"><object width="160" height="245" id="music-widget"><param name="wmode" value="transparent" /><param name="type" value="application/x-shockwave-flash" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://www.jiwa.fr/res/widget/compact.swf?playlistId=435999&skin=bright" /><embed src="http://www.jiwa.fr/res/widget/compact.swf?playlistId=435999&skin=bright" wmode="transparent" type="application/x-shockwave-flash" name="music-widget" width="160" height="245" allowScriptAccess="always"></embed></object></div></div><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMjAzMjUxNDIyNjImcHQ9MTIyMDMyNTE*NTU3MyZwPTMwODM*MSZkPSZuPSZnPTE=.gif" />

 

 

 

Il suffit de remplacer le code en jaune par :

 

<div style="overflow: hidden; margin-left: auto; margin-right: auto; width: 160px; height: 245px;"><a style="position: absolute; left:25px;" href="http://www.jiwa.fr/playlist/Agnus-Dei-435999.html">Agnus Dei</a><div style="position: absolute;"><object width="160" height="245" id="music-widget"><param name="wmode" value="transparent" /><param name="type" value="application/x-shockwave-flash" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://www.jiwa.fr/res/widget/compact.swf?playlistId=435999&skin=bright" /><embed src="http://www.jiwa.fr/res/widget/compact.swf?playlistId=435999&skin=bright" wmode="transparent" type="application/x-shockwave-flash" name="music-widget" width="160" height="245" allowScriptAccess="always"></embed></object></div></div><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMjAzMjUxNDIyNjImcHQ9MTIyMDMyNTE*NTU3MyZwPTMwODM*MSZkPSZuPSZnPTE=.gif" />


 

Vous pouvez aussi modifier manuellement la taille de votre widget en changeant la largeur (width) et la hauteur (height) autant de fois qu'elle est répétée dans votre code HTML. Par exemple, ci-dessus, 160 et 245 sont répétés 3 fois : il faudra donc modifier les données de la largeur et de la hauteur 3 fois.


Pensez à partager vos astuces.


Cordialement.


Patrick, l'auteur du site.

 

Vous voulez créer un Livre d'Or sur votre site ?

 

Pour créer un Livre d'Or sur votre site, je vous conseille http://www.my-guestbook.net/

Inscrivez-vous, laissez-vous guider et personnalisez-le. Vous verrez, c'est très sympa.

 

Sinon, vous pouvez installer un Livre d'Or à partir de http://www.slide.com/guest_arrange avec un exemple ci-dessous.

 

Amis blogueurs, pensez à partager vos connaissances.

 

Amicalement.

 

Patrick, l'auteur du site.

 

 

Créer un site internet avec e-monsite - Signaler un contenu illicite sur ce site