Formulaire de commentaire à la fin de l'article sur Blogger

By // 19 commentaires:





Je viens d'apprendre de chez Blogger buster que Blogger permet d'afficher un formulaire de commentaire à la fin de chaque message via Blogger draft (la version brouillon de Blogger). J'ai testé sur mon blog et vous pouvez déjà voir ce formulaire simple intégré à la fin de chaque message.



Pour avoir le même formulaire sur votre blog, voici ce qu'il faut faire :



1. Se connecter sur Blogger draft

2. Aller sur Paramètres puis sur commentaires


3. Cocher sur la dernière proposition pour l'option : Positionnement du formulaire de commentaire

4. Enregistrez les paramètres.



Le formulaire de commentaire devrait s'afficher si vous n'aviez apporté aucune modification à votre modèle (surtout le code des commentaires).



Dans le cas contraire, voici ce qu'il faut faire après avoir remplis les 4 premières étapes:



1. Aller sur Mise en page puis sur modifier le code HTML et cocher sur "Développer des modèles de gadget"

2. Trouver le code suivant :



    <p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>



Remplacer toute la section précédente par celle-ci :



    <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>



3. Enregistrer les modifications et aller voir les résultats.





Vous pouvez voter pour cet article sur : Votez sur ScoopeoScoopeo !Votez sur TapemoiTapemoiVotez sur BlogastyBlogastyVotez sur WikioWikioVotez sur DiggonsDiggons

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Les variables dans un modèle Blogger

By // 2 commentaires:
See the working Column-Main-Column


Ceci est la quatrième partie d'une série de 4 articles sur la création d'un modèle Blogger. Ecrit par Thur, cette série n'est peut-être pas un guide complet sur la création d'un modèle Blogger, mais elle vous permettra d'avoir une plus grande compréhension de la structure des modèles Blogger et de la façon qu'il vous faut les manipuler.

L’un des avantages de modèle pour le nouveau Blogger est l’utilisation des variables (bien qu’elles ne sont limitées qu’aux polices et aux couleurs).

Comme expliqué au premier article de cette série :

Notez

<style type="text/css">
<!-quelques styles css ici -->
</style>

est remplacé par :

<b:skin><![CDATA[/*
*/
<!-quelques styles css ici -->
]]></b:skin>

Les variables sont insérées entre les balises de commentaire /* */, comme ceci :

<b:skin><![CDATA[/*
Variable definitions
====================

<Variable name="" description="" type="" default="" value="">
*/
<!-Quelques styles css ici -->
]]></b:skin>

Comme vous pouvez le constater, la variable a quelques attributs obligatoires :
name (nom): Un identifiant technique unique;

description: ladescription du nom (name) - comme elle apparaîtra sur la page de modification des Couleurs ;

type: 'color (couleur)' ou 'font (police)' - rien de plus, hélas!;

default: the default value : valeur par défaut, peut être le nom d’une couleur (ou son code hexadecimal ) ou encore la valeur de la police (style de la police, taille de la police, etc. = font-style font-weight font-size font-family).
;

value: nouvelle valeur - peut rester vide;

Voici deux exemples (pour chaque type):

<b:skin><![CDATA[/*
Variable definitions
====================

<Variable name="textcolor" description="Couleur du texte"
type="color" default="#ccc" value="#cccccc">

<Variable name="bodyfont" description="Police du contenu"
type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
*/
<!-- Quelques styles css ici -->
]]></b:skin>

Il faut noter que :

Pour chaque police ou couleur, vous pouvez utiliser des variables prédéfinis dans votre code CSS

Voici deux exemples (pour chaque type):

A la place de

body {
color: #CCC;
font: italic bold x-small 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;
}

on peut écrire

body {
color: $textcolor;
font: $bodyfont;
}

Ainsi vous pouvez définir des couleurs séparées pour les couleurs des polices (fonts), liens (links), fond (backgrounds), bordures (borders), et cetera ... et différencier la police pour les articles, les commentaires, les liens, les colonnes latérales, l’entête, et cetera.

Ainsi, vous n’aurez plus à aller toucher au code html de votre blog pour changer une couleur ou une police. Vous pouvez tout contrôler en allant sur Mise en page, puis «police et couleur » à partir de votre tableau de bord.

Vous aurez compris que dans un modèle blogger, la grande partie se joue dans le code css (pour définir l’habillement, la disposition des chaque partie, etc.). Il ne vous reste plus qu’à chercher un bon tuto sur le csss pour approfondir vos connaissance sur la question.





Vous pouvez voter pour cet article sur : Votez sur ScoopeoScoopeo !Votez sur TapemoiTapemoiVotez sur BlogastyBlogastyVotez sur WikioWikioVotez sur DiggonsDiggons

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Barre de recherche Youtube dans votre blog

By // 3 commentaires:
http://imgcash6.imageshack.us/img397/4715/youtubelogokr3.png



John Smith propose un widget pour avoir une barre de recherche Youtube dans son blog.

Il suffit pour cela de coller le code suivant dans un widget HTML/JAVASCRIPT afin de pouvoir proposer à vos lecteurs de chercher des vidéos sur Youtube à partir de votre blog. Les résultats s'afficheront tout de même sur Youtube.

<img alt="http://imgcash6.imageshack.us/img397/4715/youtubelogokr3.png" src="http://imgcash6.imageshack.us/img397/4715/youtubelogokr3.png" /><br /><form id="searchThis" action="http://www.youtube.com/results?search_query=" target="_top" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Youtube Videos" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 110px; color: rgb(99, 99, 99);" vinput="" name="q"> <input id="searchButton" value="Search" type="submit"></form><script style="" src="http://widgetsforfree.googlepages.com/youtube_search_widget.js"></script>


Vous pouvez voter pour cet article sur : Votez sur ScoopeoScoopeo !Votez sur TapemoiTapemoiVotez sur BlogastyBlogastyVotez sur WikioWikioVotez sur DiggonsDiggons

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.


Créer un modèle fluide sur Blogger

By // Aucun commentaire:
See the working Column-Main-Column


Ceci est la troisième partie d'une série de 4 articles sur la création d'un modèle Blogger. Ecrit par Thur, cette série n'est peut-être pas un guide complet sur la création d'un modèle Blogger, mais elle vous permettra d'avoir une plus grande compréhension de la structure des modèles Blogger et de la façon qu'il vous faut les manipuler.

Nous avions vu dans le tuto passé comment créer un modèle fixe du genre Partie centrale- Colonne droite - Colonne Gauche et un du genre Colonne 1 - Partie Centrale - Colonne 2.

Les modèles que nous avions conçu étant fixe, quand l’écran est trop petit pour afficher son entièreté (en largeur), pour voir la partie non affichée (ça peut être l’une des colonnes), le visiteur sera obligé de se déplacer dans la page en faisant défiler à gauche le bouton de déplacement de son navigateur.

Pour créer un modèle fluide qui peut s’afficher dans toute sa largeur quelque soit la taille de l’écran, il suffit d’effectuer trois changement dans le modèle que nous avions conçu précédemment.

Voici à quoi ressemblait le style css dont on avait eu besoin pour faire notre modèle fixe :

body {
margin: 0px;
padding: 0px;
}

#container {
width: 960px;
margin: 10px auto;
padding: 0 10px;
}

#header {
padding: 10px;
}

#main {
width: 560px;
float: left;
}

#sidebar1, #sidebar2 {
width: 190px;
float: left;
margin-left: 10px;
}

#footer {
padding: 10px;
clear: both;
}

Pour faire de ce modèle un modèle fluide, seuls trois attributs doivent être changé :

body {
margin: 0px;
padding: 0px;
}

#container {
width: 96%;
margin: 10px auto;
padding: 0 10px;
}

#header {
padding: 10px;
}

#main {
width: 48%;
float: left;
}

#sidebar1, #sidebar2 {
width: 24%;
float: left;
margin-left: 10px;
}

#footer {
padding: 10px;
clear: both;
}



Ceci donnera un modèle fluide, qui s’adapte à n’importe quel écran puisque chaque partie occupera un pourcentage donné de l’écran.

Il faut quand même que je vous avoue que je n’aime pas trop ce genre de modèle, puisque parfois les éléments s’entremêlent (ce qui ne fait pas beau). Comme tout le monde ne sera jamais du même avis que moi, bof !

Quoi qu’il en soit, vous aurez remarqué que nous n’avons jusque là pas défini les couleurs et les polices des titres et contenus de chaque partie du modèle. Les explorateurs affichent par défaut les styles qui y sont prédéfinis.

Prochainement, nous verrons comment définir les couleurs et les polices de notre modèle.




Vous pouvez voter pour cet article sur : Votez sur ScoopeoScoopeo !Votez sur TapemoiTapemoiVotez sur BlogastyBlogastyVotez sur WikioWikioVotez sur DiggonsDiggons

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Barre de recherche multi sites

By // 2 commentaires:




Le site Yourminis vous offre la possibilité d'intégrer un widget de recherche permettant d'effectuer des investigations sur plusieurs sites notamment : Google, Yahoo, Wikipedia, Icerocket, Technorati, Lycos, Snap, live.com et dictionary.com.

Pour installer le widget sur votre blog, copiez le code suivant et aller le coller dans un widget HTML/JAVACRIPT dans votre blog. Vous povuez aussi vous rendre sur Yourminis pour confectionner le widget à votre goût. Merci à John Smith pour l'info.

<p width="100%" align="center"><embed pluginspage="http://www.adobe.com/go/getflashplayer" src="http://www.yourminis.com/Dir/GetContainer.api?uri=yourminis/yourminis/mini:search" wmode="transparent" width="210" height="70" flashvars="appparam4=0%2C%2D1&color=162502&uri=yourminis%2Fyourminis%2Fmini%3Asearch&swfurl=%2Fwidget%5Fsearch%2Eswf&width=200&xwidth=210&height=60&xheight=70&" type="application/x-shockwave-flash" allowscriptaccess="always"></embed><br /></p>

Vous pouvez voter pour cet article sur : Votez sur ScoopeoScoopeo !Votez sur TapemoiTapemoiVotez sur BlogastyBlogastyVotez sur WikioWikioVotez sur DiggonsDiggons

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Monétiser son blog : oui ou non ? l'avis de Rodney

By // 11 commentaires:

Après une pause de plus ou moins 7 mois, j'ai repris la monétisation de ce blog depuis le mois de mai, mois au cours duquel j'ai récolté 5,05 $ (une moyenne de 0,16 $ par jour). Pour les 19 premiers jours du mois de juin (ce mois-ci), le blog a pu récolter un total de 254 $ (une moyenne de 13,3 $ par jours).

Seulement, comme certains se sont toujours demandé pourquoi il y a de la pub sur ce blog et pourquoi j'écris parfois des articles sponsorisés, je me propose de vous donner mon avis sur la monétisation des blogs dans les lignes qui suivent.

Pour commencer, sachez que je ne suis pas sans ignorer que pour certains, monétiser son blog est immoral, c'est manquer d'éthique, c'est honteux, c'est injurieux et tout ce qui est similaire à ce qui précède. C'est un point de vue que je respecte et je ne vois pas l'un de ceux qui ont cette vision de chose recevoir un commentaire sur son blog disant "Hé, tu sais quoi, ce que je déteste sur ton blog, c'est qu'on y trouve aucune pub, aucun article sponsorisé...". Fort heureusement pour eux, ça risque de ne jamais leur arriver.

Malheureusement pour ceux qui monétisent leurs blogs, il ne manquent jamais de recevoir au moins un commentaire du genre "Hé, tu trouve pas qu'il y a trop de pub sur ton blog..". Ceux qui écrivent ce genre de commentaire, oublient qu'ils s'adressent à la personne même qui a mis ces pub (et donc qu'elle a pleinement conscience de leur existence). Il faut quand même avouer que j'ai eu la surprise de voir quelqu'un signaler sur Monetiweb qu'il trouvait que le blogmaster devait ajouter un peu plus de pub sur le blog.

A mons avis, avant de juger en mal la question relative à la monétisation d'un blog, il faut avoir à l'esprit les faits suivant :

1. La plupart des blogs ici ne peuvent plus être contenu dans la définition classique de "Journal personnel".

Prenons l'exemple de ce blog (et peut-être aussi du votre), ce qui a trait à la vie personnel du blog master n'est pas trop relaté (presque pas). La ligne éditoriale du blog couvre plutôt la plateforme Blogger, les conseils sur le blogging, les nouveautés du net et du web 2.0.

Comme ce blog, beaucoup seraient mieux appelé "blog semi-personnel" ou encore, comme le fait Blogger, "Site Internet convivial".


Or, si l'on trouve normal qu'un site Internet soit monétisé, alors, un blog qui n'est pas vraiment un "journal personnel" mais plutôt un "Site Internet convivial" peut aussi se monétiser.

2. Ecrire un article utile pour les lecteurs demande du talent, du temps et de l'intelligence.

Comme on dit que le temps c'est de l'argent et que l'intelligence comme le talent se vendent sous plusieurs formes dans ce bas monde, il est parfaitement raisonnable de tirer un profit financier de son blog tout en fournissant GRATUITEMENT le contenu de celui-ci aux lecteurs.

Combien payeriez-vous par heure à un psy pour qu'il vous écoute débiter vos tirpitudes (Juste pour qu'il vous écoute) ?

Ne croyez-vous pas que si le contenu de votre blog a une certaine utilité pour les lecteurs vous avez pleinement le droit de le monétiser ? De toute les façons, le lecteur lui ne paiera rien.


3. Les bloggueurs devraient diminuer le fossé qui les sépare de leurs cousins les rappeurs

Quoi ? On ne vous avez pas dit que les bloggueurs sont cousins des rappeurs ? Ben, mettez cela dans la tête et laissez-moi vous en donner les raisons.

- Les bloggueurs comme les rapeurs utilisent le freestyle : Un rythme de musique suffit à un rappeur pour poser instantanément son lyrics (paroles) et toucher les oreilles des milliers des personnes. Un ordi connecté suffit à un bloggueurs pour écrire instantanémént un article qui sera lu par des milliers de personnes.



En une semaine de studio, un rappeur comme 50 Cents vous enregistre une trentaine de chansons. J'aimerai bien que vous me disiez combien d'articles vous publiez en une semaine. Othala et Mélusine doivent en faire une trentaine par semaine à mon avis.

Ce qui différencie ces bloggueurs très prolifiques des rappeurs est que ces derniers touchent les dividendes financières de leurs inspirations tandis que les bloggueurs (surtout dans la blogosphère française) peinent à empocher quelques centimes.

4. Sur le net, surtout le web 2.0, rien n'est vraiment gratuit

Certains diront que Blogger nous offre gratuitement ses services, qu'étant donné qu'on ne paie rien, il n'est pas bon de se faire de l'argent sur son dos.

Avant d'émettre un telle thèse, il faut d'abord comprendre ce que c'est le web 2.0.

La nouvelle donne du net veut que plus vous offrez gratuitement un service de qualité, mieux vous avez la possibilité de gagner de l'argent.

Faisons simple. Avez-vous remarqué que Facebook, Feedburner, Youtube, Myspace, Blogger ne paient pas la pub qu'ont fait de leurs services ? Toute la pub est faites par les utilisateurs qui se relayent les info sur les améliorations, les nouveautés (même les défauts) de ces services. Ceci permet d'augmenter sensiblement le nombre d'utilisateurs ainsi que la valeur publicitaire de chacun de ces services.

Ainsi, pour le 15 % de son espace que Facebook monetise, il récolte pas moins de 230 millions de dollars par An.

Saviez-vous que Google paie 10 cents à AOL pour chaque recherches que les utilisateurs d'AOL effctuent gratuitement sur son moteur de recherche ?

Où trouve-t-il cette somme ? N'est-ce pas grâce à Google Adwords et Google Adsense.

Blogger n'a certes pas de pub, mais il a un service associé qui permet à Google (son proprio) de faire de l'argent, Google Adsense. Si vous voulez gagner de l'argent en bénéficiant gratuitement des services de Blogger, vous gagnez doublement. Si par contre vous ne voulez pas utiliser Google Adsense, tant mieux, Google ne vous derangera pas pour ça.



Sachez tout même que plus Google gagne de l'argent, mieux il améliore ses services. Et nous qui utilisons Adsense sommes ceux qui aident Google (le proprio de Blogger) à gagner plus d'argent pour améliorer la qualité des services qu'il nous offre gratuitement.

Malgré toutes ses bonnes raisons, la PASSION doit rester le motif principal du blogging et non l'ARGENT. Il n'est tout de même pas mal de se faire quelque sous grâce à sa passion.

Voilà, à mon avis, les raisons générales qui militent pour la non discrimination de ceux qui monétisent leurs blogs.

J'espère écrire prochainement un article qui se penchera plus sur le débat autour des articles sponsorisés.

Je pourrais aussi vous donner mes raisons plus personnelles, si deux personnes me le demandent en commentaire. Je pose cette condition puisque je ne me servirais pas trop de mes dents pour mâcher les mots et que là, je ferais un peu plus "journal personnel", alors...

Vous pouvez voter pour cet article sur : Votez sur ScoopeoScoopeo !Votez sur TapemoiTapemoiVotez sur BlogastyBlogastyVotez sur WikioWikioVotez sur DiggonsDiggons

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Voici comment saboter son blog

By // 2 commentaires:

En jetant un coup d'oeil sur mon feedcount ce matin, je me suis rendu compte que j'avais saboté mon propre blog pendant les 8 derniers mois. Comme je vous aime bien et que j'aimerais bien que vous ne tombiez pas dans la même erreur je vais vous montrer comment nous sabotons nos blogs tous les jours.

Que faites-vous lorsque vous découvrez une nouvelle géniale sur le net ?

Vous vous empressez d'en faire l'écho sur votre blog.


Vous conviendrez avec moi qu'il vous est souvent arriver de publier des trucs vraiment géniales sur votre blog. En avez-vous fait l'écho sur la blogosphère ou attendez-vous que les gens les découvrent d'eux-même ?

Si vous ne faites pas la publicité des trucs géniales dont vous êtes l'auteur, n'êtes-vous pas entrain de saboter votre blog ?

Un capitaine qui coule lui-même son navire, ce n'est pas un bon exemple à suivre.

Ces 8 derniers mois, quand je publiais un article, une astuce que je trouvais vraiment bonne, j'attendais ensuite que les gens viennent d'eux-même en faire la découverte (en provenance de google bien-sûr).

Mais, après une semaine où j'ai essayé de poster certaines de mes publications sur les digg-like (une habitude que j'avais abandonné), le nombre des abonnés à ce blog est passé de 237 à 302 (aujourd'hui).

Donc, s'il y a quelqu'un qui sabotait ce blog, c'est bel et bien moi (ce n'est pas honteux de se confesser).

J'ai intégré des boutons de soumission aux digg-like à la fin des mes articles afin de pouvoir plus facilement en faire la promo et proposer aux visiteurs de donner un coup de pouce au blog. Je vous montrerai comment intégrer ces boutons d'ici là (dès que j'aurais résolu tous les problèmes qui se posent).

En attendant, ARRÊTEZ DE SABOTER VOTRE BLOG et FAITES LE VITE CONNAITRE AU GRAND PUBLIC.


Vous pouvez voter pour cet article sur : Votez sur ScoopeoScoopeo !Votez sur TapemoiTapemoiVotez sur BlogastyBlogastyVotez sur WikioWikioVotez sur DiggonsDiggons

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Afficher ses followers Twitter

By // 2 commentaires:
TwitterCounter for @rodval4ever


En lisant la newsletter de Press Citron, j'ai appris qu'il était maintenant possible d'afficher sur un bouton le nombre des personnes qui vous suivent sur Twitter.

L'un des avantages du Feedcount offert par Feedburner est que l'affichage des nombres d'abonnés est un indice de confiance pour les nouveaux visiteurs qui ont une raison de plus de s'abonner à votre blog (si les autres l'ont fait, ils ne doivent pas être bête se diront-ils).

Espérons que l'affichage du Twittercounter aura le même effet. J'en ai déjà installé un ici pour voir.

Pour en avoir un aussi sur votre blog, faites ceci :

1. Rendez-vous sur le site Twittercounter

2. Mettez votre identifiant Twitter dans la case juste après Check another Twitter Account name: @ (normalement votre identifiant est celui qui suit twitter.com/ quant vous affichez votre page perso sur Twitter. Le mien est http://twitter.com/rodval4ever).

3. Cliquez sur Show stats

4. Récupérez le code html qui s'affichera sur la page suivante (ans une petite case à droite) et collez-le dans un widget html/javascript de votre blog.

Vous pouvez voter pour cet article sur : Votez sur ScoopeoScoopeo !Votez sur TapemoiTapemoiVotez sur BlogastyBlogastyVotez sur WikioWikioVotez sur DiggonsDiggons

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.


@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT