Blog d'aide à la modification des thèmes sur overblog
10 Avril 2012
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.
La liste qui suit permet de disposer des éléments relatifs au blog lui-même : titre, adresse....
<h1>{{Blog.Title}}</h1>
<a href="{{Blog.Url}}">Retour à l'accueil</a>
<p>{{Blog.Description}}<
<html lang="{{Blog.Lang}}" />
<img src="{{Blog.Avatar}}" />
<link rel="icon" type="image/png" href="{{ Blog.FaviconUrl }}" />
<link rel="alternate" type="application/rss+xml" href="{{ Blog.RssUrl }}" />
Le propriétaire du blog peut aussi s'afficher sur le blog
{{Blog.Owner.Nickname}}
<img src="{{Blog.Owner.Avatar}}" />
{{Blog.Owner.Bio}}
{{Blog.Owner.City}}
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 %}