telecharger Blogger Templates Gratuit : thèmes pour votre blog

Voici donc une sélection de thèmes gratuits pour Blogger Templates

Sélections de thèmes GRATUIT pour Blogger

des meilleurs ressources sur Internet des templates gratuites pour votre blog

Tutoriels pour blogger: Liste de themes gratuits

liste de quelques sites en anglais qui proposent des modèles graphiques gratuits pour blogger. mais l'installation d'un template est très facile.

Blog Astuces et thèmes gratuits pour Blogger 2012

Themebloggergratuit.blogspot.com : Blog d'aide pour blogger. Les outils et application gratuite pour creer ton blog gratuit.

Thèmes, widgets, Modèles 2012 gratuit pour Blogger.

Recherche d'un template pour la plateforme Blogger pour commencer votre activité de Blogging.

vendredi 31 août 2012

Blogger template Gratuit, ThèmeSinging Never Ends, 2 colonnes pour son blog

Blogger template Gratuit, ThèmeSinging Never Ends, 2 colonnes pour son blog

Blogger template Gratuit, ThèmeSinging Never Ends, 2 colonnes pour son blog

Catégorie: Singing Never Ends


Description de l'auteur:

Singing Never Ends est un thème blogger premium qui propose tout ce dont un musicien a besoin pour promouvoir son talent avec un design totalement adapté aux appareils mobiles. Le thème propose une abondance d’options de personnalisation facile choix de couleurs, de textures et d’images.
Plusieurs modèles de page sont incluses pour différentes mises en page, diaporamas, discographie, dates de tournée et plus encore, une solution idéale pour l’industrie de la musique




height:35px;'/>

Blogger template Gratuit, Thème BuzzFiles, 2 colonnes pour son blog

Blogger template Gratuit, Thème BuzzFiles, 2 colonnes pour son blog

Blogger template Gratuit, Thème BuzzFiles, 2 colonnes pour son blog

Catégorie: BuzzFiles


Description de l'auteur:


Business est un thème blogger premium qui dispose d’un design épuré pour un site totalement corporate. Idéal pour les entreprises qui souhaitent accroître la visibilité de leur présence sur le Web.
Au delà de plusieurs personnalisation, le thème inclut également un modèle de page pour l’affichage des emplois, et un modèle de page RSS ready. C’est une solution polyvalente pour n’importe quelle société.



height:35px;'/>

jeudi 30 août 2012

Comment ajouter Blogger Poll Widget de postes


Comment ajouter Blogger Poll Widget de postes 

Avec la découverte intéressante de Custom blogueur navbar, son temps maintenant d'ajouter encore un autre widget intégrable dans vos blogs blogger. Vous avez souvent vu m'ajouter les résultats des sondages aux postes et je le fais en utilisant la même technique de Iframe que nous avons discuté hier. Le Blogger widgets sondages sont stockés sur les serveurs de Google et même lorsque vous supprimez le widget de sondage de votre sidebar les résultats seront toujours toujours stockées. Ce que je fais souvent, c'est qu'une fois que le vote est fait, retirer le widget de sondage de la barre latérale puis l'ajouter à un poste et discuter des résultats du sondage. Voir les résultats de ce sondage à titre d'exemple

Comment ajouter Blogger Poll Widget de postes

Yes but with two columns
  14 (42%)
 
Yes but with three columns
  15 (45%)
 
No, I like mine
  4 (12%)
 


Copiez le Poll Widget Code de votre fichier Source

1. Visiter votre Blog et appuyez sur Ctrl + U
2. Ensuite, appuyez sur Ctrl + F et recherche pour cela,

http://www.google.com/reviews/Polls

3. Vous trouverez un code qui commence par iframe et se termine avec l'iframe, quelque chose comme cela

<IFRAME allowtransparency = 'true' frameborder = '0' height = '180' nom = 'sondage-widget-1533663100889025859' src='http://www.google.com/reviews/polls/ affichage /-1533663100889025859/blogger_template/run_app? hideq = true & purl = http % 3 a % 2F % 2F www.mybloggertricks.com%2F' style =' frontière : none ; largeur : 100 %; »>< /iframe>

 
4. Copier ce code et collez-le où vous voulez dans votre billet de blog !

5. C'est elle !

Une fois que vous avez copié le code du fichier source de votre blog, alors vous pouvez heureusement supprimer le widget de sondage de la barre latérale en allant sur Blogger > conception > éléments de la Page

Espérons que vous trouverez utile et facile. Si vous fait face à aucune difficulté vient me tirer un commentaire. Paix des frères !

height:35px;'/>

samedi 25 août 2012

Ajouter des icônes à côté des liens hypertexte à l'aide de CSS3


Ajouter des icônes à côté des liens hypertexte à l'aide de CSS3

Feuille de Style en cascade est le cœur des designers et avec les dernières technologies web telles que CSS3, la conception est devenu encore plus intéressante. Grâce aux sélecteurs de la valeur de l'attribut de CSS3, maintenant vous pouvez style toute extension de fichier ou de la balise.

J'utilise la propriété CSS3 attribut sélecteur dans ce tutoriel pour ajouter des icônes à des liens hypertexte. Auparavant, nous devions utiliser JavaScript pour ajouter une icône à côté du lien hypertexte sur votre blog blogger ou votre site Web, mais maintenant vous pouvez le faire facilement en utilisant CSS3. L'icône dépendra du type de l'extension de fichier. Si votre lien est pointant vers un fichier mp3 il ajoute alors un symbole de la musique à côté du lien et ainsi de suite. Voir la démo qui montre 13 liens de format de fichier,

Hyperlink-Icons

Comment ajouter des icônes pour les liens hypertexte de Blogger ?

1. Aller À Blogger > conception > modifier HTML
2. Cochez la case « Développez modèles Widget »
3. Recherche pour ce faire,

]] >< / b:skin >


4. Juste avant elle collez le code ci-dessous,

/ *---------MBT Hyperlink icônes----------* /
a [href * = « .js »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaCONRRs5ONpKgCPGQWkNYmItpBIjovyFyR0ONt4DKy53d06HTctBWP5AcPyRAYg33Qp9xdeLFjHKfAtEGeupJ_9yIY498uSZzp92IOO6NqYa01VCf8KgowJXAPXNOk7WFrAeZvxCG24/s400/file_js.png) no-repeat 0 0 ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « .gif »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7TBUlW781byNM4zvoRdEy2wwuFdcsmkMBcjZHTZmm9KnurzfIMOpbwrbii_II__trfvIjEsG4ZtLe769Waxmel2BIM1vekA0mnoun2fh51EyOEaY9_nPa7W0J8vjuuB00XoChjdDi5lQ/s400/file_gif.png) no-repeat 0 0 ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « .doc »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAD3MRHVpam48ZkafZI0JpzugonCb4uJqNqXpG65Kq6_Kpob3Q_5ZbF5X2x_y27afPYW8iH0mj7vBeeCW6dcn_7X90-Zl6wBLrYP3WcwBEBvDVZr_tBEQQecN7cjbVTSW33w27a0dVXE/s400/file_doc.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « .rar »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMkQ7tiUVO3e9wyRypZq0TeIQcZuLIGD6grh6o57IbWKKKlLkj88V6oNvczqiiiX7UWQvjBLwU33jPfhJzvbsf6sXu-KngHLeVFGluEiA6VmSPvclP3J3r_5hxPCSWSj2KuL7dxNNq5Z0/s400/file_rar.png) no-repeat 0px 0px ; padding : 7px 0 0 25px ;
}
a [href * = « .zip »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhROXFMujbg63vuLoNAV6NzB6vpEHu_T0pFQUJwmtclJh9Lxwr_8oLz2JFOqhPuvHYPLWa9vsNUMpXVsTuXFncMI_dBgw_ebUVcVM4UdRmePRuSsB8EyQH3cgJdIp3Us9QPXCb7CsH07Vo/s400/file_zip.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = «. MP4 »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnnMDzfRSLXMVbRGG2FeTwtugfFwN0wjYiEUs0gnD7uMymnDaRVuS912bvdEKKGvVxFzc6e2j-kpVy647dMbcQVhCrVL2Ub65yoXN2EEfpAhKr6t8xISjHI__Df-s2xrhqnwS4EkuRUNY/s400/file_mp4.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « .php »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQyBC2gESJLtOsBxZ3dxqKkcjBYH_8dKUfaHp9NqbVODQYKEdfUragocsyvX1iLFxu2dr-YyGcVOjE9RqDHuNOCU3ZaVhTltUVJFDHf-iOoHD1qAH3vLZ0n0Yb_5wEmNyS34523Iiy4A/s400/file_php.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « .xml »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipeDzndxvvu2IgoIDHujGJChymDfCvM0NbNE8JZfMUqX4jbGrVU6qLE7Hw3adp-9rPveSLaTqme2R9Rj1JZKmTfISGxTi1IRZkrhCHawQioqltJQKo9yBUCmrM9lwfEN7JaOgZzCy6k68/s400/file_xml.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « .pdf »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQlZDhBfR4qfHKN_9tAX8jkE0grZAZUmj3p4kfnPfKyoUROZRh8tZWdRY4-L8PykK9VUYDrCN8nE3J_DTAgDetPaWm34Wg1hPaowgIIjE_KvBKMItois9VsEDtgTgZnYolkX-3RWZHIo0/s400/file_pdf.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « .xls »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCAAyJFfTJ7i1_kzCxSwc0K0zp6KLEFKLyDiIMf4uXy19QhDRjnBIXXco6eFuCFu1d6x6cgaxwLwRgYvrX1p4NZvxXH0KcoSOmbPMQhBI2HfngS-fJtjQ___WbhSeoIjaIxFBBdQdv7pI/s400/file_xls.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « .mpg »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEindUdfRbX1qm9hteiShLQQhZtECUQB7do61tb853q5c7f22A_C8U0QiOolO_-ObfBygMTANOMJUPMxPlrSMpjwT8S5-LWcFxWr7JlgtA_LzKQKJ5YGOcEgPLbaBvIHlIgkIu23IfY2NWA/s400/file_mpg.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « .bmp »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizNsGolNVSY-wVLUGG7CtZxeofQn4GrWpXPUFahak5DK3g1C3LKvdIN2YScb-u86_JJgUQU7CpxjB270FkwdhCxn4ilDdFaR3Bd5-qlr1ftrrGGjI3hY8dFl1VFZp308iozAwUncDOFM/s400/file_bmp.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « .avi »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikNvEoDEAkCeTS7DSibJBxCZq50SghRuUZM5PqR7S5VqvfvV9fOaSYR3MsJeew2KpsbKNG1P3douPzQ68jsw72A9WS5pnroCfu3tzA4HnVY0-7b6oRq3CVbntm-_CnLxrlOK7b2fzoGbs/s400/file_avi.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « MP3 »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg0-P5rmTgUGiExoQg7yXxCdtuqnQyXBO8rGlJsh4dxHCZV9jzMGz4hUBwH-GP3MD5UZQoGWNsd9uB8hmDKnRwCCsikHrq7l3fQLIPUouHWQEl8HjZc4s7z1pw6XYVpOkc0_hTt_RmeuI/s400/audio_alt.png) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
a [href * = « mailto »] {
fond : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4L-3UaLrk-jrfQ-Yuk9FWERxRF3mdZPqJUAWaEaW1rUF80fFFVU6yoolbFZYkKTGkjQx-aX2DIXfUuqgv5GjOZEGEdVFDqNzP0gYokqylSMtvkUtGJdgQxJhg6Ji002HykB7Ov9w2lCE/s400/e_mail.png) no-repeat 0px 0px ;
padding: 0 0 0 25px ;
}

4. Enregistrez vos modèles et vous avez terminé !

Comment ça marche ?

Les icônes apparaissent lorsque l'extension de fichier est détectée dans le lien. Par exemple, si j'ajoute un lien à fichier pdf comme ceci,

< a href="http://www.mybloggertricks.com/xyz.pdf» > Télécharger le E-book </a>


Puis le lien s'affichera comme ceci à publier

hyperlink-image

Maintenant, ajoutez tout Ebook ou tout lien vers l'image dans vos messages blogger, encadrés ou pied de page n'importe où vous voulez et vous trouverez des jolis icônes apparaissant à côté du lien. Vous pouvez également utiliser les icônes de votre choix en modifiant simplement les liens d'image icône dans le code ci-dessus. Le code est vraiment facile à modifier et j'espère qu'après avoir lu une grande partie de nos tutoriels vous pouvez au moins modifier ce code. S'amuser et de me faire savoir si vous face à tout problème. Profitez


height:35px;'/>

Comment ajouter une IMAGE d'icône à côté d'un lien hypertexte

Comment ajouter une IMAGE d'icône à côté d'un lien hypertexte

ADD-ICON-TO-HYPERLINKAjout d'icônes ou images à côté des liens hypertexte en effet des marques vos liens. Le didacticiel aujourd'hui vous permettra ajouter une icône à côté de tout lien que vous voulez. Il est différent de notre post précédent où j'ai partagé comment pouvez vous ajouter des icônes pour les liens hypertexte utilisant CSS3. La plupart d'entre vous ont demandé que comment pouvez vous ajouter une icône à côté juste une simple URL sans extension de fichier, donc ce poste répondra à toutes vos questions.


Ajout d'icônes à côté des liens hypertexte dans Blogger


1. Aller À Blogger > conception > modifier HTML

2. Cochez la case « Développez modèles Widget »

3. Recherche pour ce faire,

]] >< / b:skin >

4. Juste avant elle collez le code ci-dessous,

.MBT-lien hypertexte-1 {
Background : url (Ajouter icône lien ici) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}

Apportez ces modifications :

Remplacer ADD ICON lien ici avec l'URL de votre icône. Vous pouvez utiliser une des icônes ci-dessous ou d'entre tous. Cliquez avec le bouton droit sur une icône et sélectionnez «copie Image emplacement» ou «Copier l'Image URL"

audio_alte_mailfile_avifile_bmpfile_docfile_giffile_jsfile_movfile_mp4file_mpgfile_pdffile_phpfile_pptfile_rarfile_xlsfile_xmlfile_ziphyperlink iconlink_go



Vous pouvez également utiliser les icônes de votre préférence et enregistrer les Images sur blogger.

Si vous souhaitez utiliser trois ou quatre icônes simplement garder en ajoutant le même code CSS donné ci-dessus en changeant seulement le chiffre numéro c'est-à-dire 1, 2, 3, 4, comme cela,

.MBT-lien hypertexte-1 {
Background : url (Ajouter icône lien ici) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
.MBT-lien hypertexte-2 {
Background : url (Ajouter icône lien ici) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
.MBT-lien hypertexte-3 {
Background : url (Ajouter icône lien ici) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
.MBT-lien hypertexte-4 {
Background : url (Ajouter icône lien ici) no-repeat 0px 0px ;
rembourrage : 7px 0 0 25px ;
}
et ainsi de suite......

5. Enregistrez votre modèle et passer à la prochaine partie du tutoriel

Comment ça marche ?

Maintenant, par exemple si vous souhaitez établir un lien à votre utilisateur de télécharger un Ebook, vous devez simplement ajouter la classe CSS pour le lien i.e classe = « mbt-lien hypertexte-1 » comme indiqué ci-dessous,

< a classe = « mbt-lien hypertexte-1 » href="http://xyz.com « > Télécharger SEO Guide conseils </a>

Après avoir coller le lien ci-dessus dans le mode HTML de votre éditeur de blogueur et publier le poste, vous verrez l'icône qui apparaît à côté de votre lien comme indiqué ci-dessous,

Icon next to hyperlink

Espérons que cela est évident. Si vous en aviez besoin d'aide juste let me know. Paix et bénédictions !
height:35px;'/>

vendredi 24 août 2012

Ajouter « Lien de réponse » à Blogger commentaires

Ajouter « Lien de réponse » à Blogger commentaires

Offrant une navigation facile et amusant à utiliser des outils vos lecteurs devrait toujours être votre première priorité. Si elle peut être un blog vidéo comme YouTube ou il peut être tout forums, tous ces grands sites ont un lien de réponse joint à chaque commentaire posté sur le site. Heureusement, nous pouvons même ajouter ce lien de réponse extrêmement utile à nos blogs blogger pour le rendre encore plus mieux. Sur en cliquant sur le lien de la réponse ou le bouton de réponse, un lien d'ancrage à ce poste d'observation est collé sous forme pop-up de commentaire blogger. Ce lien affiche qui a été répondu ou a répondu. Vous pouvez voir fonctionner très bien sur les Commentaires de MBT. Je suis certain que vous aimerait ajouter à vos blogs aussi. So Let's do it !

reply-link-blogger

Ajoutez votre personnalisé « lien de réponse » À Blogger


1. Aller À Blogger > conception > modifier HTML
2. Sauvegarde de votre modèle
3. Cliquez sur la case «développer widgets Templates»
4. Recherche de ]] >< / b:skin >
5. et collez le code ci-dessous juste au-dessus de lui,

/ *--------------MBT réponse lien--------------* /
.{MBT-replycomments
fond:#ECEAEA;
curseur : pointeur ;
couleur: #fff ;
marge : 5px 0 ;
float : right ;
border : none ;
padding : 4px ;
-moz-border-radius : 6px ;
-webkit-border-radius : 6px ;
border-radius : 6px ;
police : 10px sans-serif ;
}
.MBT-replycomments:hover {
fond:# E7E7E7 ;
}

Apportez ces modifications :

Pour modifier le lien historique sur le mode actif edit #ECEAEA

Pour modifier l'arrière-plan du lien couleur bulle souris edit # E7E7E7

Notre outil Générateur de couleur sera utile

6. Maintenant rechercher,

< classe dd = « commentaire-pied de page » >

ou cela,

classe = « commentaire-pied de page »

et juste au-dessus de lui, collez le Code de « Lien de réponse » ci-dessous,

< div class = « MBT-replycomments » >< un expr:href ='& quot;https://www.blogger.com/comment.g?blogID=*******************& amp ; postID = & quot ; + data:post.id + & quot ; & amp ; isPopup = true & amp ; corps = 40 % 3 C % 61 % 20 % 68 % 72 % 65 % 66 % 3D % 22 % 23 & quot ; + data:comment.anchorName + & quot; % 22 % 3E & quot ; + data:comment.author + & quot; % 3 C % 2F % 61 % 3E #form & quot;' onclick='javascript:window.open (this.href, & quot ; bloggerPopup & quot ; & quot ; barre d'outils = 0, location = 0, statusbar = 1, menubar = 0, scrollbars = yes, largeur = 650, hauteur = 650 & quot;); return false;'>Réponse... </a> </div>

Vous pouvez remplacer le texte réponse...avec tout ce que vous aimez

Remplacez votre BLOG. Si vous êtes connecté à votre compte blogger, puis recherchez dans la barre d'adresse de votre navigateur. Vous pouvez voir clairement un code 18-19. Juste le copier et le coller à la place de *******************

blog-id

7. Enregistrez votre modèle et afficher vos commentaires de blog comme WordPress !
height:35px;'/>

Changer de Style de couleur de commentaires auteur dans Blogger

Changer de Style de couleur de commentaires auteur dans Blogger

highlight-comments

Mettant en évidence et la personnalisation des commentaires de l'auteur différemment des commentaires des visiteurs sont une étape très importante que vous devez prendre dès que possible, parce que cela à faire de commentaires de l'auteur plus important aux visiteurs et donc encourager les visiteurs à participer à la discussion et à mieux communiquer avec l'auteur. Le bloc de commentaires blogger se compose de trois sections importantes qui sont,

1. Commentaire-auteur
2. Commentaire-corps
3. Commentaire-pied de page

Notre tutoriel est aujourd'hui sur la façon de style de la section de commentaire du corps de l'auteur. Permet donc de se rendre au travail !

Mettez en surbrillance et de personnaliser les commentaires dans Blogger

1. Aller À Blogger > conception > modifier HTML
2. Sauvegarde de votre modèle
3. Case à cocher « Développez modèles widget »
4. Recherche pour cela.

]] >< / b:skin >

5. Juste avant elle coller le code CSS ci-dessous,

{.mbt-commentaire-corps
fond: # FFFFFF ;
couleur: # 008000 ;
frontière : 1px solid # 008000;
marge: 0 ;
padding: 0 0 0 10px ;
largeur :520px;
}

Apportez ces modifications :

Pour modifier la couleur d'arrière-plan de l'auteur, commentaires changent # FFFFFF

Pour changer la couleur de police changer # 008000

Pour modifier la taille de la bordure modifier 1px, de changer le changement de style de bordure solide, en pointillés ou pointillés et de changer la couleur de la bordure changement # 008000

Pour modifier la largeur du commentaire corps changer 520px

Astuce : utiliser notre Générateur de couleur pour apporter ces modifications

6. Ensuite rechercher soigneusement ce code dans votre modèle,

Astuce :Appuyez sur CTRL + F et recherche d'une ligne à la fois

< données : commentPostedByMsg / >
</dt>
< classe dd = « commentaire-corps » >
< b:if cond='data:comment.isDeleted'>
< span class = « commentaire supprimé » >< data:comment.body/ >< / span >
< b: autre / >
<p> <data:comment.body/> </p>
</b:if>
</dd> 

7. Remplacez-le par le code suivant,

< données : commentPostedByMsg / >
</dt>
< b:if cond='data:comment.author == data:post.author'>
< classe dd = « mbt-commentaire-corps » >
<p> <data:comment.body/> </p>
</dd>
< b: autre / >
< classe dd = « commentaire-corps » >
< b:if cond='data:comment.isDeleted'>
< span class = « commentaire supprimé » >< data:comment.body/ >< / span >
< b: autre / >
<p> <data:comment.body/> </p>
</b:if>
</dd>
</b:if>

8. Enregistrez votre modèle et vous avez terminé !

Visiter vos blogs et voir que les commentaires de l'auteur maintenant ressembler à ceci,

image

Je voudrais savoir si vous face à tout problème. Devrait être un plaisir vous aider. Dans mon prochain post, je vais partager plusieurs façons de personnaliser les commentaires de l'auteur. Amusez-vous!
height:35px;'/>

Conception d'un professionnel de la recherche « À propos » de la Page

Conception d'un professionnel de la recherche « À propos » de la Page

Donnant un regard mature et professionnels à votre page Web « sur nous » devrait être parmi vos premières priorités. Les visiteurs ont le droit de savoir qui vous êtes et ce que vous faites et où vous appartenez. Votre page À propos est votre identité où vous ajoutez une petite bio de votre auto et ensuite Expliquez le but de votre blog ou votre site Web. C'est la plus importante page pour vos visiteurs réguliers et les annonceurs. Assurez-vous donc que vous laisser une bonne impression sur eux en présentant votre bien. Juste une heure il y a j'ai conçu Ma Page « Sur moi » personnelle et j'ai espoir le didacticiel aujourd'hui fera sens une fois que vous voyez cette nouvelle conception proposée,

Conception d'un professionnel de la recherche « À propos » de la Page

Quoi de neuf en elle ?

La conception comprend 4 principales caractéristiques qui sont :

1. Tous les Widgets Blogger sous titres de poste et en bas sont gardés cachés
2. Trois belles rangées décrivent votre Concept de site Web complet i.e 1 - votre Bio, objectif 2-Blog et l'alinéa 3-clôture.
3. Discours de voix passive est utilisée pour faire les choses à regarder professionnel
4. Il se charge en quelques secondes

Si vous pensez que vous avez vraiment besoin un comme ça alors je suis sûr que vous aimerait lire le tutoriel ci-dessous.

Comment créer cette page à notre sujet ?


Pour ce tutoriel je suggérera que vous utilisez Windows Live Writer. WLW rendra votre conception de page encore plus soignée et propre. Permet donc de se rendre au travail !

1. Copiez toutes les données dans vos propos la page dans un bloc-notes et assurer la sécurité.
2. Supprimer chaque chose dans votre page et le début écrit une bio fraîche sur vous-même dans pas plus de 3-4 lignes environ. Ajoutez ensuite une meilleure image à gauche de votre bio. Voir l'exemple ci-dessous,

image

3. Maintenant, vous devez ajouter des lignes et les paragraphes où vous pouvez parler de vos services, objectifs, etc.. Je conseille que vous créez au plus deux ou trois lignes et gardez court en longueur. Utiliser la voix passive et évitez d'utiliser « je suis cela et que « plutôt utiliser un ton qui peut sembler comme si quelqu'un d'autre décrit l'auteur. Une fois vous avez écrit les paragraphes puis démarrez enveloppant chaque paragraphe un à un entre ce code,

< div style = »frontière : # 686868 5px solid ; padding : 10px ; -moz-border-radius : 15px ; -webkit - border-radius : 15px » >
< div style = "text-align : justifier « >< img style = « afficher : inline ; flotteur : droite « align = src « droit » = «ADD IMAGE lien ici» largeur = « 128 » hauteur = « 128 » / >< / div >
< div style = "text-align : justifier « >< couleur de police = « # 666666 » >
AJOUTER DU TEXTE DU PARAGRAPHE ICI
</font> </div>
</div>
< div style = "text-align : justifier » > & # 160 ; </div>


Faites-le pour chaque paragraphe. Par exemple, si vous avez écrit trois paragraphes puis les entourent dans les codes comme ça,

< div style = »frontière : # 686868 5px solid ; padding : 10px ; -moz-border-radius : 15px ; -webkit - border-radius : 15px » >
< div style = "text-align : justifier « >< img style = « afficher : inline ; flotteur : droite « align = src « droit » = «ADD IMAGE lien ici» largeur = « 128 » hauteur = « 128 » / >< / div >
< div style = "text-align : justifier « >< couleur de police = « # 666666 » >
AJOUTER DU TEXTE DE PARAGRAPHE-1 ICI
</font> </div>
</div>
< div style = "text-align : justifier » > & # 160 ; </div>

< div style = »frontière : # 686868 5px solid ; padding : 10px ; -moz-border-radius : 15px ; -webkit - border-radius : 15px » >
< div style = "text-align : justifier « >< img style = « afficher : inline ; flotteur : droite « align = src « droit » = «ADD IMAGE lien ici» largeur = « 128 » hauteur = « 128 » / >< / div >
< div style = "text-align : justifier « >< couleur de police = « # 666666 » >
AJOUTER DU TEXTE DE PARAGRAPHE-2 ICI
</font> </div>
</div>
< div style = "text-align : justifier » > & # 160 ; </div>

< div style = »frontière : # 686868 5px solid ; padding : 10px ; -moz-border-radius : 15px ; -webkit - border-radius : 15px » >
< div style = "text-align : justifier « >< img style = « afficher : inline ; flotteur : droite « align = src « droit » = «ADD IMAGE lien ici» largeur = « 128 » hauteur = « 128 » / >< / div >
< div style = "text-align : justifier « >< couleur de police = « # 666666 » >
AJOUTER DU TEXTE DE PARAGRAPHE-3 ICI
</font> </div>
</div>
< div style = "text-align : justifier » > & # 160 ; </div>
 

Apportez ces modifications :

 Pour modifier la bordure couleur du paragraphe edit # 686868 avec votre choix de couleur préférée.         Utilisez notre outil de générateur de couleur.
Remplacer ADD IMAGE lien ici avec l'URL de votre image. Essayez de vous utiliser une petite image 128px par 128px en taille.
Pour ajuster l'image taille edit largeur = « 128 » et hauteur = « 128 »

4. Enfin, enregistrez votre page et publier. Visitez votre page à propos pour la voir en action ! : >

Masquer les Widgets

Maintenant, nous avons besoin de cacher tous les machins qui apparaissent sous les titres de poste et au bas des messages. Ces widgets sont normalement icônes de bookmarking sociales, code AdSense et widget post connexes qui figure sur tous vos messages. Pour masquer leur gentiment suivent ces étapes,

1. Aller À Blogger > conception > modifier HTML
2. Sauvegarde de votre modèle
3. Cochez la case « Développez Widget Templates »
4. Rechercher,

<data:post.body/>

et juste au-dessus de ce joindre tous vos codes de widget entre le code ci-dessous,

< b:if cond='data:blog.url! = "ajoute votre propos U.S. URL de la PAGE ici"'>
CODES DE WIDGET
</b:if>

Ajouter tous les codes de votre widget entre ces deux lignes en gras. Remplacer Ajouter votre propos nous PAGE URL ici avec votre lien de la page à propos.

5. Faire de même pour tous les widget codes ci-dessous <data:post.body>

6. Enfin, enregistrez votre modèle et visiter votre blog pour voir la page de chargement en quelques secondes avec une apparence soignée et propre.

Besoin d'aide ?


Si vous en aviez besoin d'aide juste n'hésitez pas à poster vos requêtes. Je répondra le plus tôt possible. J'espère juste que vous avoir gain de cause dans la création d'une attention qui cherchent À nous sur la page qui peut laisser votre blog se démarquent ! Amusez-vous. : > 
height:35px;'/>

« Horizontale » Menus de Navigation pour le blogueur avec CSS & HTML Codes

 « Horizontale » Menus de Navigation pour le blogueur avec CSS & HTML Codes

Menu de navigation ou un menu de l'onglet est le cœur de chaque page web ou blog. Il fournit le moyen de chemin d'accès à toutes les pages importantes du site Web. Pour créer un menu de Navigation, vous devez avoir bonne connaissance du HTML et CSS. Mais depuis plus de concepteurs partagent leurs didacticiels en ligne, le codage est devenu beaucoup plus facile. J'ai porté à vous un total de 30 menus de navigation de haute classe avec leurs CSS et les Codes HTML sur le web. Il vous suffit de copier et de coller les codes et c'est tout !
Les Menus de Navigation horizontale ci-dessous sont principalement créés par Christopher et Highdots et certains par moi. J'ai modifié la plupart des codes afin de faire leur travail de blogueur et ont également fait assez facile d'être compris par la plupart d'entre vous. De plus toutes les images sont téléchargées dans mon Picasa web album donc aucun effort ne requis de votre côté.

 « Horizontale » Menus de Navigation pour le blogueur avec CSS & HTML Codes

Comment ajouter ces Menus de Navigation À Blogger

Pour ajouter votre menu de navigation sélectionnée à votre modèle de blogger a suivi ces étapes,
Aller À Blogger > présentation

1. Cliquez sur ajouter un Gadget ou ajouter un élément de Page
2. Choisissez le widget HTML/JavaScript
3. Simple collez le Code de Menu de Navigation à l'intérieur du widget HTML/JavaScript
4. Hit Save
5. Faites glisser le widget HTML/JavaScript et laisser tomber juste en dessous de l'en-tête de votre Blog, 6. comme indiqué ci-dessous
Comment ajouter ces Menus de Navigation À Blogger

7. Enfin voir votre blog pour voir quelque chose suspendus sous en-tête ou Logo sur votre Blog.
Voir la démo Live du Menu de Navigation MBT # 3
Pour modifier les liens, modifier cette partie du code HTML dans tous les codes ci-dessous,

<li> < a href = « # » >< durée > Link 1 </span> </a> </li>
<li> < a href = « # » >< durée > Link 2 </span> </a> </li>
<li> < a href = « # » >< durée > Link 3 </span> </a> </li>
<li> < a href = « # » >< durée > Link 4 </span> </a> </li>
<li> < a href = « # » >< durée > Link 5 </span> </a> </li>
<li> < a href = « # » >< durée > Link 6 </span> </a> </li>
<li> < a href = « # » >< durée > Link 7 </span> </a> </li>

Remplacez le signe hash(#) avec votre Page liens /URL et Link1, Link2, Link3 etc. avec des titres de votre Page. Si vous souhaitez ajouter ou supprimer un onglet puis simplement ajouter ou supprimer cette ligne,

<li> < a href = « # » >< durée > lien n </span> </a> </li>

Comme un concepteur, j'attends toujours de l'inspiration qui peut être utile pour mes deux lecteurs et pour mes projets de conception. J'espère que les ressources ci-dessous sera d'une grande utilité pour les blogueurs de toutes les plates-formes et concepteurs. Commencez à choisir votre Menu de Navigation préféré et n'hésitez pas à me demander si vous besoin d'aide dans la personnalisation de ce.
height:35px;'/>

Verticale Menus de Navigation pour le blogueur Menus CSS HTML onglet


« Verticale » Menus de Navigation pour le blogueur – Menus CSS-HTML, onglet

Après la sortie de 30++ Menus de Navigation horizontale, nous nous dirigeons vers l'avant pour une belle collection de certains des menus de navigation verticale plus bel qui mettront l'âme à du quelqu'un blog ou site Web ! J'ai ont modifié les codes faites par Christopher et Highdots et ont fait compatible avec le blogueur. J'espère que cette collection sera d'intérêt pour la plupart d'entre vous tout simplement parce que ces onglets de menu de navigation peuvent être installés facilement, personnalisés et multipliée ! J'espère que ce sera d'une grande utilité pour les nouveaux créateurs : >

25 Navigation Menus Collection!

Comment ajouter un Menu CSS de Navigation Vertical À Blogger ?

Ainsi, le processus est comme tout simplement qu'il peut l'être. Il suffit de suivre ces étapes avec soin,

1. Aller À Blogger > présentation > Modifier HTML
2. Votre modèle de sauvegarde
Tous les Menus de Navigation ci-dessous utilise deux morceaux de codes. L'un est le code du CSS qui est responsable de l'aspect et la convivialité des menus et le second est le code HTML qui est responsable du positionnement des menus. Si permet de savoir où ajouter chaque code !

3. Collez le code CSS pour votre Menu sélectionné juste avant ]] >< / b:skin >
4. Pour le code HTML il y peuvent y être deux positions votre barre latérale droite ou gauche sidebar. Dépend le nombre de colonnes que vous avez.

Si vous avoir un encadré de droite, puis collez le code HTML juste dessous < div id = « sidebar-wrapper » > ou ce < div id = « sidebar-emballage-droit » >
Si vous avez un panneau latéral gauche puis collez le code HTML juste dessous < div id = « sidebar-emballage-gauche » >
Remarque:- Étant donné que la plupart des modèles utilisent différents codage donc si vous n'a pu trouver les codes ci-dessus ne vous inquiétez pas tout simplement partager votre URL de blog dans la zone de commentaire et regarderont votre modèle de codage et de vous diront instantanément quel code pour rechercher !

5. Enfin, enregistrez votre modèle et voir le Menu de Navigation belle accrochée à votre sidebar: D

Éditer les liens dans le Menu de Navigation

Pour modifier l'onglet Liens de Menu et des titres, simplement modifier cette partie en caractères gras du code HTML,

<li> < a href = »# 1» >1 lien</a> </li>

<li> < a href = »# 2» >lien 2</a> </li>

<li> < a href = »# 3» >lien 3</a> </li>

<li> < a href = »# 4« >4 lien</a> </li>

<li>< a href = »# 5« >Link5</a> </li>


Remplacez # 1, # 2, # 3 etc. avec vos Liens et URL de la Page et Link1, Link2, Link3 etc. par votre Page de titres. Si vous souhaitez ajouter ou supprimer un onglet puis simplement ajouter ou supprimer cette ligne de code HTML,

<li> < a href = "#» >lien</a> </li>

height:35px;'/>

jeudi 23 août 2012

Blogger template Gratuit, Thème Modeled, 3 colonnes pour son blog

Blogger template Gratuit, Thème Modeled, 3 colonnes pour son blog

Blogger template Gratuit, Thème Modeled, 3 colonnes pour son blog

Catégorie: Modeled


Description de l'auteur:


blogger Theme modeled creative website designs we dream up for your blogger powered blog or website are as swell and smart and slick or subtle as your lovingly crafted brand really is. Our designs live up to your ideas like that



height:35px;'/>

Blogger template Gratuit, Thème Modern Poison, 2 colonnes pour son blog

Blogger template Gratuit, Thème Modern Poison, 2 colonnes pour son blog

Blogger template Gratuit, Thème Modern Poison, 2 colonnes pour son blog

Catégorie: Modern Poison


Description de l'auteur:

Modern Poison is un Theme blogger . Featuring modern jQuery Powered Sliding Gallery, and theme options page. Compatible for blogger Documentation about how to use this theme is included in the zip file.







height:35px;'/>

Blogger template Gratuit, Thème EcoMode, 2 colonnes pour son blog

Blogger template Gratuit, Thème EcoMode, 2 colonnes pour son blog

Blogger template Gratuit, Thème EcoMode, 2 colonnes pour son blog

Catégorie: EcoMode


Description de l'auteur:

EcoMode is un thème blogger proposé aujourd’hui répond parfaitement à ce besoin mais en plus il a une fonction galerie en homepage.








height:35px;'/>

mardi 21 août 2012

Blogger template Gratuit, Thème Another Underse, 2 colonnes pour son blog

Blogger template Gratuit, Thème Another Underse, 2 colonnes pour son blog

Blogger template Gratuit, Thème Another Underse, 2 colonnes pour son blog

Catégorie: Another Undersea


Description de l'auteur:

Another Underse is a professional blogger theme which was made in a modern minimalistic style and best suits for Blogs & Magazines. Layout is made using Golden Grid and it gives you a choice of information publishing – grid view or standard blog view.
Extra ability of showing most important information content via big image slider on the top of the page allows you to improve your web-site’s presence and attract new visitors. It is important to be noticed that Sight is already Search Engine Optimized, so you don’t need to care about, just start and get love from Google.




height:35px;'/>

Blogger template Gratuit, Thème X8 White, 2 colonnes pour son blog

Blogger template Gratuit, Thème X8 White, 2 colonnes pour son blog

Blogger template Gratuit, Thème X8 White, 2 colonnes pour son blog

Catégorie: X8 White


Description de l'auteur:

The theme has 2 columns, a quite vibrant design including “personal” design elements such as handwritten headings, stick-it-notes, clips and pins. The theme was designed by Evan Eckard.



height:35px;'/>

Blogger template Gratuit, Thème Twilight, 2 colonnes pour son blog

Blogger template Gratuit, Thème Twilight, 2 colonnes pour son blog

Blogger template Gratuit, Thème Twilight, 2 colonnes pour son blog

Catégorie: Twilight


Description de l'auteur:

There are so many books that hit the shelves these days that covers just start to blend together into one big mottled wallpaper. So it was a mild surprise when I encountered the stark black and minimalist cover designs



height:35px;'/>

lundi 20 août 2012

Blogger template Gratuit, Thème Mobile Gadget, 2 colonnes pour son blog

Blogger template Gratuit, Thème Mobile Gadget, 2 colonnes pour son blog  

Blogger template Gratuit, Thème Mobile Gadget, 2 colonnes pour son blog

Catégorie: Mobile Gadget


Description de l'auteur:

The Mobile Gadget blogger Mobile Pack is a complete toolkit from dotMobi to help mobilize your blogger site and blog.



height:35px;'/>

Blogger template Gratuit, Thème Mobile Tech, 2 colonnes pour son blog

Blogger template Gratuit, Thème Mobile Tech, 2 colonnes pour son blog 

Blogger template Gratuit, Thème Mobile Tech, 2 colonnes pour son blog

Catégorie: Mobile Tech


Description de l'auteur:

Free blogger theme Mobile Tech . Compatible with touchscreen mobile phones: iPhone & iPod Touch, Android, BlackBerry, Windows Phone, Palm Pre, Symbian. skins: Sky Blue, Amethyst, Rain Forest. Widget ready. W3C valid, hand-made, table-less, SEO, mobile friendly XHTML & CSS code.




height:35px;'/>

Blogger template Gratuit, Thème Mobile, 3 colonnes pour son blog

Blogger template Gratuit, Thème MobileWeek, 3 colonnes pour son blog 

Blogger template Gratuit, Thème MobileWeek, 3 colonnes pour son blog

Catégorie: MobileWeek


Description de l'auteur:

iPhon Theme is an exclusive free premium blogger theme made for iPhone but it also looks great under other mobile phones and gadgets. iPhon theme has a fluid layout, fits the screen and configuring font size automatically.



height:35px;'/>

Blogger template Gratuit, Thème PhotoTravelBlog, 2 colonnes pour son blog

Blogger template Gratuit, Thème PhotoTravelBlog, 2 colonnes pour son blog 

Blogger template Gratuit, Thème PhotoTravelBlog, 2 colonnes pour son blog

Catégorie: PhotoTravelBlog


Description de l'auteur:


Voici une corde qui manquait à l’arc de niss.fr des thèmes pour PhotoTravelBlog. Et bien, chers amis, c’est corrigé aujourd’hui grâce à deux magnifiques thèmes traduits : Nishita & Photoblogger



height:35px;'/>

Blogger template Gratuit, Thème Lugas, 2 colonnes pour son blog

Blogger template Gratuit, Thème Lugas, 2 colonnes pour son blog

Blogger template Gratuit, Thème Lugas, 2 colonnes pour son blog

Catégorie: Lugas


Description de l'auteur:

Fetaures : Widget ready ( footer and sidebar ), Easy to setup, Theme Options Page, blogger Menu Management Support, Build-in Pagination, JQuery PrettyPhoto Lightbox, JQuery Forms, Ajax based contact form, Live form email validation, 6 color styles



height:35px;'/>