6 Element Tags Menyusun Layout Template Blogger - Dalam satu template tersusun dari sejumlah element penyusun untuk membikin layout suatu template.
Element tags itu bias di sebut kode HTML. Apa itu kode HTML??
HTML (Hyper Text Markup Language)ialah satu bahasa markah yang dipergunakan untuk membikin satu halaman web, menampilkan berbagai macam info di dalam satu penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII supaya dapat menghasilkan tampilan wujud yang terintegerasi. wikipedia
Element tags itu bias di sebut kode HTML. Apa itu kode HTML??
HTML (Hyper Text Markup Language)ialah satu bahasa markah yang dipergunakan untuk membikin satu halaman web, menampilkan berbagai macam info di dalam satu penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII supaya dapat menghasilkan tampilan wujud yang terintegerasi. wikipedia
Bahasa HTML ini cuma bisa di baca oleh browser. Untuk melihat kode html suatu website cukup dengan klik kanan lalu lihat source code atau lihat sumber laman. bersama cara itu sobat bisa melihat struktur html yang dipergunakan suatu website itu. Dan dengan cara ini juga banyak pelaku yang melaksanakan CLONING template web blog orang lain, tentu saja hal ini ialah tindakan kriminal.
Semua elemen tags html itu tak bisa cuma berdiri sendiri, ada sejumlah code lain untuk menyusunnya supaya sesuai layout yang kita harapkan. Kode yang dipergunakan untuk menyusun kode-kode html supaya sesuai layout di sebut CSS. Cascading Style Sheet (CSS) ialah aturan untuk mengendalikan sejumlah komponen dalam satu web sehingga akan lebih terstruktur dan seragam. CSS bukan ialah bahasa pemograman. Untuk lebih jelas menyangkut Tutorial CSS bisa mengunjungi sumber terpercaya wikipedia.
Berikut 6 Element Tags Menyusun Layout Template Blogger:
1. Outer Wrapper
Merupakan element paling luar dari kode html, dan ini paling utama yang mesti ada karena Outer Wrapper dipergunakan untuk menentukan tinggi lebar suatu layout. Untuk penerapan biasanya seperti ini:
<body>
<div id="outer-wrapper">. . . . . . </div>
</body>
Kode CSS:2. Header Wrapper
#outer-wrapper { . . . . ;}
Fungsi dari header wrapper ini ialah untuk mengatur layout bagian header. Yang biasanya untuk nama dan iklan. Untuk pemakaian secara umum seperti ini:
<body>
<div id="outer-wrapper">
<div id="header-wrapper"> . . . . </div>
</div>
</body>
Kode CSS:3. Content Wrapper
#outer-wrapper #header-wrapper { . . . . ;}
Untuk fungsi element content wrapper ini kita kurang begitu jelas, namun secara prinsip ini sama dengan fungsi main-wrapper. Menurut kita ini bisa dipergunakan untuk pembungkusan main-wrapper dan sidebar-wrapper.
<body>
<div id="outer-wrapper">
<div id="header-wrapper"> . . . . </div>
<div id="content-wrapper"> . . . </div>
</div>
</body>
Kode CSS:4. Main Wrapper
#outer-wrapper #content-wrapper { . . . . ;}
Fungsi dari main wrapper ini ialah untuk tempat posting, biasanya terletak di bagian tengah. Untuk pemakaian secara umum seperti ini:
<body>
<div id="outer-wrapper">
<div id="header-wrapper"> . . . . </div>
<div id="content-wrapper">
<div id="main-wrapper"> . . . . </div>
</div>
</div>
</body>
Kode CSS:
#outer-wrapper #content-wrapper #main-wrapper { . . . . ;}
5. Sidebar Wrapper
Fungsi dari element ini pastii pada udah tahu, sidebar wrapper dipergunakan untuk penempatan widget atau fungsi dari fitur lain. Letak sidebar ini biasanya di sebelah kanan atau kiri. Untuk pemakaian secara umum:
Fungsi dari element ini pastii pada udah tahu, sidebar wrapper dipergunakan untuk penempatan widget atau fungsi dari fitur lain. Letak sidebar ini biasanya di sebelah kanan atau kiri. Untuk pemakaian secara umum:
<body>
<div id="outer-wrapper">
<div id="header-wrapper"> . . . . </div>
<div id="content-wrapper">
<div id="main-wrapper"> . . . . </div>
<div id="sidebar-wrapper"> . . . . </div>
</div>
</div>
</body>
Kode CSS:6. Footer
#outer-wrapper #content-wrapper #sidebar-wrapper { . . . . ;}
Fungsi footer ini biasanya untuk credit link atau info menyangkut siapa pembuat template. Letak footer paling bawah. Penggunaannya seperti ini:
<body>
<div id="outer-wrapper">
<div id="header-wrapper"> . . . . </div>
<div id="content-wrapper">
<div id="main-wrapper"> . . . . </div>
<div id="sidebar-wrapper"> . . . . </div>
</div>
<div id="footer"> . . . . </div>
</div>
</body>
Kode CSS:
#outer-wrapper #footer { . . . . ;}
bersama mengetahui dasar-dasar dari tags element template kita bisa dengan gampang melaksanakan editing template blogger dan membikin layout template sederhana. Semoga artikel 6 Element Tags Menyusun Layout Template Blogger bisa berguna untuk sobat dan pembaca.
0 komentar: