Quels avantages et inconvénients pour le choix d'un blog sans modules ?

Avantages
- Une esthétique très sobre.
- Une navigation hyper simple et facile.
- Le lecteur voit tout de suite où il veut se rendre.

Inconvénients
- Travail parfois beaucoup plus long pour la mise en ligne d'articles.
- Moins bon référencement car moins de contenu dans chaque page.
- Un tas de fonctions utilisées via les modules ne seront pas accessibles.

Exemples de blogs sans modules :
http://histoires.photos.over-blog.com/
http://photos.pour.enfants.2.over-blog.com/
http://peluches.de.farfouille.over-blog.com/

Pourquoi vouloir un blog sans modules ?

Ce système sera parfait dans seulement deux cas :

- Pour un blog qui est un sous-menu d'un autre blog plus important,
comme le menu Halloween est une prolongation de PhotoFarfouille.

- Si dès le départ vous prévoyez de ne pas utiliser toutes les fonctions offertes,
si votre but est de proposer un nombre très limité de thèmes dans une interface minimaliste.

Toujours partant ? Alors allons-y ...

ATTENTION, CET ARTICLE CONCERNAIT OVER-BLOG V1

Pour les nouveaux blogs et les blogs passés en V2, un blog sans modules est possible très simplement, directement via votre configuration, cet article servira donc à vous donner des idées de présentation et des informations très utiles et toujours d'actualité pour la réalisation de votre projet, cependant les exemples servant à illustrer ces idées ont peut-être vu leur design modifié entre-temps.


Niveau débutant mais familiarisé aux fonctions Over-blog.
Accessible aux blogs confiance, privilège et premium.

Cet article contient des liens dans les explications,
cliquez sur eux afin de bien comprendre ces explications.

Vous désirez réaliser un blog mais sans utiliser de modules,
comme sur le menu "Halloween", c'est tout à fait possible.

Cependant, est-ce vraiment ce dont vous avez besoin ?

Ce que vous désirez est peut-être une page d'introduction ?
Dans ce cas, ce sera PêUR qui vous offrira la solution.

Les explications sont sur base du blog Halloween,
cependant ne perdez pas de vue qu'avec un minimum d'imagination,
toutes les options sont possibles, je vous explique la base mais
c'est à vous de personnaliser et d'imaginer ce qui sera votre style ...

Vous en avez pour un bon moment de travail avant que tout soit fonctionnel,
ne l'oubliez pas, pour une publication immédiate il vaut mieux vous contenter
du principe de base des blogs ! Toujours envie ? Alors GO ...

Ce système étant simple mais tout de même assez complexe et contraignant,
il vous faut être déjà quelque peut familiarisé avec Over-blog, je n'expliquerai pas
les choses simples tel que comment insérer un lien, la FAQ vous aidera pour cela.

La navigation ici, se fait via l'entête, c'est-à-dire que de n'importe quelle page,
l'accès aux différents menus sera toujours possible.

Une autre possibilité serait un simple lien "accueil" sur chaque page et un menu sur l'accueil.

J'ai choisi de faire un simple tableau contenant les liens texte,
vous pouvez cependant choisir des boutons, des images afin d'y insérer les liens.

L'emplacement de travail pour cette barre de navigation se trouve dans l'onglet "modules",
cliquez le bloc d'entête et travaillez votre entête en y insérant votre bannière
et ensuite votre barre de navigation, image, texte, tableau, selon votre choix.

L'insertion des liens dans le texte ou les images viendra plus tard,
après la création des différents menus, mais vous pouvez déjà insérer le lien vers l'accueil.

2 Les Menus

Les menus sont tout simplement soit des articles, soit un lien vers une catégorie, préparez chaque menu dans un article et préparez les différentes catégories comme à l'habitude.
Prenons l'exemple du menu "photos", ce menu est un article et contient des images/bouton qui conduisent aux différentes galeries de photos qui sont des catégories.
Le menu "jeux" conduit à une catégorie, vous pouvez voir la pagination en place pour la navigation, chaque article de la catégorie est ensuite un menu en lui même.
Les liens vers le contenu seront insérés plus tard. Pensez à donner à vos menus des titres explicites car vous devrez souvent les retrouver afin de les modifier. Créer une catégorie "menus" est une bonne idée, ils seront ainsi facilement retrouvables dans votre administration.

3 Insérer les liens de menus dans la barre de navigation

Il vous faut trouver l'url de chaque menu, étant donné que vous avez retiré tous vos modules
(onglet "modules", croix rouge, cette opération est réversible), nous allons utiliser une astuce
qui vous servira ensuite pour trouver les url de vos articles sans que le blog ne soit modifié
sans cesse lorsque vous y travaillez, chose que les lecteurs n'appréçieraient pas.

Dans l'administration de vos articles, ouvrez l'article voulu comme si vous alliez le modifier.
Dans la barre d'adresse, l'url se présente comme ceci :
http://admin.over-blog.com/admin-article.php?a=2&recherche=&page=&filtre=&tri=0&Id=1789601&From=1
nous avons besoin du numéro de l'article, ce numéro est unique, c'est la partie en vert ci-dessous :
http://admin.over-blog.com/admin-article.php?a=2&recherche=&page=&filtre=&tri=0&Id=1789601&From=1

L'adresse d'un article est composée de l'adresse de votre blog et des indications suivantes :
http://www.photofarfouille.com/article-1789601.html

La partie verte est à ajouter à l'adresse de votre blog, la série de chiffres étant votre N° d'article.

Une fois cette url trouvée, allez dans votre entête pour l'y insérer dans le menu.

Répètez l'opération pour chaque Menu.

Concernant les liens vers les catégories, ils ne seront plus modifiés par la suite, alors placez tout simplement votre module sur le blog afin d'en relever les url et lorsque tout sera fini, retirez le module.

4 Accueil du blog

Créez votre message d'accueil comme bon vous semble.

Si vous ne désirez aucun article en accueil, il vous faut créer un article vide,
vous modifierez ensuite les dates afin que cet article vide reste toujours le premier.
(il existe également cette astuce de PêUR)

Vous pouvez également choisir d'utiliser ce premier article comme message d'accueil
au lieu de la fonction initialement prévue dans "configuration".

Votre blog est à présent prêt à recevoir vos articles.

5 Création des articles

Vous procéderez exactement comme au point 3, vous créez votre article et ensuite
le validez, le ré-ouvrez afin d'en prendre son N° qui vous permet de trouver son url.

Ensuite, selon vos menus, vous allez insérer cette url là où elle doit se trouver,
dans son menu ou dans un article précédent si vous choisissez le parcours
d'article en article comme le menu "photos" ou le menu "animations".

6 Astuces CSS

Pour supprimer les dates d'article sur le blog, ajoutez cette ligne dans votre CSS
.Date {display : none;}

Pour supprimer les titres d'articles sur le blog, ajoutez cette ligne dans votre CSS
.titreArticle{display : none;}

Voilà, si vous avez des questions vous pouvez les laisser en commentaires,
j'adapterai l'article afin d'y répondre, bonne chance !

  
Vous désirez avoir des liens qui scintillent lorsque l'on passe au dessus avec le curseur de la souris ?
 
Suivez bien "pas à pas" ces explications et ce sera vite réalisé ...
 

• Pour tous les niveaux de blog
  (confiance, privilège ou premium)  
   
• Le scintillement des liens se réalise via une image animée, vous devez donc créer ou trouver l'image scintillante vous convenant, des petites étoiles, des bulles, des points, tout peut convenir selon le résultat que vous désirez, il vous faudra peut-être faire de nombreux essais avant de trouver l'image idéale, ne vous découragez pas.
   
• Hébergez votre image dans vos répertoires, ou chez votre hébergeur habituel et copiez son adresse ( http://... )
  Ne prenez jamais, sauf autorisation, l'adresse de l'image de quelqu'un d'autre sur le net.
    
• Allez dans la partie "design"
   
• Cliquez sur "modifier le CSS"   
    
• Cherchez, au début de votre CSS, la ligne
  a:hover {}
   
• Entre les parenthèses, cette ligne contient peut-être déjà des informations diverses,  de couleur et soulignement de vos liens par xemple, vous allez ajouter, entre le point-virgule et la parenthèse de fin (a:hover { blablabla; ici }) le code suivant :
    
  background:url(http://adresse_de_votre_image);
    
  ((http://adresse_de_votre_image) étant l'adresse précédement copiée)
    
  ce qui donnera par exemple comme résultat:
  a:hover { text-decoration:none; color:#0033FF; background:url(http://idata.over-blog.com/0/09/71/etoiles.gif);}
    

Voilà, c'est déjà terminé, regardez votre blog, actualisez votre page et passez votre souris sur les liens pour admirer votre travail.
Si cela ne fonctionne pas, vérifiez bien chaque parenthèse, points-virgules ou autres signes, chacun ont leur importance. Vérifiez également l'adresse de votre image qui doit être correcte et complète.
 
Bonne chance
   

  
Il est très simple de rendre invisible sur votre blog les dates et titres d'articles.
 
Vous devez être en mode avancé,
fonction à activer dans l'accueil de votre administration, à droite, cliquez "changer de mode".
  
Le travail se fera via le CSS, donc pour utilisateur averti !
 
Vous pourrez continuer à mettre les titres que vous désirez,
ils seront visibles dans votre administration mais pas sur le blog.
  
Tous les titres et/ou toutes les dates seront invisibles, même pour les anciens articles.
  

 
Il y a deux moyens qui permettent de donner une impression d'objets qui bougent ou tombent sur votre Over-blog.

La première possibilité, accessible à tous les niveaux (confiance, privilège ou premium) et très simple, consiste à placer un gif animé en fond de blog, en suivant le tutoriel  (cliquez ici), les objets se trouveront en arrière plan de vos articles.

Si vous désirez des objets qui tombent devant vos articles, il vous faudra être en niveau privilège ou premium car cette fonctionnalité demande l'usage d'un script, vous trouverez ce script, des explications détaillées et même des modèles prêts à l'emploi sur le blog de Ticman [EDIT : Ticman ayant arrêté son blog, le script n'est actuellement plus disponible]

Autres articles concernant ce sujet sur la FAQ et CSS inside