HARDIPA ASYIFA / BLOGGER ARCHIVE

Articles & Insights

Search across the complete article collection.
UI Components Typography Guide
November 06, 2026

UI Components Typography Guide

Hardipa Asyifa
Hardipa Asyifa — UI Components & Typography HA HARDIPA ASYIFA · CONTENT DESIGN SYSTEM UI Components & Typography. Panduan visual untuk membuat artikel, project case study, dan halaman konten yang konsisten dengan tema Blogger Mint Dimension. Gunakan snipp…
Projects
Continue reading →

HARDIPA ASYIFA — LAYOUT CONTROL GUIDE

Use Blogger Dashboard → Layout. Edit the matching gadget; do not edit Blog1 or change section/widget IDs.

  • Site Identity / HTML13: brand initials and website name.
  • Main Navigation / HTML15: About, Experience, Projects, Expertise, Certificates and Articles links.
  • Hero Introduction / HTML14: hero headline, summary and CTA buttons.
  • Hero Formal Photo / Image1: upload or replace the profile picture.
  • Hero Profile Caption / HTML17: name and professional title under the portrait.
  • Portfolio Sections / HTML5–HTML10: About, Experience, Selected Work, Expertise, Credentials and Contact.
  • My Blogs Menu / HTML12: links to personal and organization blogs.
  • Topics / Label1: Blogger labels shown in the Topics dropdown.
  • Articles Introduction / HTML18: homepage Articles heading and description.
  • Blog Posts / Blog1: native Blogger posts. Do not remove, duplicate or rename this widget.
  • Ads / HTML3 and HTML4: optional ad code slots.
  • Archive / BlogArchive1: date archive settings.
  • Footer Legal Navigation / HTML11: Privacy Policy, Disclaimer, Terms, Sitemap and Contact links.
  • Footer Tagline / HTML16: closing statement at the bottom of the site.

Article design: use the downloadable UI Components & Typography Guide. Paste component snippets in Blogger Post → HTML view.

Safety: backup the theme before import. Do not change the IDs of existing widgets/sections. Keep the Blog1 widget and all its includables intact.