• blogger

    Pengenalan Blogger

  • blogger

    Mengenal Elemen Template Blogger

  • Snowalker

    Membuat Dropdown Menu dengan css3

  • robottxt

    Tentang File Robots.txt

  • meta

    Meta tag untuk membatasi akses

Mengenal Elemen Template Blogger Part 5

/* Footer
----------------------------------------------- */
Bagian footer berawal di sini
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Footer ini sama halnya seperti sidebar yaitu tempat penyimpanan gadget/widget pada blog kita namun footer tempatnya dibagian layout paling bawah yaitu dibawah main wrapper dan sidebar.
]]>
Ini merupakan akhir dari css yang ada pada template blogger. Setelah kode ini, Anda bisa menyisipkan javascript dari autoreadmore, artikel terkait, dll. Setelah kode ini, bagian-bagian selanjutnya berisi kode HTML.



Ini merupakan tag penutup dari head pada dokumen HTML




Bagian body berawal pada tag ini
Ini merupakan kode HTML dari outer-wrapper yang bisa diatur tampilannya dengan CSS
Bagian ini merupakan header-wrapper yang bias kita ubah tampilannya dengan CSS
Bagian main-wrapper dan sidebar-wrapper berada dalam tag ini
Widget blog terletak di sini
Ini merupakan kode HTML dari main-wrapper yang bisa kita ubah tampilannya dengan CSS.
Ini merupakan kode HTML dari sidebar-wrapper yang bisa kita ubah tampilannya dengan CSS.


 
Ini mengatur ketinggian sidebar-wrapper dan main-wrapper supaya sama tinggi.
Ini merupakan akhir dari content-wrapper
Ini merupakan kode HTML dari footer yang bisa kita ubah tampilannya dengan CSS
Ini merupakan tag penutup dari outer-wrapper

Ini merupakan tag penutup dari body pada dokumen HTML

Ini merupakan tag penutup dari dokumen HTML

Mungkin pembahasan akan lebih panjang jika kita membahas template dengan tanda centang pada 'expand widget template'.
Maka dari itu, script dari template di atas tidak dengan tanda centang pada 'expand widget template' sehingga terlihat simple.

Artikel Terkait:

Kommentar Sobat
 
© Copyrigt 2012 | Design by Emily.Josan | Powered by Blogger.com.
Thanks to ndung - ndung