samedi 21 septembre 2013

Le plus minimaliste des templates pour Blogger

En 10 lignes! Donc, hyper-léger.

<html> 
<head> 
<b:skin></b:skin> 
</head> 
<body> 
<b:section class='main' id='main'> 
 <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/> 
 </b:section> 
</body> 
</html> 


  1. Créez un nouveau blog avec le "template" le plus basic ("Simple")
  2. Copiez le code ci-dessus
  3. allez dans Modèles > HTML
  4. Ctrl+A pour tout sélectionner, Ctrl-V pour tout coller et voilà, c'est fait...
  5. Enregistrez
Ce genre de "Template" est idéal pour utiliser dans un iframe (News, photos, etc...) ou créer votre blog de A à Z. Reste ensuite à supprimer ce que vous n'avez pas besoin comme "Accueil" ou autre.

Pour cacher le lien "Accueil", allez dans "Modèle" > "Personnaliser">Avancé>Ajouter le fichier CSS
Collez-y ce code et enregistrez (appliquer au blog)

.blog-pager
{
display: none;
}

Notez que l'on ne peut pas utiliser l'outil de création de modèle mais que l'on peut modifier par exemple les paramètres de messages ou rajouter des widgets comme sur n'importe quel modèle Blogger.

Attention! Blogger va rajouter automatiquement tout un paquet de code à votre insu après avoir enregistré. Par exemple, sans avoir ajouté personnellement quoique ce soit au code en 10 lignes, j'ai maintenant 914 lignes de code...

Ci-dessous, exemple dans un iframe



Ci-dessous, un modèle un peu moins épuré en 50 lignes qui pourra vous donner des idées. 


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
         <b:include data='blog' name='all-head-content'/>
        <title>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <data:blog.pageName/> : <data:blog.title/>
        <b:else/>
                <data:blog.pageTitle/>
        </b:if>
        <b:if cond='data:blog.url == data:blog.homepageUrl'> : HOME TITLE ADD-ON</b:if>
</title>
        <meta content='' name='description'/>
        <meta content='' name='keywords'/>
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<b:skin><![CDATA[
* { margin:0; padding:0; border:0; }

#navbar-iframe {
        height:                        0px;
        visibility:                hidden;
        display:                none;
}

body {
        font-size:                        84.5%;
        font-family:                 Arial,sans-serif;
        color:                                #000000;
        background-color:        #cccccc;
}

div#wrapper {
        margin:        0 auto 0 auto;
        width:        800px;
}
]]></b:skin>
</head>
<body>
<div id='wrapper'>
<b:section id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>
</div>
</body>
</html> 

lundi 16 septembre 2013

BLOGGER: Une erreur s'est produite lors de la tentative d'enregistrement ou de publication de votre article, veuillez réessayer.


Une erreur s'est produite lors de la tentative d'enregistrement ou de publication de votre article... (article complété le 16 septembre)





J'ai cet avertissement parfois plusieurs fois par minute. C'est exaspérant! Une "amélioration" dont se seraient bien passé les pauvres blogueurs qui n'ont pas la chance d'avoir une connexion performante....


Parfois, il est même impossible d'envoyer le post. C'est souvent le cas lorsque ce post contient un iframe avec une image de webcam qui se remet à jour toutes les 30 secondes, ou si une autre personne sur le même réseau télécharge un logiciel, une mise-à-jour ou une vidéo. Blogger commence toujours par enregistrer un brouillon avant d'envoyer le message. C'est ça qui bloque!



  • Seul truc que j'ai trouvé: passer en mode HTML et envoyer. Mais ça ne marche pas à tous les coups. 
  • Sinon, fermer les onglets gourmands en bande passante (certains pop-up publicitaires peuvent impacter gravement votre bande passante.
  • Autre solution qui fonctionne bien: allez dans "Tous les articles". Là, vous aurez peut-être une bonne surprise en voyant que votre article a bien été posté. Sinon, sélectionnez le dernier brouillon (bien vérifier l'heure et surtout la minute d'enregistrement). Puis cliquez sur "Publier". Ce sera peut-être un peu long, mais il finira bien par être envoyé.
  • N'hésitez pas non plus à débrancher votre "Box", attendre environ 15-20 secondes puis rebrancher. Des "spécialistes" pourront toujours vous dire que ça ne sert à rien, moi, je peux vous confirmer que cela fonctionne souvent. On peut aussi vider le cache du navigateur, voire même les cookies (attention, vous ne serez plus reconnu sur certains sites. Réfléchir à deux fois avant de le faire...). On peut aussi désactiver les extensions (ou modules) pas vraiment nécessaires.
  • Ne faites pas de copier-coller d'autres sites ou blogs tel-quel. Utilisez "coller en texte brut".
  • Évitez les posts trop long
  • Insérez des images de dimensions correctes et allégées. Actuellement, la grande tendance est aux .png en oubliant souvent de signaler que ce format est beaucoup plus lourd que le .jpg
  • Réfléchissez bien avant d'insérer une vidéo et paramétrez-là pour qu'elle ne se charge pas ou ne démarre pas automatiquement.


Recherche Google sur "Une erreur s'est produite lors de la tentative d'enregistrement ou de publication de votre article, veuillez réessayer.
Recherche Google sur "An error occurred while attempting to save or publish your article, please try again."

dimanche 15 septembre 2013

BLOGGER: redimensionner et positionner l'image d'arrière-plan du blog

Modifié
J'essayais désespérément de positionner ma background-image dans mon blog météo http://nbbc-met.blogspot.fr et rien à faire, Blogger refusait toutes mes tentatives...

J'ai fini par trouver ce code à insérer dans un widget HTML/Javascript.

Ne pas oublier de supprimer l'image d'arrière-plan d'origine. Si vous la laissez, elle apparaîtra brièvement au chargement de la page et alourdira inutilement votre blog. Cependant, il est peut-être possible de cette manière de superposer 2 images en cas de besoin (je n'ai pas essayé). Les positions 300px et -200px (en bleu) sont destinées à décaler l'image pour des raisons esthétiques ou pratiques. 300 correspond au décalage horizontal (à gauche) et -200px au décalage vertical (en haut). On peut aussi spécifier les dimensions de cette image (en rouge). La largeur en premier et la hauteur en 2è.


<style type="text/css">body {background-image: url(http://goes.gsfc.nasa.gov/goescolor/goeseast/overview2/color_lrg/latestfull.jpg); background-position: 300px -200px; background-repeat: no-repeat; background-attachment: fixed; background-size:1920px 1920px;}</style>



Voici ce que ça donne sur mon blog



mardi 10 septembre 2013

Nouveau bug pour Blogger (ce n'est pas le seul, hélas)



Vous êtes déconnecté à partir d'un autre emplacement. Souhaitez-vous vous reconnecter ?



C'est le message que je reçois lorsque je veux créer un nouveau message dans Blogger.



Je pensais que ça venait de Chrome mais apparemment, plusieurs utilisateurs rencontrent aussi ce problème avec Internet Explorer et Firefox (mais pas tous). Moi, j'ai ce problème uniquement avec Chrome quelque soit la distro (Debian ou Mint) et quelque soit la version de Chrome.

Pour créer un nouveau message, je dois utiliser Opera ou Firefox.



J'ai tout essayé: vider les cookies, le cache, le profil, virer les extensions, redémarrer... rien n'y fait.



Si vous aussi avez ce problème, il y a un topic ici:



http://productforums.google.com/forum/#!topic/blogger-fr/AVB3C0HuywU



N'hésitez pas à participer!

dimanche 8 septembre 2013

Comment bloquer un visiteur indésirable?

J'ai pas mal cherché mais il faut bien dire que sur Blogger c'est quasiment impossible à réaliser.
Pour moi, il s'agit de bloquer le site vampirestat.com que je retrouve dans toutes les statistiques de mes différents blogs. Je ne dois pas être le seul.

J'ai toutefois trouvé ceci:

  1. Un site, https://www.cloudflare.com qui se propose de filtrer votre site ou blog et peut bloquer certaines IP entre autres choses et même accélérer le chargement de vos page. Il faut environ 24 h pour finaliser l'opération et je ne sais pas donc pas encore si c'est efficace. Il y a moins d'options dans le plan gratuit mais cela permet déjà de faire l'essentiel. 
  2. Un site où on trouve un formulaire qui vous permet de créer un script à insérer dans le HTML de votre blog: http://freehostedscripts.net/blockip/. Idem, ici, il faudra attendre au moins demain pour voir si ça fonctionne. Le code est à insérer de préférence après <head> mais vous pouvez essayer dans un widget HTML/Javascript, ça doit le faire aussi...

Voici un exemple de ce script (pour vampirestat):


<script language='javascript' type='text/javascript' src="http://www.codehelper.io/api/ips/?js"></script>
<script language='javascript' type='text/javascript'>
function preloadFunc()
{
var ip = codehelper_ip.IP;
var bannedips=[
 "198.57.149.61", 
]
var handleips=bannedips.join("|")
handleips=new RegExp(handleips, "i")

if (ip.search(handleips)!=-1){ 
window.location.replace("http://google.com");
document.write('<!--');
}
}
window.onpaint = preloadFunc();
</script>


Problème: il est possible que Blogger refuse votre script


Comment obtenir l'IP d'un site?

Ouvrez une console (ou un terminal dans Linux) et tapez:

ping www.vampirestat.com

samedi 7 septembre 2013

Image arrière-plan de tableau | Image satellite transparente

Voici un essai de carte satellite transparente avec une carte en arrière-plan d'un tableau. Vous remarquerez que l'image est bien arrière-plan du tableau et non d'une cellule comme c'est généralement le cas.

<table background="https://dl.dropboxusercontent.com/u/19586410/TEST/fondimagesat.jpg" border="1" cellpadding="0" cellspacing="0" style="width: 660px; height: 480px;">
<tbody>
<tr>
<td style="text-align: center;">
<img alt="" src="http://wublast.wunderground.com/cgi-bin/WUBLAST?lat=18&amp;lon=-63&amp;width=660&amp;height=480&amp;gtt=63&amp;num=1&amp;delay=25&amp;key=sat_ir4&amp;zoom=5&amp;basemap=0&amp;borders=0&amp;theme=WUBLAST_WORLD&amp;extension=png&amp;proj=ll" style="width: 909px; height: 480px;" /></td>
</tr>
</tbody>
</table>



jeudi 5 septembre 2013

Blogger: cacher le titre des pages statiques

  • Faites une sauvegarde de votre blog
  • Aller dans Modèles > Modifier le code HTML
  • Ctrl A pour tout sélectionner, Ctrl C pour copier, Ctrl V pour tout coller (dans la nouvelle interface, cela permet de tout développer et donc de rechercher plus facilement)
  • Ctrl F ou G pour rechercher et coller dans le formulaire: </b:skin>
  • Après </b:skin>, ajoutez ceci:

<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-title.entry-title{
display: none;
}
</style>
</b:if>

  • Enregistrez

dimanche 1 septembre 2013

Reconnaissance de caractères par Google

Il n'y a pas si longtemps, quand on devait convertir un document scanné en texte éditable (avec Word, LibreOffice Writer ou autres), il fallait avoir recours à un logiciel d'OCR (Optical Character Recognition) parfois coûteux ou peu efficace. Ce n'est plus le cas depuis 2009. Cette année-là, Google a intégré un outil génial de reconnaissance de caractères dans Google Docs, maintenant Google Drive. Il suffit donc d'y importer le document scanné et enregistré dans un format image standard comme JPG, PNG, GIF ou encore PDF. D'ailleurs, quand vous ouvrez un document PDF dans Google, il est en quelque sorte automatiquement "ocr-isé"puisqu'on peut y sélectionner du texte et le copier pour l'insérer dans un autre document.




Reconnaissance optique des caractères (OCR) avec Google Documents (ou Google Drive)



La reconnaissance optique des caractères en bref


La reconnaissance optique des caractères (OCR) vous permet de convertir des images comprenant du texte en documents texte à l'aide d'algorithmes informatiques automatisés. Les images peuvent être traitées individuellement (fichiers .jpg, .png et .gif) ou dans des documents PDF multi-page (.pdf). Voici certains des types de fichiers compatibles avec la reconnaissance optique des caractères :
Fichiers image ou PDF créés à partir d'un scanner à plat
Photos prises avec un appareil photo numérique ou un téléphone mobile
Utilisation de la reconnaissance optique des caractères dans Google Drive


Dans Google Drive, les fichiers image ou PDF que vous importez sont analysés, puis convertis en documents Google à l'aide d'algorithmes informatiques.


Pour un résultat optimal, ces fichiers image ou PDF doivent avoir certaines caractéristiques :
Résolution : les fichiers haute résolution donnent les meilleurs résultats. En règle générale, il est préférable que chaque ligne de texte ait une hauteur d'au moins 10 pixels.
Orientation : seuls les documents comportant du texte écrit de gauche à droite et de haut en bas sont reconnus. Si vous avez numérisé ou photographié votre document dans un autre sens, utilisez un programme de retouche d'images (par exemple PhotoFiltre ou Picasa) pour le faire pivoter avant de l'importer dans Google Drive.
Langues, polices et jeux de caractères : notre moteur de reconnaissance optique des caractères est compatible avec différents jeux de caractères, mais la prise en charge des jeux de caractères non latins est encore au stade expérimental. Vous pouvez sélectionner la langue de votre document dans un menu déroulant. Les fichiers utilisant des polices courantes telles que Times New Roman et Arial permettent d'obtenir de meilleurs résultats.
Qualité de l'image : les images nettes avec une luminosité régulière et un bon contraste donnent les meilleurs résultats. Si les images sont floues (mouvement) ou la mise au point médiocre, la reconnaissance des caractères est moins performante.
Limites de taille de fichier


Les fichiers image (.jpg, .gif, .png) et PDF (.pdf) doivent avoir une taille maximale de 2 Mo. Pour les fichiers PDF, seules les 10 premières pages sont analysées pour trouver le texte à extraire.
Conservation de la mise en forme du texte


Lorsque nous traitons votre document, nous nous efforçons de conserver la mise en forme de base (caractères gras et italiques, taille et type de police, sauts de ligne). Identifier ces caractéristiques n'est pas toujours facile, et la réussite n'est pas garantie à chaque fois comme dans tout logiciel d'OCR. Les autres éléments de mise en forme et de mise en page (listes à puces ou numérotées, tableaux, colonnes de texte, notes de bas de page ou de fin de texte) risquent d'être perdus.


Avec la reconnaissance optique des caractères, l'importation dans Google Drive peut être plus longue. Le traitement peut demander jusqu'à 30 secondes pour des fichiers images (.jpg, .gif et .png), et jusqu'à une minute pour des fichiers PDF (.pdf).

https://support.google.com/drive/answer/176692?hl=fr