Créer une liste de blogs amis pour votre thème de Blog.

17/01/2013 22:26

OB permet de créer un widget de sites de liens amis :
voir mon thème du Dimanche 26 Août.

Pour ceci il vous suffit juste avant la balise </HEAD> de copier le code ci-dessous.
Ce code est prévu pour afficher 5 liens de sites ou blogs amis et surtout les modifier sans avoir à toucher une ligne de code HTML. Mais il vous sera simple d'ajouter par copier coller autant de liens amis que souhaités.
Magique non! Il ma fallu un peu de temps pour maîtriser cette possibilité de la nouvelle plate-forme Overblog, qui permet de créer autant de Widget que nos besoins. L'on peut ainsi personnaliser un thème si en amont, celui-ci a été conçu pour être modifiable via des zones de paramétrages. Je reviendrais sur cette possibilités avec d'autres exemples de mini-widget...

<meta name="string:blogroll_1:Adresse du site internet #1" group="Sites Amis" />
    <meta name="string:blogroll_2:Adresse du site internet # 2" group="Sites Amis" />
	<meta name="string:blogroll_3:Adresse du site internet #3" group="Sites Amis" />
	<meta name="string:blogroll_4:Adresse du site internet #4" group="Sites Amis" />
	<meta name="string:blogroll_5:Adresse du site internet #5" group="Sites Amis" />

Puis dans le <BODY> de votre blog coller ce morceau de code qui permet l'affichage de vos liens. Positionnez le à un endroit stratégique de votre thème, par exemple en dessous de la liste de vos archives ou de vos catégories. Le code pour l'affichage ci-dessous

{% if isIndex %}
<ul class="list-2">
     {% if Custom('blogroll_1') is not empty %}
    		<li><a href="{{ Custom('blogroll_1') }}" title="{{ Custom('blogroll_1') }}" target="_blank">{{ Custom('blogroll_1') }}</a></li>
			{% endif %}
			{% if Custom('blogroll_2') is not empty %}
			<li><a href="{{ Custom('blogroll_2') }}" title="{{ Custom('blogroll_2') }}" target="_blank">{{ Custom('blogroll_2') }}</a></li>
			{% endif %}
			{% if Custom('blogroll_3') is not empty %}
			<li><a href="{{ Custom('blogroll_3') }}" title="{{ Custom('blogroll_3') }}" target="_blank">{{ Custom('blogroll_3') }}</a></li>
			{% endif %}
			{% if Custom('blogroll_4') is not empty %}
			<li><a href="{{ Custom('blogroll_4') }}" title="{{ Custom('blogroll_4') }}" target="_blank">{{ Custom('blogroll_4') }}</a></li>
			{% endif %}
			{% if Custom('blogroll_5') is not empty %}
			<li><a href="{{ Custom('blogroll_5') }}" title="{{ Custom('blogroll_5') }}" target="_blank">{{ Custom('blogroll_5') }}</a></li>
		{% endif %}
   </ul>
{% endif %}

Pour paramétrer vos liens cela ce fait dans la partie gauche de la gestion de votre thème voir la vidéo exemple sur l'intégration du Thème du Dimanche 26 Août

Suite au commentaire de MOUN sur ce post

A copier pour le thème Full Moon à mettre en dessous de la zone TAGS à droite

  {% if isIndex %}
<div class="box tags">
     <div class="box-titre">
         <h3>
             <span>Sites Amis</span>
         </h3>
     </div>
     <div class="box-content">   
        		<ul>
         {% if Custom('blogroll_1') is not empty %}
                <li><a href="{{ Custom('blogroll_1') }}" title="{{ Custom('blogroll_1') }}" target="_blank">{{ Custom('blogroll_1') }}</a></li>
                {% endif %}
                {% if Custom('blogroll_2') is not empty %}
                <li><a href="{{ Custom('blogroll_2') }}" title="{{ Custom('blogroll_2') }}" target="_blank">{{ Custom('blogroll_2') }}</a></li>
                {% endif %}
                {% if Custom('blogroll_3') is not empty %}
                <li><a href="{{ Custom('blogroll_3') }}" title="{{ Custom('blogroll_3') }}" target="_blank">{{ Custom('blogroll_3') }}</a></li>
                {% endif %}
                {% if Custom('blogroll_4') is not empty %}
                <li><a href="{{ Custom('blogroll_4') }}" title="{{ Custom('blogroll_4') }}" target="_blank">{{ Custom('blogroll_4') }}</a></li>
                {% endif %}
                {% if Custom('blogroll_5') is not empty %}
                <li><a href="{{ Custom('blogroll_5') }}" title="{{ Custom('blogroll_5') }}" target="_blank">{{ Custom('blogroll_5') }}</a></li>
            {% endif %}
       </ul>
   


     </div>
 </div>
 {% endif %}

Si vous voulez afficher la miniature de la page d'accueil du site ami il vous suffit de remplacer pour chaque lien défini au niveau de l'affichage, chaque <LI>[..]</LI>, par ceci :

{% if Custom('blogroll_1') is not empty %}
              <li><center><a href="{{ Custom('blogroll_1') }}" title="{{ Custom('blogroll_1') }}" target="_blank"><img src="http://www.photonautes-associes.fr/ob/ob_miniatureweb.php?url={{ Custom('blogroll_1') }}" style="border:0px;" align="absmiddle"/></a></center></li>
{% endif %}

Vous pouvez voir un exemple avec miniatures sur le site de MOUN :
http://versamoi.overblog.com/