struktur template blogger
    1. Body: the outer most block is the Body of your template (basically everything that the computer screen covers).
    2. Outer-wrapper: this container covers your whole template (the body is more like the outside of your template). In general, you build a wrapper to place a multiple of smaller blocks inside it. The most common blocks inside this Outer-wrapper is the Header, Content, and Footer.
    3. Header: this block is the top most part of your blog (the name is quite obvious). But inside the Header you will have other sub-blocks too - the Header Title block, the Header Description block, and others such as the Adsense banners, a menu bar, etc. So, to wrap all these sub-blocks inside one large container, the largest container in the Header section is usually a Header-wrapper that wraps everything inside.
    4. Content: below the Header is the Content-wrapper - basically the most important container block of all. Immediately inside this wrapper are the Sidebar containers (1,2 or any number of sidebars) and the Main container (which contains your posts, comments, or some ads).
    5. Footer: is the bottom most container of your template. As in the Header section, you'll also need a Footer-wrapper to contain other sub-blocks in the Footer section.
    6. Main: the Main-wrapper is the outer most container in the Main section which goes inside the Content-wrapper. Inside this Main-wrapper are the Post block, Comment block, Date Header, and other widgets created from the Add Page Element option.
    7. Sidebar: is the block that contains all your side widgets - About Me, Labels, Archive, Text, HTML, Adsense, etc. In a standard Blogger template, you will usually find only 1 sidebar - hence the 2-column template (Main and Sidebar). But it's actually easy to add multiple number of sidebars. The most common ones are 2 sidebars - or the 3-column template. You will see from these tutorial series that once you understand the template structure, it's actually easy to add and move the sidebars to the left or right of your Main container.
    8. Blog Post: this block contains the important stuff - your Posts Titles, Post, Post Author, Labels, etc.
    One other way to see this structure is from the hierarchical point of view. Starting from the largest container to its sub-containers, the structure looks like this:
    • Body
      • Outer-wrapper
        • Header-wrapper
          • Blog Title
          • Blog Description
          • Other widgets
        • Content-wrapper
          • Sidebar-wrapper (1,2,3...)
          • Main-wrapper
            • Date Header
            • Posts
              • Post Title
              • Post Content (or called Post Body)
              • Post Footer (Author, Labels, etc)
            • Comments
            • Feed Link
            • Other widgets (mostly ad units)
        • Footer-wrapper
          • Footer text (disclaimer, copyrights, etc)
          • Other widgets 

     Source

    Related Posts:

    • Elemen CSS Template BlogspotSubsection 1 - Variable:This subsection contains the declaration (the introduction) of the font and color variables that appear in the Fonts and Colors tab in the Layout page. For example, the Text Color or the Text Font vari… Read More
    • RSS FeedsRSS Feed adalah informasi sindikasi yang dikirim melalui teknologi feed dari situs web untuk pengguna Internet. Pengguna dapat berlangganan feed dari berbagai situs web, dan kemudian informasi baru dari situs-situs yang dikir… Read More
    • Struktur Template Blogger Body: the outer most block is the Body of your template (basically everything that the computer screen covers). Outer-wrapper: this container covers your whole template (the body is more like the outside of your templat… Read More
    • Template Html5 Paling Baik Untuk SEOSintaks HTML5 saat ini sedang dikembangkan sebagai revisi utama berikutnya dari HTML (HyperText Markup Language), bahasa markup inti dari World Wide Web. HTML5 adalah standar berikutnya diusulkan untuk HTML 4.01, XHTML 1.0 da… Read More
    • Elements Containers Template Blogger The #main and .post are the titles of each containers. Each container codes must be contained within {...}. For the explanation below, we'll focus on the codes inside the post block, especially for the explanation on the m… Read More

    0 komentar:

    Post a Comment