Webhash Docs
  • Welcome to Webhash
  • Getting Started with Webhash
  • Building Your Decentralized Website with Webhash
  • How to Edit Every Component on Your Website?
    • Standard Blocks: The Foundation of Your Website
      • Avatar👨🏻‍🦰
      • Heading 🅰️
      • Paragraph📝
      • Links🔗
      • Image 🖼️
      • Social #️⃣
      • Image Grid 🌠
      • Divider ➗
      • List 📃
      • Big Link 🔗
      • Big Paragraph❡
      • Internal Big link
      • Header Image 🖼️
      • Internal Pages 📑
      • Audio 🔉
      • Video 🎥
      • File 📁
      • Call to action
      • Phone Collector 📞
      • PDF Document
    • Web3: Bringing web3 to your website
      • Farcaster
      • Namespace
      • EFP
    • Embeds: Bringing the Web to Your Website
      • SoundCloud ☁️
      • Spotify🎵
      • Youtube📽️
      • Twitch 🎮
      • Vimeo 📹
      • TikTok Video
      • Apple Music 
      • Twitter Profile
      • Twitter Tweet ✖️
      • Pinterest Profile
      • Instagram Media
      • Tiktok Profile
      • Typeform
      • Discord Server
      • Facebook Post🗨️
      • Reddit Post
    • Advanced Blocks: Power Up Your Website's Functionality
      • RSS Feed
      • Custom HTML </>
      • Vcard
      • Alert 🔔
      • FAQ
      • Countdown
      • External Item
      • Share 🔼
      • Youtube Feed 🎥
      • Timeline
      • Review ⭐⭐⭐
      • Image Slider 🖼️
      • Mark Down ✔️
    • Payment Blocks: Monetize Your Web3 Presence
      • Paypal 💵
      • Crypto Pay
  • Connecting to ENS & Web3 Domains: Your Website's Decentralized Address
  • FAQ's on Decentralized Websites
    • What are decentralized websites?
    • How are decentralized websites different from traditional websites?
    • Why should I consider using a decentralized website template?
    • How do I get started with a decentralized website?
    • Can I use my existing domain name with a decentralized website?
    • What are the advantages of using a web template for my decentralized website?
    • Are there any technical requirements or skills needed to use these templates?
    • How customizable are the web templates for decentralized websites?
    • Can I integrate features such as e-commerce or user authentication in my decentralized website using
    • The templates optimized for search engine visibility and performance?
    • Do you offer support or documentation for using the templates?
    • Are there any limitations or considerations I should be aware of when using decentralized
    • Can I use these templates with other blockchain platforms besides Ethereum?
    • What is Ethereum Name Service (ENS) and how does it relate to decentralized websites?
    • How to publish a page on IPNS or IPFS 🔗
Powered by GitBook
On this page
  1. How to Edit Every Component on Your Website?
  2. Advanced Blocks: Power Up Your Website's Functionality

Timeline

How to add Timeline block to your decentralized website

PreviousYoutube Feed 🎥NextReview ⭐⭐⭐

Last updated 1 year ago

Adding the Timeline Block

  • Add Block:

    • Once selected, a pop-up might appear to confirm the addition of a Timeline block.

    • Click the 'Submit' button to add the block to your page.

  • Input Timeline Content:

    • With the Timeline block now part of your page, click on it to start adding content.

    • Look for a 'Create' button within the block to begin inputting individual timeline entries.

    • Enter details for each entry, such as the title, date, and description of the event or milestone. These details will help visitors understand the chronological order and significance of each point on the timeline.

  • Add Multiple Entries:

    • To build a comprehensive timeline, continue adding entries by clicking the 'Create' button for each new event or milestone.

    • Fill in the relevant information for each entry to develop a full narrative or historical record.

  • Customize the Appearance:

    • Depending on the block’s features, you may have options to customize the appearance of your timeline. This could include changing text colors, adjusting line styles, or modifying date formats.

    • Tailor these settings to match your website’s design and the timeline’s purpose.

  • Update and Publish:

    • After adding and customizing your timeline entries, ensure you save or update the block to reflect the changes on your website.

    • Review the timeline on your page to confirm that all entries are displayed correctly and in the right order.