Bienvenue sur Tutonext.com : Logiciels Gratuits et Tutoriels

" Blog des Tutoriels et Astuces informatiques, Astuces Blogger / blogspot / Wordpress, optimisation et SEO, tests des logiciels et actualités des dernières nouveautés High-Tech, jeux et logiciels Gratuits et cours informatique"

RSS Souscrire via RSS

Création d’un formulaire de contact dans Blogger avec Kontactr

Plutôt que de publier votre adresse e-mail directement sur votre Blog, qui peut attirer les robots spammeurs d’emails , il vaut mieux créer un formulaire de contact.


FORMULAIRE DE CONTACT AVEC KONTACTR

Il est très facile de créer un formulaire de contact avec Kontactr. Tout ce que vous devez faire est de créer un compte en utilisant l’adresse e-mail que vous souhaitez recevoir des emails envoyés à partir du formulaire de contact. Si l’inscription a réussi, un email sera envoyé à cette adresse e-mail avec un lien d’activation qui vous devez cliquer pour activer votre compte. Si après un certain temps vous n’avez toujours pas reçu le courriel d’activation, cliquez sur Renvoyer et il vous sera envoyé de nouveau.
Lire plus »

Posté le : 07 Feb 2013
Tags: , , ,
Posté dans Astuces Logiciels, Blogger, Gadget Blogger |

Comment diviser le Header ou entête de votre blog dans blogger en deux parties?

 Ce tutoriel vous permet de diviser le “Header” ou en-tête de votre blog en 2 ou plusieurs blocs. Cette division de header est intéressante à plusieurs titres, tout d’abord c’est une question d’esthétique en plus de personnalisation de “header” en ajoutant à coté du titre de votre blog, un gadget de moteurs de recherche ou une annonce de publicité par exemple

Comment procéder !!?
Connectez-vous à votre blog et allez dans Tableau de Bord> Présentation > Modifier le Code HTML
 
ETAPE 1: Tout d’abord nous devons définir un en-tête dans la  feuille de style CSS. Pour cela, cherchez dans votre code en utilisant (ctrl + F) : ]]></b:skin>   (si vous ne trouvez pas cela, alors probablement que votre modèle blogger est ancien).  

Puis juste au-dessus de ]]></b:skin>, ajoutez le bloc de codes suivant :


#header {width:60%;display:inline-block;float:left;}
#header2 {width:25%;display:inline-block;float:right;padding:15px;}

#header-right .widget {margin:0;}
  Lire plus »


Posté le : 01 Feb 2013
Tags: , ,
Posté dans Blogger, Gadget Blogger |

Comment ajouter un bloc annonce d’adsense uniquement dans la page d’accueil de votre Blog dans blogger?



Dans blogger vous avez droit à trois blocs d’annonces d’Adsense. Aujourd’hui, je vais vous donner une astuce pour personnaliser l’affichage des annonces dans votre Blog.
Cet Article suppose bien évidemment que vous avez un compte Adsense et que vous avez créez  des annonces et elles sont prêtes  à être inséré dans vos pages.

On suppose que je veux afficher une annonce uniquement dans la page d’accueil. pour cela je vais ajouter un gadget de type html/Javascript ( allez dans Tableau de bord — Présentation – Ajouter un gadget) et je vais le nommer “Annonce” puis Enregistrer. Pour l’instant cette annonce parait dans toutes les pages de votre blog.

Comment personnaliser ce gadget “Annonce” ?

Aller dans “Modifier le Code Html” dans l’onglet “Présentation” en s’assurant que ”Développer des modèles de gadgets” est bien coché.


Chercher le nom de votre gadget dans le code html de votre blog en utilisant la commande CTRL+F. Vous allez trouver un code qui ressemble à ceci :


<b:widget id=’HTML3′ locked=’false’ title=’Annonce‘ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>

On peut localisé notre gadget soit par son nom soit par son code, dans notre cas “HTML3″, attribué automatiquement par blogger.

Nous allons ajouter deux lignes de code pour que notre gadget sera affiché uniquement dans la page d’accueil.
notre nouveau code du gadget “HTML3″ ou “Annonce” sera comme suit :

<b:widget id=’HTML3′ locked=’false’ title=’Annonce‘ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

si nous voulions que notre gadget Annonce s’affiche uniquement en pages d’article on ajoutra également deux lignes de code suivant :

<b:widget id=’HTML3′ locked=’false’ title=’Annonce‘ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType == “item”‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

N.B : Cette Astuce peut être appliquée à n’importe quel gadget de votre blog par exemple le gadget des posts récents que vous voulez l’afficher uniquement dans les pages d’article … etc.

Posté le : 03 Aug 2011
Tags: , , ,
Posté dans Adsense, Blogger, Gadget Blogger |