août 30

Les bookmarklets c’est super

Un bookmarklet (ou favelet) est un lien hypertexte qui contient un bout de code text à la place d’une adresse Web.

Il peut donc est mis en favoris ou marque-pages MAIS à la différence qu’il exécutera une tache précise sur la page en cours dans le navigateur.

Trouver des bookmarklets

le site bookmarklets permet d’en trouver beaucoup.

Fabriquer ces bookmarklets

Le site SandBox permet de créer une extension pour Chrome à partir du code text d’un bookmarklet.

Le site CodeFisher permet de faire la même chose pour Firefox.
On peut même choisir un icone qui va avec.

Le site w-shadow contient une page qui permet de combiner plusieurs bookmarklets pour un faire un seul.

Liste de bookmarklets utiles

Pour les utiliser, copier le code indiqué, créé un nouveau favoris, coller le code en place du lien Web.

Partage et réseaux sociaux

Mettre un lien vers la page sur Facebook

text:var%20d=document,f='http://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1293786772&u='+e(l.href)+'&t='+e(d.title);1;try{if%20(!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z)%20{a=function()%20{if%20(!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p};if%20(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)

 

Poster sur PinTerest

text:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/text');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());

 

Partager la page sur TumblR

text:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href)%20+'&t='+e(d.title)%20+'&s='+e(s),u=f+p;try{if(!/^(.*\.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a%20=function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}void(0)

 

Publier sur WordPress en intégrant le lien de la page
(remplacer mon_site_en_wordpress par le votre)

text:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.mon_site_en_wordpress.fr/wp-admin/press-this.php',l=d.location,e=encodeURIComponent,u=f+'?u='+e(l.href)+'&t='+e(d.title)+'&s='+e(s)+'&v=4';a=function(){if(!w.open(u,'t','toolbar=0,resizable=1,scrollbars=1,status=1,width=720,height=570'))l.href=u;};if%20(/Firefox/.test(navigator.userAgent))%20setTimeout(a,%200);%20else%20a();void(0)

 

Ajouter la page en cours dans la liste des liens de son WordPress
(remplacer mon_site_en_wordpress par le votre)

text:void(linkmanpopup=window.open('http://mon_site_en_wordpress/wp-admin/link-add.php?action=popup&linkurl='+escape(location.href)+'&name='+(document.title),'LinkManager','scrollbars=yes,width=960px,height=550px,left=15,top=15,status=yes,resizable=yes'));linkmanpopup.focus();window.focus();linkmanpopup.focus();

 

Envoyer la page Web par mail

text:(function(){popw='';Q='';d=document;w=window;if(d.selection){Q=d.selection.createRange().text;}else%20if(w.getSelection){Q=w.getSelection();}else%20if(d.getSelection){Q=d.getSelection();}popw=w.open('http://mail.google.com/mail/s?view=cm&fs=1&tf=1&to=&su='+encodeURIComponent(d.title)+'&body='+encodeURIComponent(Q)+escape('%5Cn%5Cn')+encodeURIComponent(d.location)+'&zx=RANDOMCRAP&shva=1&disablechatbrowsercheck=1&ui=1','gmailForm','scrollbars=yes,width=680,height=575,top=175,left=75,status=no,resizable=yes');if(!d.all)setTimeout(function(){popw.focus();},50);})();

 

Ajouter une page à sa « liste d’envie » Amazon

Amazon inclue un système qui permet de créer des « listes « d’envies » (publique, partagée grace à un lien ou privée) , contenant aussi bien des produits Amazon MAIS depuis peut, on peut y intégrer des produits d’autres sites.
Il on eu la bonne idée de faire un bookmarklet pour cela.

text:(function(){var%20w=window,l=w.location,d=w.document,s=d.createElement('script'),e=encodeURIComponent,o='object',n='AUWLBookfrFR',u='https://www.amazon.fr/wishlist/add',r='readyState',T=setTimeout,a='setAttribute',g=function(){d[r]&&d[r]!='complete'?T(g,200):!w[n]?(s[a]('charset','UTF-8'),s[a]('src',u+'.js?loc='+e(l)+'&b='+n),d.body.appendChild(s),f()):f()},f=function(){!w[n]?T(f,200):w[n].showPopover()};typeof%20s!=o?l.href=u+'?u='+e(l)+'&t='+e(d.title):g()}())

Ajouter une chanson sur SongDrop

text:(function()%7Bf='https://songdrop.com/drop?url='+encodeURIComponent(window.location.href);a=function()%7Bif(!window.open(%20f,'songdrop','width=715,height=640,resizable=no,scrollbars=yes,location=no,toolbar=no,menubar=no'%20))location.href=f+'jump=yes'%20%7D;%20if(/Firefox/.test(navigator.userAgent))%7BsetTimeout(a,0)%7Delse%7Ba()%7D%7D)()

Google

Trouver sur Google la définition d’un mot souligné

text:d=""+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text);d=d.replace(/\r\n|\r|\n/g,"%20,");if(!d)d=prompt("Enter%20the%20words:",%20"");if(d!=null)location="http://www.google.com/search?q=define:"+escape(d).replace(/%20/g,"+");void(0);

 

Ajouter la page à Google Reader (flux RSS)

text:var%20b=document.body;var%20GR________bookmarklet_domain='http://www.google.com';if(b&&!document.xmlVersion){void(z=document.createElement('script'));void(z.src='http://www.google.com/reader/ui/subscribe-bookmarklet.js');void(b.appendChild(z));}else{location='http://www.google.com/reader/view/feed/'+encodeURIComponent(location.href)}

 

Ajouter la page aux favoris de Google

text:(function(){var%20a=window,b=document,c=encodeURIComponent,d=a.open(%22http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=%22+c(b.location)+%22&title=%22+c(b.title),%22bkmk_popup%22,%22left=%22+((a.screenX||a.screenLeft)+10)+%22,top=%22+((a.screenY||a.screenTop)+10)+%22,height=420px,width=550px,resizable=1,alwaysRaised=1%22);a.setTimeout(function(){d.focus()},300)})();

 

Ajouter un évènement à Google calendar

text:var%20s;if(window.getSelection){s=window.getSelection();}else{s=document.selection.createRange().text;}var%20t=prompt('Please%20enter%20a%20description%20for%20the%20event',s);if(t){void(window.open(encodeURI('http://www.google.com/calendar/event?ctext='+t+'&action=TEMPLATE&pprop=HowCreated%3AQUICKADD'),'gcal'));}else{void(s);}

 

Envoyer une adresse à Google maps

text:d=""+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text);d=d.replace(/\r\n|\r|\n/g,"%20,");if(!d)d=prompt("Enter%20the%20address:",%20"");if(d!=null)location="http://maps.google.com?q="+escape(d).replace(/%20/g,"+");void%200

 

Outils pour les pages Web

Faire parler une page Web (avec RoboVoice)

text:(function(a)%7Bvar%20c=%22robovoicecom%22;if(!window[c])%7Bwindow[c]=%7Bserver:%22http://robovoiceapp.appspot.com%22%7D%7Dvar%20d=window[c].server+%22/js/bookmarklet/client.js%22;var%20b=a.createElement(%22script%22);b.setAttribute(%22type%22,%22text/text%22);b.setAttribute(%22src%22,d);a.body.appendChild(b)%7D)(document);

 

Imprimer seulement ce que l’on veux d’une page Web (avec Print what you like)

text:(function(){if(window['ppw']&&ppw['bookmarklet']){ppw.bookmarklet.toggle();}else{window._pwyl_home='http://www.printwhatyoulike.com/';window._pwyl_pro_id=null;window._pwyl_bmkl=document.createElement('script');window._pwyl_bmkl.setAttribute('type','text/text');window._pwyl_bmkl.setAttribute('src',window._pwyl_home+'static/compressed/pwyl_bookmarklet_10.js');window._pwyl_bmkl.setAttribute('pwyl','true');document.getElementsByTagName('head')[0].appendChild(window._pwyl_bmkl);}})();

 

Afficher une page dépouillée de ses fioritures et avec de gros caractères (avec ReadAbility)

text:(%28function%28%29%7Bwindow.baseUrl%3D%27http%3A//www.readability.com%27%3Bwindow.readabilityToken%3D%27%27%3Bvar%20s%3Ddocument.createElement%28%27script%27%29%3Bs.setAttribute%28%27type%27%2C%27text/text%27%29%3Bs.setAttribute%28%27charset%27%2C%27UTF-8%27%29%3Bs.setAttribute%28%27src%27%2CbaseUrl%2B%27/bookmarklet/read.js%27%29%3Bdocument.documentElement.appendChild%28s%29%3B%7D%29%28%29)

 

A jouter la page Web à Pocket (ex ReadItLater)

text:(function(){ISRIL_H='6207';ISRIL_SCRIPT=document.createElement('SCRIPT');ISRIL_SCRIPT.type='text/text';ISRIL_SCRIPT.src='http://readitlaterlist.com/b/r.js';document.getElementsByTagName('head')[0].appendChild(ISRIL_SCRIPT)})();

 

Utiliser EverNote sans extension de navigateur

text:(function(){EN_CLIP_HOST='http://www.evernote.com';try{var%20x=document.createElement('SCRIPT');x.type='text/text';x.src=EN_CLIP_HOST+'/public/bookmarkClipper.js?'+(new%20Date().getTime()/100000);document.getElementsByTagName('head')[0].appendChild(x);}catch(e){location.href=EN_CLIP_HOST+'/clip.action?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);}})();

 

Convertir et télécharger une page en Epub

text:(function(){var%20d=document;try{if(!d.body||d.body.innerHTML=='')throw(0);var%20dotEPUBcss=d.createElement('link');dotEPUBcss.rel='stylesheet';dotEPUBcss.href='http://dotepub.com/s/dotEPUB-favlet.css';dotEPUBcss.type='text/css';dotEPUBcss.media='screen';d.getElementsByTagName('head')[0].appendChild(dotEPUBcss);dotEPUBstatus=d.createElement('div');dotEPUBstatus.setAttribute('id','dotepub');dotEPUBstatus.innerHTML='<div%20id="status"><p>Conversion%20in%20progress...</p></div>';d.body.appendChild(dotEPUBstatus);var%20dotEPUB=d.createElement('script');dotEPUB.type='text/text';dotEPUB.charset='utf-8';dotEPUB.src='http://dotepub.com/j/dotepub.js?s=0&t=epub&g=en';d.getElementsByTagName('head')[0].appendChild(dotEPUB);}catch(e){alert('The%20page%20has%20no%20content%20or%20it%20is%20not%20fully%20loaded.%20Please,%20wait%20till%20the%20page%20is%20loaded.');}})();

 

Afficher en clair un mot de passe sous forme de points

text:(function(){var%20s,F,j,f,i;%20s%20=%20%22%22;%20F%20=%20document.forms;%20for(j=0;%20j<F.length;%20++j)%20{%20f%20=%20F[j];%20for%20(i=0;%20i<f.length;%20++i)%20{%20if%20(f[i].type.toLowerCase()%20==%20%22password%22)%20s%20+=%20f[i].value%20+%20%22n%22;%20}%20}%20if%20(s)%20alert(%22Passwords%20in%20forms%20on%20this%20page:nn%22%20+%20s);%20else%20alert(%22There%20are%20no%20passwords%20in%20forms%20on%20this%20page.%22);})();

 

Outils pour les Webmaster

Voir les blocs de construction d’une page

text:document.getElementsByTagName('head')[0].appendChild(document.createElement('script')).setAttribute('src','http://www.karmatics.com/aardvark/loader.js')

*

août 18

Collapsing Blogroll

L’extension CollapsingBlogRoll permet d’afficher chaque catégories de liens en tant que titre cliquable et qui vont déplier/replier leur liste.
Il faut juste insérer le shortcode collroll dans une page.


Le fait de cliquer sur un titre déroulera la liste des liens de la catégorie en question.
On peut aussi tout ouvrir ou tout fermer.

On peut modifier, à la mano, l’affichage des liens en éditant le fichier frontend.php situé dans le dossier plugins/collroll.
A la base, l’extension ne permet pas d’afficher la description des liens, j’ai donc tapé dans le code de son fichier setting.php, v(ers la ligne 30 en dessous de $collroll_default_settings) et rajouté ce code:

'between' => '<br/><span style="font-style: italic;">',
'after' => '</span>',

Ca permet de sauter une ligne entre le lien et sa description et de la mettre en italique.

Du coup, je vous mets l’extension avec mes petites modifs en lien.

juillet 22

BookMark Bar Switcher

BookMark Bar Switcher (http://zoeetrope.com/) est une extension qui permet d’avoir plusieurs barre personnelle dans Chrome.

Le bouton permet de créer des dossiers, qui seront inclus dans un dossier « BookmarkBars », et de permuter entre les différents dossiers créés.

Il suffira alors, à l’aide du bouton, d’afficher la barre souhaitez et d’y placer les liens voulus.

Petit bémol :

Les dossiers contenus dans le dossier « BookmarkBars sont en fait des dossiers virtuels. Ils apparaissent bien dans le gestionnaire de favoris de Chrome mais ils sont vides.
Le dossier « barre de favoris » de Chrome contiendra les liens du dossier de bookmark bar switcher en cours.

Dommage car, si l’on partage ces favoris via Xmarks ou autres, les liens enregistrés dans bookmark bar switcher ne seront  pas visible.

Catégorie : Chrome | Commenter
juin 17

Importer une liste de favoris dans une page/article WordPress

Le but de la manœuvre est d’importer une liste de favoris (créer sur Favoris Google mais je pense qu’avec les marque-page de Firefox ça serait idem) dans wordpress, qui créera automatiquement les catégories correspondant à celles indiquées dans le fichier d’import (dossier ou libelle), le tout afficher dans une page ou article.

On doit doit dabord convertir le fichier .html des favoris en fichier compatible pour l’import à savoir .opml.
Pour ça, on utilise  l’extension OPMLsupport pour Firefox , via marque-pages/exporter…

Ensuite, il faut installer l’extension ImportBlogRoolWithCategories qui permet d’importer une liste de favoris, au format OPML et de créer les catégories automatiquement.

Catégorie : WORDPRESS | Commenter