Codage de mon blog

Bonjour à tous, je souhaiterai réaliser le codage HTML de mon blog sur Blogger, afin de le personnaliser au maximum.

J'ai réaliser des schéma comme cahier des charges. Voici des précisions :
→ Le logo évoqué est déjà en commande et en cours de réalisation
→ Le menu situé en dessous est simplement composé de mot, et non pas d'images. Cependant, les menus "Catégories", "Contact", "A propos", doivent être déroulant et proposer des sous-menus.
→ Tout à droite se trouve un espace pour rechercher un article déjà posté.
→ Pour les articles, ils sont au nombre de 5 par page, le dernier posté est situé en haut, sur toute la largeur. L'aperçu s'effectue par une image. Sur le passage de la souris, le titre et la date du post apparaît. En dessous se trouve un lien pour lire l'article en entier. Ci-dessous, se trouve 4 articles en aperçu en carré plus petits, et sur le même fonctionnement (image en aperçu, titre qui s'affiche au passage du sujet, lien pour lire la suite).
→ En dessous des articles se trouve les pages, sur les pages suivantes se trouve 6 articles carrés sur le même aperçu que les quatre de la premières pages.
→ Sur la droite, il y a une colonne avec quatre espaces. "Endroits où me trouver" fait référence aux réseaux sociaux où le blog se trouvera. Puis une cadre pour les partenaires, un cadre pour le blog coup de coeur du mois, et enfin un care pour afficher une newletters. Cette colonne latérale n'est présence que sur la page d'acceuil (et la page 2, 3, etc...), mais pas quand un article est lu en entier.
→ Les articles doivent être identifié à l'aide de "tag" afin de renvoyer aux catégories cités dans le menu déroulant "Catégories". Par exemple, les articles "Cuisine" seront affichés lorsque, dans le menu catégorie, on cliquera sur "Cuisine".

Le code doit être en HTML, et compatible avec Blogger.
Je serais capable de modifier les couleurs etc, mais je ne sais pas coder tout ce qui précède, alors merci de votre aide :D

N'hésitez pas à me contacter pour plus de précision !