Learn More

Saturday, December 24, 2011

How To Making Blogger Template Part 4


blogger logo
Posting this time we will discuss the continuation of our previous post. You already know the trick how to make a sidebar. Now we will discuss how to create a footer. Basically, create a footer similar to the way of making the sidebar. The difference lies in the content widget, that's all. Therefore, we suggest you re-read our post about how to making blogger templates, how to making blogger template part 2, how to making blogger templates part 3, css, and html.



A. Making Division To Footer

This method is intended to create an area for the footer. Actually, this way is not only apply to footer only, but throughout the territory of your blog. Precisely, the division is like the territory of a country. And css as a government of a country that regulates urban planning. Consider our previous posts while trying to create a sidebar, we also do the same thing.


html code

css code



B. Make Some Columns Footer

Once you have successfully created a division for the footer, then the next step is to make 2 pieces of the column footer (for example). How to make this also the same as described above. You need to make 2 pieces of division. If you want to make 3 pieces of the column then you must make 3 pieces of division.


html code

css html



C. Fill Each Columns With The Widget

This method is not always equal between each designer. Sometimes they make a new division, or by giving a specific value on the margin and padding. Consider the following example


html code

css code

  1. Menakjubkan...ternyata seorang wanita bisa nge blog juga
    Mantap2 pula artikelnya...full stylish.
    Oke, kapan2 akan saya share blog ini....nunggu giliran saja.
    Masuk nih kategori ane.

    Beben Koben si bloglang anu ganteng kalem tea \m/

    ReplyDelete
  2. Tapi sayang inggrisan >_<'
    Mumeeettt -_____- :D

    ReplyDelete
  3. Untuk Beben Koben:
    Jangan khawatir, kami telah menyediakan terjemahan yang ada disebelah kiri bawah layar monitor anda.

    ReplyDelete
  4. Justru malesnya tuh menterjemahkannya...xixixixi
    Jadi niat mau ngulik, eh malah pengen bs bahasa inggris :D

    Salam kenal yah \m/

    ReplyDelete