Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Données : Blogs et auteur

Pour faciliter la vie des blogueurs, un certain nombre d'éléments sont mis à disposition concernant le blog et le propriétaire du blog.

Voici des exemples mis en situation avec du code HTML, afin de montrer les usages basiques de ces données.

Pour le blog

La liste qui suit permet de disposer des éléments relatifs au blog lui-même : titre, adresse....

Titre du blog

<h1>{{Blog.Title}}</h1>

Adresse du blog

<a href="{{Blog.Url}}">Retour à l'accueil</a>

Description du blog

<p>{{Blog.Description}}<

Langue du blog

<html lang="{{Blog.Lang}}" />

Avatar du blog

<img src="{{Blog.Avatar}}" />

Favicon du blog

<link rel="icon" type="image/png" href="{{ Blog.FaviconUrl }}" />

Flux RSS

<link rel="alternate" type="application/rss+xml" href="{{ Blog.RssUrl }}" />

Pour l'auteur

Le propriétaire du blog peut aussi s'afficher sur le blog

Pseudo

{{Blog.Owner.Nickname}}

Avatar

<img src="{{Blog.Owner.Avatar}}" />

Bio

{{Blog.Owner.Bio}}

Ville

{{Blog.Owner.City}}

Un exemple complet

On peut avec ces informations faire un widget complet pour afficher les informations du blog et/ou du propriétaire.

{% if Custom('custom_hide_widget_biography') == false %}
    <div class="about">
          <h2>{{ Lang.Get('About the blog') }}</h2>
	      {% if Blog.Avatar is not empty %}
	          <div class="photo">
	            	<img alt="Avatar" src="{{ Blog.Avatar | resize (50,50) }}" />
	          </div>
	      {% endif %}
	
	      {% if Blog.Title is not empty %}
	      <p class="name"><strong>{{ Blog.Title }}</strong></p>
	      {% endif %}
	
	      {% if Blog.Description is not empty %}
	      <p class="description blue">{{ Blog.Description }}</p>
	      {% endif %}

	    	{% if Blog.Owner.Bio is not empty and Blog.Owner.Avatar is not empty %}
	            <h2>{{ Lang.Get('About the author') }}</h2>
	            {% if Blog.Owner.Avatar is not empty %}
	                <div class="photo">
	                  <img alt="Avatar" src="{{ Blog.Owner.Avatar | resize (50,50) }}" />
	                </div>
	            {% endif %}
	
	            {% if Blog.Owner.Nickname is not empty %}
	            <p class="name"><strong>{{ Blog.Owner.Nickname }}</strong></p>
	            {% endif %}
	
	            {% if Blog.Owner.Bio is not empty %}
	            <p class="description blue">{{ Blog.Owner.Bio }}</p>
	            {% endif %}
		    {% endif %}
    </div>
{% endif %}
Exemple de module Blog / Auteur

Exemple de module Blog / Auteur

Partager cet article

Commentaires

Audrey Make Up Adddict 17/02/2013 22:19

Bonjour, dans quelle partie du CSS aller mettre ces codes ? Je ne trouve pas..... Merci de votre réponse