Visiting card template wordpress adapté pour Blogger

Blogger maintenance | 20:00 | 0 commentaires




Visiting card est un modèle avec quelques effets sympathiques qui peut être installé sur un « mini-blog » pour afficher votre identité numérique. Peu importe que vous soyez un bloggeur ou non, vous pouvez monter un mini-blog affichant des liens vers vos pages sur vos réseaux sociaux préférés.

Comment utiliser ce modèle ?

1. Créer un nouveau blog pour votre carte de visite numérique
2. Créer deux articles, un pour votre présentat ("A propos") et l'autre pour le "Contact". Dans la page pour le contact, mettez juste un mot comme contenu, de tout façon il n'apparaîtra jamais sur le blog.
3. Affichez votre blog et copiez les liens de deux articles (ou pages) créés.
4. Allez modifier les deux articles crées et effacez leur titre, puis publiez de nouveau ces articles.

5. Installation du modèle

Extraire le modèle Blogger du fichier visitingcard.zip 
Après vous être connecté, allez sur > Modifier le code HTML> Parcourir > Choisissez le fichier - visiting-card-blogger-template.xml > Transférer > Enregistrer le modèle
6. Paramètres des pages

Après vous être connecté, allez sur Mise en page, Modifier le code html et cochez sur "Développer des modèles de gadget".

Trouvez cette ligne : 

<b:if cond='data:blog.url == &quot;http://yourblog.blogpost.com/about.html&quot;'>

Mettez le lien de la page "A propos" à la place de http://yourblog.blogpost.com/about.html

Trouvez cette ligne :

<b:if cond='data:blog.url == &quot;http://yourblog.blogpost.com/contact.html&quot;'>

Mettez le lien de la page "Contact" à la place de http://yourblog.blogpost.com/contact.html

Enregistrez votre modèle.

7. Liens du menu

Trouvez ces deux lignes de code en allant sur "Mise en page", "Modifier le code html" :

<li><a href='http://yourblog.blogpost.com/about.html'>About</a></li>
<li><a href='http://yourblog.blogpost.com/contact.html'>Contact</a></li>

Remplacez les urls par ceux de vos articles (ceux copiés à l'étape 3)

8. Photo ou avatar

Trouvez cette ligne dans votre modèle

 <img alt='VisitingCardBlogger' src='http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cKtQx3IcI/AAAAAAAAC0w/wDvGlqilXN0/s1600/person.png'/>
        
Mettez l'url de votre photo (ou avatar) à la place de  http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cKtQx3IcI/AAAAAAAAC0w/wDvGlqilXN0/s1600/person.png

Votre photo (ou avatar) doit avoir 59px de largeur et 60px de largeur.

9. Titre et description

Trouvez ces deux lignes et mettez le titre de votre mini blog à la place de "My Visiting card", cela peut être juste votre nom (ou pseudonyme).

Mettez une petite description de votre personne à la place de "A short description of your person"

<h1>My visiting card</h1>
<p>A short description of your person</p> 

10. Liens pour les réseaux sociaux

Trouvez ces lignes de code et mettez les liens de vos pages sur les réseaux sociaux entre les ' ' qui succèdent aux href=

<li><a href=''><img src='http://3.bp.blogspot.com/_hrhg1n2KA3Y/S1cJ1P1CAbI/AAAAAAAAC0k/oncblNUTnjU/s1600/i_twitter.png'/> <strong>Twitter</strong>twitter.com</a></li>
            
            <li><a href=' '><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cG49qPkbI/AAAAAAAAC0E/cRJCajcofK0/s1600/i_facebook.png'/><strong>Face Book</strong>facebook.com</a></li>
            
            <li><a href=''><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cJoivorHI/AAAAAAAAC0g/lqjKkW9724Q/s1600/i_stumbleupon.png'/> <strong>Stumbleupon</strong>stumbleupon</a></li>
            
            <li><a href=' '><img src='http://1.bp.blogspot.com/_hrhg1n2KA3Y/S1cFjp1MGHI/AAAAAAAACz0/G5ZMG-Cc-CY/s1600/i_delicious.png'/> <strong>Delicious</strong>delicious.com</a></li>
           <li><a href=''><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cGJg-GmoI/AAAAAAAACz8/6CnnFCaogs4/s1600/i_digg.png'/> <strong>Digg</strong>digg.com</a></li>
         
            <li><a href=''><img src='http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cH0YoNPrI/AAAAAAAAC0I/oTomBZMJW28/s1600/i_flickr.png'/> <strong>Flickr</strong>flickr.com</a></li>
            <li><a href=''><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cIALnrYLI/AAAAAAAAC0M/rZxCss-b77g/s1600/i_lastfm.png'/> <strong>Last.fm</strong>last.fm</a></li>
          
            <li><a href=''><img src='http://4.bp.blogspot.com/_hrhg1n2KA3Y/S1cI162218I/AAAAAAAAC0U/5ND7ykx0pCg/s1600/i_myspace.png'/><strong>My Space</strong>myspace.com</a></li>
            
            <li><a href=''><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S1cJMETBFeI/AAAAAAAAC0c/HYkIEcQT8kw/s1600/i_reddit.png'/> <strong>Reddit</strong>reddit.com</a></li>

Pour ajouter un lien vers un autre réseau sociale, ajoutez la ligne des codes suivante après celles ci-haut.

            <li><a href='Lien vers votre page sur le réseau'><img src='http://logodureseau.com/reseau.png'/> <strong>Nom du réseau social</strong>Liendureseausocial.com</a></li>

Notez que le logo doit avoir 30x30px. 


11. Contenu de la page contact

Sur "Modifier le code html", cochez sur "Développer des modèles de gadget" et Trouvez ces lignes :

<div class='row'><span class='field_l i_company'>Company:</span><span class='field_r'>Your Company Name</span></div>
         
          <div class='row'><span class='field_l i_location'>Location:</span><span class='field_r'>You Location (Town, Country)</span></div>
         
          <div class='row'><span class='field_l i_web'>Website:</span><span class='field_r'><a href='http://yourblogurl.blogspot.com'>Blog or website name</span></div>
         
          <div class='row'><span class='field_l i_mail'>E-Mail:</span><span class='field_r'>youremail@host.com</span></div>
          
          <div class='row'><span class='field_l i_mail'>IM :</span><span class='field_r'>YourIM</span></div>
        
          <div class='row'><span class='field_l i_mail'>Skype:</span><span class='field_r'>yourskype</span></div>

Mettez vos informations à la place des textes en gras puis enregistrez votre modèle.

L'affaire est dans la poche. Alors, qu'en dites-vous ?

Categorie(s): ,

Au sujet de Blogger maintenance:
Blogger maintenance est un service de modification et de création des blogs sous Blogger. Nous pouvons aussi sur commande adapter des modèles des sites ou wordpress afin qu'ils utilisables sur Blogger.

0 commentaires

Sections ...

Fourni par Blogger.
Etes-vous exceptionnel? Selon la légende, seules les personnes exceptionnelles vont aimer et partager cet article!
Visiting card template wordpress adapté pour Blogger