Cacher certains blogs sur la page du profil

By // 3 commentaires:

Il arrive à beaucoup d'entre nous d'avoir plusieurs blogs, sinon, un blog test en plus de son blog. Comme ce n'est pas du tout intéressant que les autres aillent jeter un coup d’œil sur ces blogs test, il y a possibilité de cacher ceux-ci.


Pour cela, il faut :


1. Se connecter sur son compte


2. Aller sur modifier le profil


3. Aller sur Sélectionnez les blogs à afficher juste à coté de Afficher mes blogs


4. Cocher sur les blogs à afficher et décocher ceux à ne pas afficher



5. Enregistrer les paramètres et aller voir le résultat.

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

Petit tuto sur Blogger Backup

By // 1 commentaire:

Beaucoup sont ceux qui ont été intéressé par la possibilité qu'offre Blogger Backup de garder une copie de son blog. Mais, comme le logiciel est en anglais et que cette langue est un cauchemard pour certains, j'avais promis d'écrire un tuto sur l'utilisation de ce logiciel.

Seulement, il se fait que j'ai toujours pas de connection chez moi depuis 5 mois environ et donc suis dans l'impossibilité d'installer le logiciel sur une machine à moi et de le tester (ça serait impoli de le faire dans un cyber café).

Heureusement, je suis tombé sur le blog de Mondemo en suivant le liens reçus par les blogs selon Technorati et là j'ai trouvé cet article qui explique comment utiliser Blogger Backup. Comme il n'a pas repondu à mon commentaire lui demandant l'autorisation de publier ce tuto ici, je vous prie d'aller jeter un coup sur son blog pour ceux qui seraient intéressé par l'utilisation de Blogger Backup. En tout cas, merci à lui pour le tuto.

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


Comprendre le modèle Blogger 1

By // 3 commentaires:

Après ces quelques jours passé à peaufiner des articles pour mon blog Café biblique, je vous propose le premier article d’une série consacrée à la compréhension du code html des modèles blogger.

Nous allons ici nous attarder sur la partie contenue entre les balises <body> et </body>. Cette partie comporte en général 4 sections : L’entête (Header), La colonne centrale (Main, elle contient l’espace dédié aux articles), la colonne latérale (Sidebar) et le bas de page (Footer).

Comme enseigné par Webtalks, la partie contenue entre les balises <body> et </body&gt des modèlesBlogger ressemble à quelque chose comme ceci :

010: <body>
020: <div id='outer-wrapper'>l<div id='wrap2'>
030: <!-- skip links for text browsers -->
040: <span id='skiplinks' style='display:none;'>
050: <a href='#main'>skip to main </a>
060: <a href='#sidebar'>skip to sidebar</a>
070: </span>
080: <div id='header-wrapper'>
090: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
100: <b:widget id='Header1' locked='true' title='Second Sidebar (Header)' type='Header'/>
110: </b:section>
120: </div>
130: <div id='content-wrapper'>
140: <div id='main-wrapper'>
150: <b:section class='main' id='main' showaddelement='no'>
160: <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
170: </b:section>
180: </div>
190: <div id='sidebar-wrapper'>
200: <b:section class='sidebar' id='sidebar' preferred='yes'>
210: <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
220: <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
230: </b:section>
240: </div>
250: <!-- spacer for skins that want sidebar and main to be the same height-->
260: <div class='clear'> </div>
270: </div> <!-- end content-wrapper -->
280: <div id='footer-wrapper'>
290: <b:section class='footer' id='footer'/>
300: </div>
310: </div></div> <!-- end outer-wrapper -->
320: </body>

De la ligne 010 à la ligne 320 nous avons les balises body dans lesquelles se trouve le corps de votre blog.

De la ligne 020 à la ligne 310 nous avons les balises div pour les deux wrappers, le wrapper appelé "outer-wrapper" et le wrapper appelé "wrap2". Dans la partie dédiée au CSS vous pouvez définir la police, la couleur et les autres styles pour ces wrappers. Nous en parlerons dans un tuto dedié au CSS d’un modèle Blogger.

Les lignes 080 à 120 contiennent l’entête (header). Le div-wrapper ouvert à la ligne 080 est fermé à la ligne 120. La balise pour la section contenant l’entête s’ouvre à la ligne 090 et est fermée à la ligne 110. Le widget de l’entête proprement dite se trouve à la ligne 100. Allez voir cet article savoir comment ajouter un autre widget à l’entête.

Dans les lignes 130 à 270 est inclus le contenu (Content). Le contenu ici signifie : les articles du blog ainsi que la colonne latérale. Il existe un div-wrapper appelé "content-wrapper" (ouvert à la ligne 130 et fermé à la ligne 270), à l’intérieur duquel se trouvent deux autres : le wrapper de la colonne centrale ("main-wrapper ", ouvert à la ligne 140 et fermé à la ligne 180) et le wrapper de la colonne latérale ( "sidebar-wrapper", ouvert à la ligne 190 et fermé à la ligne 240).

A l’intérieur du main-wrapper nous trouvons la section centrale (main-section, ouverte à la ligne 150 et fermée à la ligne 170) contenant le Blog-widget (ligne 160). C’est le widget contenant vos articles à ne jamais effacer. Allez voir cet article savoir comment ajouter un autre widget à la colonne centrale de votre blog.

A l’intérieur du sidebar-wrapper (190 à 240) nous trouvons la section ouverte à la ligne 200 et fermée à la ligne 230 contenant les éléments de la colonne latérale, notamment le widget pour les archives (ligne 210) et le widget pour le profil (ligne 220).

Finalement, nous avons le bas de page (280-300).

Espérons que nous comprendrons mieux le code html de Blogger (oups! après plus de 7 mois, on dirait que c'est le premier lien que je fais vers Blogger. Quand même étonnant !)

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

Limiter l’affichage d’un widget à certaines pages

By // 18 commentaires:

Si vous avez une tonne de widgets que vous aimeriez afficher sur votre blog et ne voulez surtout pas encombrer toutes les pages avec ceux-ci, il y a possibilité de limiter l’affichage de certains widgets à soit la page d’accueil, soit la page d’un libellé, soit la page d’un article donné. Soit encore spécifier que le widget n’apparaisse ni à la page d’accueil, de libellé ou d’archives, mais seulement aux pages dédiées aux articles.


Pour arriver à cette fin, il faut tout d’abord vous connecter à votre compte Blogger, aller sur modifier le code HTML et cocher sur développer des modèles de gadgets. Trouvez le widget dont vous voulez limiter l’affichage et respectez l’une des méthodes ci-après, selon la limitation que vous voulez imposer (pour voir à quoi ressemble le widget que vous cherchez, veuillez voir les articles suivants : Codes HTML pour widgets Blogger 1 et Codes HTML pour widgets Blogger 2).

1. Widgets apparaissant seulement aux pages dédiées aux articles

Si vous voulez qu’un widget n’apparaisse pas à la page d’accueil ni à une page pour libellé même pas à celle des archives, ajoutez <b:if cond='data:blog.pageType == "item"'> juste après <b:includable id='main' var='top'> se trouvant dans le bloc de code de votre widget et ajoutez </b:if> juste avant </b:includable> qui précède la balise </b:widget> clôturant tout widget sur Blogger.


Voici un exemple d’un widget HTML/JAVASCRIPT dont nous voulons limiter l’affichage aux pages dédiées aux articles.


<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

CONTENU DU WIDGET

</b:if>

</b:includable>

</b:widget>

Ce widget n’apparaîtra qu’aux pages dédiés aux articles et non à la page d’accueil, d’archives ou de libellés.

2. Widget affiché seulement à la page d’accueil


Pour n’afficher un widget qu’à la page d’accueil, ajoutez le code en rouge ci-dessous à votre widget :

<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

CONTENU DU WIDGET

</b:if>

</b:includable>

</b:widget>


3. Widget limité à une page donnée de votre blog

Si vous voulez ajouter un widget dont le contenu à trait ou correspond le plus à une page donnée de votre blog, voici le code en rouge à ajouter dans celui-ci :

<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == "URL_DE_VOTRE_PAGE"'>

CONTENU DU WIDGET

</b:if>

</b:includable>

</b:widget>


Remplacez URL_DE_VOTRE_PAGE par le lien de l’article où vous voulez voir le widget s’afficher et ce widget ne s’affichera plus dans les autres pages du blog.


4. Widget limité à une page libellé


Il se pourrait aussi que vous ayez envie d’afficher un widget seulement à la page d’un libellé donnée. Pour cela, voici le code en rouge à ajouter à votre widget :


<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == "http:// nom-de-votre-blog.blogspot.com/search/label/nom-du-libellé"'>

CONTENU DU WIDGET

</b:if>

</b:includable>

</b:widget>

Remplacez l’url entière par l’url de votre libellé et votre widget n’apparaîtra que sur la page dédiée à ce libellé.


Trouvé chez Vin

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

Bas de page à 3 colonnes

By // 18 commentaires:

Vous m’excuserez de vous avoir laissé ces quelques jours sans rien publier, mais J’avais eu des petits problèmes avec l’électricité et la disquette que j’utilisais. Je vous écris rapidement ce petit billet pour ne pas vous laisser affamé une journée de plus.


Nous allons voir comment mettre rapidement un bas de page à 3 colonnes.

1. Mettre le code suivant juste avant la balise ]]></b:skin>

#bottom {

clear: both;

float: left !important;

float: none;

width: 855px;

height: 100%;

margin: 0;

padding: 0;

background: #031545 url(http://fresh.lifewg.googlepages.com/separator_green.gif) repeat-x 0 0;

border-top: 20px solid #fff;

font-size: 0.9em;

text-align: left;

color: #fff;

}

#bottom-left,

#bottom-mid,

#bottom-right {

width: 30%;

padding: 20px 0 20px 20px;

float: left;

}

#bottom h2 {

margin: 0 0 10px 0;

padding: 0 8px;

font-size: 1.6em;

color: #fff;

}

#bottom h2 span {

color: #508fd2;

}

#bottom ul {

margin: 0;

padding: 0;

list-style-type: none;

border-top: 1px solid #031c5d;

}

#bottom ul li {

line-height: 26px;

border-bottom: 1px solid #031c5d;

}

#bottom ul li a {

display: block;

padding: 0 10px;

color: #fff;

text-decoration: none;

}

#bottom ul li a:hover {

background: #010b32;

}

2. Ajouter le code html suivant juste avant la balise <div id='footer'>

<div id='bottom'>

<!-- Bottom Left -->

<div id='bottom-left'>

<b:section class='bottom-content' id='bottomleft-content'>

<b:widget id='HTML11' locked='false' title='' type='HTML'/>

</b:section>

</div>

<!-- Bottom Mid -->

<div id='bottom-mid'>

<b:section class='bottom-content' id='bottommid-content'>

<b:widget id='HTML12' locked='false' title='' type='HTML'/>

</b:section>

</div>

<!-- Bottom Right -->

<div id='bottom-right'>

<b:section class='bottom-content' id='bottomright-content'>

<b:widget id='HTML14' locked='false' title='' type='HTML'/>

</b:section>

</div>

</div> <!-- end of #bottom -->

3. Enregistrer le modèle et aller sur “éléments de la page” pour voir les nouveaux la nouvelle section à 3 colonnes au bas de la page.

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

Les flux de vos blogs favoris sur Gmail

By // 7 commentaires:


Beaucoup sont ceux qui sont abonnés au flux rss d'un certain nombre des blogs qu'ils consultent grâce à Google reader, netvibes et autres.


Il y a pourtant possibilité de voir afficher le titre des nouvelles mises à jour de vos blogs favoris dans votre boîte de réception sur Gmail.

Pour cela, il suffit de :

1. vous connecter sur votre compte Gmail

2. Aller sur "Paramètres" (voir juste à côté de "déconnexion)

3. Dans paramètres, cliquer sur "Extraits du web"

4. Voir la case juste après les mots " recherche par sujet ou par url" et y mettre l'url du flux rss du blog que vous voulez suivre et cliquer sur "rechercher" (pour avoir l'url du flux, il suffit d'aller sur le blog en question, s'il affiche le bouton feedburner pour le nombre d'abonnés, faites un click droit et copiez l'adresse du lien)

(cliquer sur l'image pour l'agrandir: click droit, ouvrir sur un nouvel onglet)

5. Quand le résultat de la recherche sera affiché, cliquer sur "ajouter" afin de pouvoir dorénavant être mis à jour sur le nouvelle publication du blog sans avoir à remplir votre boîte de réception.


(cliquer sur l'image pour l'agrandir: click droit, ouvrir sur un nouvel onglet)

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

Widget profil sur Mybloglog

By // Aucun commentaire:


Je viens juste de découvrir que Mybloglog a mis en ligne un nouveau widget pour afficher votre profil "About me" sur votre blog ainsi que les différents blogs dont vous êtes l'auteur . Espérons que ça vous permettra d'embellir encore mieux votre blog.

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

Spicy page, un digg-like pour vos blogs

By // 5 commentaires:

En majorité Les digg-like servent à faire la promo d'un article, d'une news que l'on a trouvé sur le net et trop souvent on s'en sert pour promouvoir les articles de son propre blog.

Spicypage par contre, est un peu comme Mybloglog à la seule différence que les blogs y inscrits sont votés par les Internautes . Vous avez comme sur Mybloglog la possiblité de créer un groupe de fans pour votre blog et d'avoir une liste de contact composé des inscrits au site.



Spicypage est donc est moyen de plus pour faire la pub de son blog et découvrir des nouveaux blogs sur tous les thèmes possible.

Il y a possibilité de voir son blog sur la page d'accueil du site qui propose aussi un widget àun installer sur son blog qui affiche soit le nombre de votes reçus par le blog et même les avatars des membres de spicypage qui sont passé par chez vous.

Donc, si vous êtes intéressé, n'hésitez pas de vous inscrire sur Spicypage, de voter pour mon blog et de rejoindre sa communauté.



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

Les caractéristiques d'un bon desing

By // 2 commentaires:

Source de l'image Auroras


PelOmar, un de plus vieux lecteurs de ce blog, m’avait affirmé qu’à son avis il manque à celui-ci un bon design (cela bien avant que je ne prennen ce modèle). Bien que je ne sois pas d’accord avec lui sur certains points, je m’étais mis en tête de chercher un bon design (j'ai crois que celui-ci est bon)  et de savoir en quoi consistait un bon design.

Un coup d’œil sur mon dico Anglais-français m’apprendra que le premier sens du mot design est « dessein, intention ». Le design d’un blog doit donc poursuivre un dessein, avoir un but, une intention me suis-je dis.

Et voilà que je suis tombé sur un article de Pro Blog Design qui relève les 4 aspects qu’un design devrait prendre en compte pour être considéré comme bon, parmi lesquels nous avons :

1. Atteindre les objectifs de blog : Quel est le but de votre blog ? Qu’attendez-vous de vos visiteurs ?

2. Atteindre les objectifs de vos visiteurs : Quels sont les objectifs de ceux qui visitent votre blog ? Que cherchent-ils à faire ?

3. Souvenir : Quel est l’impression laissé par le blog ? Un design n’est pas important seulement quand le visiteur est sur le blog, mais aussi quand il le quitte.

4. Distinction et première impression : Votre design vous différencie-t-il des autres blogs abordant la même thématique ? Quand un visiteur débarque pour la première fois sur votre blog, qu’en dit-il ?. Le design lui donne-t-il envie de lire ?

Espérons qu’après avoir répondu à ces questions, le tripotage de votre modèle, qui vous prend je ne sais combien d’heures, deviendras plus réfléchi.

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

Merci pour le nouveau Page rank

By // 3 commentaires:

Page Rank Check



Petit billet pour dire merci à tous ceux qui suivent le blog depuis quelques temps (pourquoi pas depuis le berceau) et surtout à ceux qui ont fait un lien vers celui-ci et ceux qui ont participé à la promo fais ma pub.

6 jours seulement après le lancement de fais ma pub et une trentaine des liens récoltés depuis, le blog a maintenant un nouveau Page rank (4). Je ne sais pas si c'est le Page rank de tous les sites ou blogs qui ont été mis à jour, mais en tout cas mes autres blogs n'ont pas changé de Page rank.

En tout cas, merci à vous. Et si vous n'avez pas encore participé à  la promo fais ma pub, n'hésitez pas à vous lancer et pourquoi pas à en faire une de similaire pour votre blog. 
Je suis prêt à participer à celles qui m'intéresseront.
 


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

Moi aussi je déteste les spams

By // Aucun commentaire:
Il y a quelques jours, j’aivais reçu un mail vraiment désagréable d’un site publicitaire. En voici le contenu :


Chers SANKINKA Rodney,

Certains de nos clients souhaitent faire des envois mails.

Si votre base est supérieure à 10 000 adhérents et que vous souhaitez la rentabiliser merci de nous envoyer vos stats d'envoi et coût par retour de mails.

Merci d'avance pour votre participation.

Cordialement.
»

Hé bien, même si j’avais cette base, sachez que je déteste les spams et donc, je ne pourrais pas vous la passer. C'est dit.

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

Afficher des fichiers word et Pdf dans vos articles

By // 17 commentaires:


Beaucoup sont ceux qui ont cherché en vain comment afficher un fichier PDF ou Word dans un article donné de leur blog sans avoir à envoyer le visiteur sur une autre plateforme.

Le site scribd.com vous permet de réaliser cette prouesse, vu que Blogger n'a pas encore intégré cette option dans nos blogs.

Il suffit simplement d'ouvrir gratuitement un compte sur le site scridb et d'y héberger vos fichiers word, pdf et même mp3.



Après vous être connecté sur votre compte:

1. cliquez sur upload

2. Choisissez le fichier à héberger à partir de votre Ordi

3. Donnez lui un titre, une description et mettez des mots clés

4. cochez "mark as private" si vous ne voulez pas qu'il soit consulté par les autres utilisateurs du site

5. cochez "mark as adult" si il a un contenu pour adulte

6. Assignez un groupe au document

7. Assignez une catégorie au document

8. Cliquez sur "Publish"

9. Après que votre document ait été converti en plusieurs format, vous pourrez cliquer sur "View here" pour l'afficher le voir.

10. Si vous voulez l'intégrer à un article de votre blog, il suffit de copier le code html dans la case blanche juste après "Embed" et de le mettre dans l'article désiré.

Le code à copier ressemble à ceci :

<object width="450" height="500"><param name="allowScriptAccess" value="SameDomain" /><param name="movie" value="http://static.scribd.com/FlashPaperS3_7.swf?guid=a8pnarcrvpriz&document_id=1020018&INITIAL_VIEW=width" /><embed width="450" height="500" src="http://static.scribd.com/FlashPaperS3_7.swf?guid=a8pnarcrvpriz&document_id=1020018&INITIAL_VIEW=width" type="application/x-shockwave-flash"></embed> </object>

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

Effets flocons de neige et feux d'artifices

By // 9 commentaires:
Arnox voulait savoir comment mettre des flocons de neige qui tombent sur le blog, une demande qu'il a posté dans la liste des voeux.

Hé bien, en faisant un tour sur le blog de l'APMactu, j'ai découvert qu'il y avait des flocons de neige qui tombent dans la case reservée pour les messages tandis que des feux d'artifices étaient visibles sur l'image de fond du blog.

Après avoir jété un coup d'oeil dans le code source de la page de son, j'ai trouvé comment arriver à cette fin.

1. Héberger un image gif animé ayant des flocons de neige ou des feux d'artifices sur votre compte Google page creator ou Photobucket.

voici les urls où vous pouvez téléchager les images en question :

Effet flocons de neige :

http://i236.photobucket.com/albums/ff299/rodval4ever/flocondeneige.gif

Feux d'artifices :

http://i236.photobucket.com/albums/ff299/rodval4ever/feuxdartifice.gif

2. Allez dans votre modèle, sur modifier le code html et cochez sur développer des modèles de gadget :

3. Pour mettre l'un des effets ci-haut comme fond de vos messages, trouver la ligne de code css suivante et mettez l'url de votre image à l'endroit indiqué :

.post-body {
background-image:url("URL DE L'IMAGE POUR L'EFFET DESIREE");

4. Pour mettre comme fond pour le blog entier, après avoir accomplis l'étape précédente, chercher aussi le code css suivant et mettez l'url de l'image :
body {
background:#bbccaa;
background-image:url("URL DE L'IMAGE POUR L'EFFET DESIREE");
Vous pouvez avoir une demonstration de tout ceci sur le blog de l'APMactu

Article offert par Lilou

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

De la musique dans votre blog

By // 30 commentaires:

Le Président de l’APMactu m’avait demandé dans la liste de vœux, comment mettre de la musique sur un message donné de son blog. Cet article va voir comment insérer de la musique dans son blog, que ce soit dans un article donné ou dans le blog entier.

Tout d’abord, il faut héberger son fichier sur un site donné (Google ¨Page creator par exemple) et garder l’url vers le fichier sur un fichier notepad

Avant de continuer, sachez qu'il existe aussi un moyen pour  ajouter un lecteur mp3 sur Blogger (cliquer sur le lien pour lire l'article).

Voici maintenant les différentes façons dont vous pouvez proposer de la musique sur votre blog.

A. Vous pouvez proposer lien que les visiteurs pourront cliquer pour écouter la musique. Le code ci-dessus peut être mis dans un message ou dans un fichier HTML/JAVASCRIPT (allez sur modèle, éléments de la page, cliquez sur “ajouter un nouvel élément” et sur la pop-up qui s’ouvre sélectionnez HTML/JAVASCRIPT”).

<a href="URL du fichier musical">Cliquez ici pour écouter la chanson</a>
B. Vous pouvez aussi Proposer une console où les visiteurs pourront contrôler le volume, et auront la possibilité d’activer ou d’arrêter la lecture de la chanson. Voici le code qui peut être inséré dans un article ou un widget HTML/JAVASCRIPT

<embed autostart="false" height="40" loop="true" playcount="2" src="URL du fichier musical" width="300"/></embed>

Voici quelques explications sur le code ci-haut :

1. Insérez URL de votre fichier musical dans le code.

2. Le width qui est ici à 300, est la largeur que la console vas occuper dans votre article ou dans votre barre latérale." Vous devez l’ajuster pour qu’elle s’affiche entièrement à l’endroit où vous l’insérez

3. Le height est la longueur de la console (ici 40).

4. L’attribut autostart a deux options. Si vous mettez "true", la musique commencera à jouer automatiquement dès que la page de l’article ou du blog dans lequel elle est insérée est chargé. C’est toujours mieux de mettre "false" car vous ne savez pas si c’est tous vos visiteurs qui supporteront d’écouter votre musique.

5. L’attribut loop indique si la musique doit s’arrêter ou continuer à jouer après la première fois. Si vous mettez "false", la musique s’arrête dès que le morceau arrive à la fin . Tandis que si vous mettez "true", la musique continuera à jouer jusqu’à ce que le visiteur appuye sur le bouton pour stopper ou quand il quittera votre blog (soit la page sur laquelle la musique est intégrée).

6. Vous pouvez aussi spécifier le nombre fois où la musique sera jouée en utilisant la balise playcount="2". En mettant 2, la chanson sera jouée deux fois avant que la musique ne s’arrête. Si vous voulez que la chanson ne soit joué qu’une seule fois, vous pouvez effacer toute la balise playcount="2"

C. Enfin, vous pouvez Insérer la musique dans le code html de votre blog afin que celle-ci joue à chaque page chargée sans donner la possibilité aux lecteurs d’en contrôler la lecture. Pour cela, il vous suffit d’aller sur “modèle”, “modifier le code html” et là mettre le code suivant juste après la balise <Head> :

<embed autostart="true" height="0" loop="true" src="URL du fichier musical" width="0"/>

Vous pouvez aussi lire notre article sur comment ajouter un lecteur mp3 sur Blogger (dans un article ou dans un gadget HTML/Javascript).

Cet article, dont les astuces sont de Jim, vous est offert par :
2. Le Blûûg : un blog qui parle de télé, de cinéma, de jeux vidéo, d’Internet et de tout et n’importe quoi.
3. Papi fait son blog : un blog fait de petits riens glanés de ci de là
Si le billet vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Affichers le nombre des liens reçu par un article grâce à Technorati

By // 3 commentaires:

La promo fais ma pub se portant déjà bien, après les articles sur le Blogaetan (De l'actualité, des liens, des infos, des trucs et des astuces informatiques) ainsi que celui sur Costadvance ( l'actualité informatique en direct) publiées sur Zoom, voyons comment afficher à la fin de ses articles les nombres des liens reçus par ceux-ci grâce à Technorati.

1. Aller dans son modèle, sur "modifier le code html" et cocher "développer des modèles de gadgets".

2. Trouver la ligne de code suivante :


<p class="post-footer-line post-footer-line-3">

3. Ajouter ce bloc de code juste après :

<script src="http://embed.technorati.com/linkcount" type="text/javascript"></script><a href="http://www.blogger.com/%22http://technorati.com/search/%22%20+%20data:post.url" rel="linkcount">View blog reactions</a></p>

4. Enregistrez votre modèle et allez voir les résultats.

Une astuce de Imessenger.

N'oubliez surtout pas que la promo fais ma pub continue.

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

Fais ma pub

By // 3 commentaires:

Le nom anglais d’Internet (Worl wide web) voulant dire « toile d’araignée », il en découle que tous les sites (ou blogs) sur le net doivent être liés à des pages web externes. Les moteurs de recherche (surtout Google), classent mieux les pages ayant reçus les plus de liens sur les résultats de recherche.


Jusque là, ce blog est crédité de 165 liens entrants par technorati. C’est vraiment trop peu, car d’autres ayant le même âge que celui-ci en sont déjà à plus de 1000.


Voici pourquoi, je viens vous proposer un marché qui va me permettre de multiplier les liens entrants vers ce blog en aidant par la même occasion votre blog à avoir aux moins 6 liens de plus venant de deux de mes blogs (Pr3) (5 liens maximum de mon blog Zoom et un lien de Blogger au bout du doigt).


L’affaire consiste à publier un article parlant de ce blog sur le votre et recevoir en échange un article sur votre blog dans Zoom et en lien vers la page d’accueil de votre blog venant d’un article sur ce blog.


Vous devez respecter les conditions suivantes dans la rédaction de cet article :

1. Nombre des mots : Au moins 100 mots

2. Textes des liens

Blogger au bout du doigt :

http://blogger-au-bout-du-doigt.blogspot.com/

Astuces Blogger : http://blogger-au-bout-du-doigt.blogspot.com/search/label/astuces%20blogger

Widgets Blogger :

http://blogger-au-bout-du-doigt.blogspot.com/search/label/widget%20pour%20blogger


Conseils Blogger :

http://blogger-au-bout-du-doigt.blogspot.com/search/label/conseils%20blogger

Faire la pub de votre blog :

http://blogger-au-bout-du-doigt.blogspot.com/2008/01/fais-ma-pub.html

Voici un exemple de ce que je veux

Titre : Blogger dévoilé

Vous avez un blog hébergé sur blogger ? Vous ne savez pas trop comment le rendre à votre goût et y intégrer des fonctionnalités non prévues par Blogger ? Blogger au bout du doigt viens à votre secours. Ce blog est une sorte de manuel pratique pour personnaliser votre blog hébergé par Blogger. Vous y trouverez notamment :

- des astuces blogger : comment mettre un calendrier de navigation, un nuage des mots clés, une table des matières de vos articles, des émoticones dans vos articles,

- des widgets Blogger : pour afficher votre présence en ligne, le top des commentateurs, un Slide Show Picasa un agenda de vos activités, Google talk dans votre blog,

- des conseils blogger : pour améliorer la qualité de votre blog, sa visibilité sur les moteurs de recherches, sa promotion dans la blogosphère, etc.


En plus de tous cela, il vous est offert la possibilité de faire la pub de votre blog sur deux blogs de PR3 et d’en recevoir au moins 6 liens.

Vous pouvez juste copier le texte en rouge ci-dessus le publier, ça fera l'affaire. Sinon, vous pouvez en remanier le fond en veillant de garder les liens ainsi que les textes de liens comme indiqué.

Autre condition de participation, votre blog ne doit pas être un blog test ou encore un blog portant sur la pornographie, l'ésotérisme, la magie, le casino, bref un blog tout âge admis (qu'on peut lire en famille et entre amis sans trop choquer certaines sensibilités).

En échange, après avoir publié l'article sur le blog, contactez-moi et donnez dans votre mail :

1. Le lien vers l'article que vous avez écrit ;

2. La description en une ligne de votre blog (afin qu'elle soit mis à côté de son nom sur un article à paraître ici)

3. Un article promotionnel de votre blog à publier sur Zoom comportant au maximum 5 liens.

Alors, on se lance ?


La PROMO EST CLOTUREE CE 07 NOVEMBRE 2008


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

Barre de navigation avec bouton

By // 8 commentaires:

Après la méthode pour mettre une barre de navigation horizontale sur son blog, voyons comment en mettre une horizontale mais avec boutons. Cette technique a été enseignée par Vin dans son tuto sur comment créer une page d'accueil statique sur Blogger.

Exploding boy propose une gamme variée des boutons que l’on peut utiliser pour son blog. Il faut pour cela avoir le code css nécessaire pour afficher le bouton . Après avoir choisi la marque de bouton que vous voulez afficher sur votre blog, vous pouvez en prendre le code css ici. Il vous faudra aussi héberger les fichiers des boutons dans votre compte Google page creator. Vous verrez par exemple dans le code css fournis ci-dessous l'adresse suivante : http://betabloggerfordummies.googlepages.com/tableftE.gif qui montre que le fichier gif pour le Boutons E a été hébergé sur le compte Google page creator de Vin. Les différents fichiers gif pour les boutons sont téléchargeables ici (clic droit et enregistrer sous). Après avoir héberger les fichiers sur votre compte Google page creator, vous devrez changer le yoursite.com affiché dans le lien du code css sur la page suivante par le lien que vous aurez récuperer.

1. Mettez le code css après ci-après juste avant ]]></b:skin>

/*- Menu Tabs E--------------------------- */

#tabsE {

float:left;

width:100%;

background:#000;

font-size:93%;

line-height:normal;

}

#tabsE ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsE li {

display:inline;

margin:0;

padding:0;

}

#tabsE a {

float:left;

background:url("http://betabloggerfordummies.googlepages.com/tableftE.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabsE a span {

float:left;

display:block;

background:url("http://betabloggerfordummies.googlepages.com/tabrightE.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#FFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsE a span {float:none;}

/* End IE5-Mac hack */

#tabsE a:hover span {

color:#FFF;

}

#tabsE a:hover {

background-position:0% -42px;

}

#tabsE a:hover span {

background-position:100% -42px;

}

Le code ci-dessus est à coller juste avant la balise ]]></b:skin>

2. Collez le code en bleu ci-après dans votre outer-wrapper :

<!-- start outer wrap -->
<div id='wrap'>

<div id='tabsE'>

<ul>

<li><a href='URL DE LA PAGE D’ACCUEIL' title='Accueil'><span>Accueil</span></a></li>

<li><a href='URL POUR CONTACT' title='Contact'><span>Contact</span></a></li>

<li><a href='URL CATEGORIE 1' title='Catégorie 1'><span>Catégorie 1</span></a></li>

<li><a href='URL CATEGORIE 2' title='Catégorie 2'><span>Catégorie 2</span></a></li>

<li><a href='URL CATEGORIE 3' title='Catégorie 3'><span>Catégorie 3</span></a></li>

<li><a href='URL CATEGORIE 4' title='Catégorie 4'><span>Catégorie 4</span></a></li>

</ul>

</div>

<!-- start header -->
<div id='header_wrap'>

Le menu apparaîtra alors au-dessus de votre entête.

3. Si par contre vous voulez l'afficher juste après l'entête, un peu comme sur ce blog, il faut coller le code soit dans un widget html que vous aurez crée juste à l'entête et placé après le titre et la description du blog, soit vous allez dans le code html du blog.

N.B. :

1. Si c’est le bouton F que vous voulez afficher, mettez le code css pour le bouton F à la première étape et changer le <div id='tabsE'> par <div id='tabsF'>. Respectez la même procédure, que ce soit pour le bouton de type A, B, C, D, etc.

2. Si au premier enregistrement, vous recevez un message d’erreur disant que l’élément de type <div> doit être fermé, ajoutez un </div> à la fin du code fournis à la deuxième étape. Si le même message d’erreur revient, ajoutez un autre </div>. Avant d’arriver au quatrième ajout, je crois qu’il sera accepté.

Vous pouvez voir le bouton E utilisé sur le blog boutique de Vin.

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

Cacher le nombre d'articles sur le widget des archives

By // 5 commentaires:
Sur le widget des archives, il est toujours affiché le nombre d'articles publiés au cours du mois, de la semaine ou de l'année, selon l'option que vous avez choisie. Mais, parfois, ce n'est pas beau qu'un lecteur qui débarque sur votre blog soit directement informé par cette archive de votre faiblesse de publication en voyant que vous ne publiez pas plus de 3 articles par mois.

Pour ne plus avoir à souffrir de cet faiblesse, je vous propose un moyen d'effacer le chiffre à côté du mois, de la semaine ou de l'année dans le widget des archives.

1. Connectez-vous sur votre compte Blogger. Allez sur modèle, puis sur "modifier le code html" et là cochez développer des modèles de gagdet.

2. Trouvez le code suivant, effacez-le et enregistrez votre modèle

(<data:i.post-count/>)

Si par contre vous ne trouvez pas ce code en entiers, voyez plutôt celui-ci data:i.post-count/ et effacez-le.

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

Prévenir avant que guérir ne soit impossible

By // Aucun commentaire:

disclaimer





Interview Dylan GOUBIN-DAHAN du 09/10/2007


Nous avons beaucoup parlé des moyens disponibles pour sauvegarder son blog hébergé par Blogger. Seulement, comme il y a certaines entreprises qui se servent des blogs pour faire leurs pubs et comme il se pourrait que vous ayez une petite PME à vous (même si ce n’est pas encore fait, ça pourra arriver un jour), et donc un ordi avec plein des fichiers dont la perte vous enverrait dans le coma qui risquerait de ressembler à celui de Sharon, permettez moi de vous parler de NEOBE BACKUP.

NEOBE BACKUP est un service de sauvegarde en ligne pour les entreprises. Il vous permet de conserver les fichiers de votre ordinateur sur des serveurs sécurisés afin de pouvoir les récupérer en cas de sinistre. Par sinistre, ne voyez pas seulement une explosion dans votre immeuble revendiquée par Al Qaida. Il se peut que l’un de ces quatre matins, votre ordi rende l’âme et qu’aucun informaticien ne parvienne à lui faire cracher les morceaux qu’il avait avalés avant son décès.

Je travaille dans une bureautique et j’en sais quelque chose. L’an passé, nous avions acheté un P3 (300 $) parce qu’on voulais avoir un ordi avec XP (les autres utilisants essentiellement Millénium) et pas plus d’un mois après, le disque dur de 20 Go avait passé l’arme à gauche (dire que c’était le plus grand disque dur qu’on avait au bureau). Aucun informaticien n’étant parvenu à nous ressusciter le bidule (paix à son âme), nous nous sommes rabattu à le remplacer par un de 800 megabytes (vraiment la galère). Si par contre, nous conservions nos fichiers grâce à NEOBE BACKUP, nous n’en serions pas à expliquer à nos clients que leurs travaux avaient déjà était faits mais que l’ordi nous avait fait un abus de confiance.

Notez que Neobe vous offre la possibilité d'essayer un compte DEMO de 1Go pendant 7 jours afin de pouvoir argumenter.


Alors, on prévient au lieu de chercher à guérir ? Faites la sauvegarde en ligne des fichiers de votre ordinateur grâce à Neobe.


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

Une table des matières interactive

By // 15 commentaires:

Aujourd’hui, permettez-moi de vous montrer comment insérer une table des matières interactive pour votre blog. J’en avais installé une dans le premier modèle que j’utilisais, ce qui offrais la possibilité aux visiteurs de cliquer sur le mot « afficher la table des matières » pour voir la liste des articles ainsi que leurs libellés apparaître juste au-dessus de la colonne contenant les messages du blog. Table des matières que l’on peut encore cacher en cliquant sur « Hide table of contents ». Vous pourrez en voir une démonstration sur le blog de Hans qui est d’ailleurs le concepteur de l’astuce.

Pour ajouter une table des matières à votre blog, vous devez :


1. Gardez une copie de votre modèle


2. Ajoutez un widget HTML/JAVASCRIPT juste au-dessus du bloc de message


Pour cela, allez dans votre modèle, sur « modifier le code html » et là cochez développer des modèles de gadget. Trouvez la ligne de code suivante

<b:section class='main' id='main' maxwidgets='1' showaddelement='no'>

changez la par celle-ci

<b:section class='main' id='main' maxwidgets='4' showaddelement='yes'>


Après avoir enregistré votre modèle, vous pourrez aller sur « éléments de la page » et là vous verrez juste au dessus du widget pour le message de blog, un widget où cliquez pour ajouter un nouvel élément. Ajoutez un élément HTML/JAVASCRIPT ».


Ajoutez le code suivant dans ce widget HTML/JAVASCRIPT

<div id="toc"></div>


Sauvegardez les modifications.


3. Ajoutez un widget HTML/JAVASCRIPT à votre colonne latérale que vous pourrez nommer « TABLE DES MATIERES »

Mettez-y le code suivant :


<div id="toclink"><a href="javascript:showToc();">Afficher la table des matières</a><br/><br/></div>

<script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script>

<script src="http://VOTREBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>


Remplacez VOTREBLOG par le nom de votre blog. Vous remarquerez aussi qu'il y a une limitation pour n'afficher que 999 articles. Si vous en avez plus, vous pouvez toujours changer le nombre pour voir ce que ça donne. Sinon, n'ayant aucun blog avec autant d'articles, je n'ai pu essayer la combine.


4. Ajoutez encore les codes suivants juste dans le widget html de l'étape précédente


<style type="text/css">

#toc {

border: 0px solid #000000;

background: #ffffff;

padding: 5px;

width:500px;

margin-top:10px;

}

.toc-header-col1, .toc-header-col2, .toc-header-col3 {

background: #ffd595;

color: #000000;

padding-left: 5px;

width:250px;

}

.toc-header-col2 {

width:75px;

}

.toc-header-col3 {

width:125px;

}

.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {

font-size:80%;

text-decoration:none;

}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {

font-size:80%;

text-decoration:underline;

}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {

padding-left: 5px;

font-size:70%;

}

</style>



et sauvegardez les modifications.

Vous pouvez changer les couleurs de l'entête de chacune des 3 colonnes, si vous vous-y connaissez un peu.

Vous avez maintenant une table des matières interactive pour votre blog.

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

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT