Hai sobat marilah kita mencoba untuk memahami atau mengenal HTML di dalam template, pada sebelumnya saya sudah menjelaskan bahwa di dalam HTML ada HTML,HEAD,BODY tetapi bagaimana kita mengetahui tata letak HTMLnya, jika anda sudah memperhatikan di dalam edit HTML anda dapat mengahpusnya secara keseluruhan dengan cara Ctrl A lalu hapus silahkan anda
copykan kode di bawah ini
<?xml
version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html
xmlns='http://www.Nurhajid.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>
<b:skin><![CDATA[
body {
background:white;
color:black;
}
#Navbar1
{dispaly:none!important;}
]]></b:skin>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1'
showaddelement='no'>
<b:widget id='Navbar1'
locked='true' title='Navbar' type='Navbar'/>
</b:section>
</body>
</html>
silahkan Anda save dan lihat hasilnya, di dalamnya belum terisi bagian-bagian sidebar, kode di atas merupakan template yang kosong dan kita harus mengenali Struktur tata letak atau
pengenalan HTML di dalam template
1. Xml dan Html adalah Tag utama yang di dalam template.
2. <body> sampai
dengan </body> adalah Tubuh tag, semua kode anda harus berada
di antara dua tag body.
3. <div id = 'outer-wrapper'> l <div id = 'wrap2'> (pembuka awalan tag) dan </ div> </ div> <! - End
outer-wrapper -> (penutup
tag) adalah div-tag untuk dua bungkus, bungkus disebut
"outer-wrapper" dan pembungkus yang disebut "wrap2". Dalam
CSS Anda dapat menentukan font, warna, dan styling lainnya untuk pembungkus
tersebut. Kami akan melihat ke dalam CSS kemudian dalam tutorial ini.
4. <div id = 'header-wrapper'> seperti :
<b: section
class = 'header' id = 'header' maxwidgets = '1' showaddelement = 'no'>
<b: widget id =
'Header1' locked = judul 'benar' = 'Second Sidebar (Header)' type = 'header'
/> </ b: section>
yang akan di tutup
dengan </ div> adalah kode tersebut adalah mengandung header
5. <div id = 'content-wrapper'>
<div id =
'main-wrapper'>
<b: section class =
'main' id = showaddelement 'main' = 'no'>
<b: widget id =
'Blog1' locked = judul 'benar' = 'Blog Posts' type = 'Blog' />
</ b: section></
div>
<div id = 'sidebar-wrapper'>
<b:section
class='sidebar' id='sidebar' preferred='yes'>
<b:widget
id='BlogArsip1' locked='false' title='Blog arsip' type='Blogarsip'/>
<b:widget
id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section></div><div
class='clear'> </div></div>
kode <div id = 'header-wrapper'> , kode tersebut juga ada 2 bungkus yaitu "main-wrapper" dan "sidebar-wrapper" Adalah isi yang di dalamnya terdapat posting blog dan sidebar
A. <b: section class = 'main' id = showaddelement 'main' = 'no'>
<b: widget id =
'Blog1' locked = judul 'benar' = 'Blog Posts' type = 'Blog' />
</ b: section>
Di
dalam "main-wrapper" (pada nomor 5) kita menemukan
main-section dengan Blog-widget . Widget ini berisi posting Anda.(pada
nomor 5), kode ini (no 6) adalah isi dari posting anda di dalam widget.
B. Di dalam <div id = 'sidebar-wrapper'> kita menemukan <b:section class='sidebar' id='sidebar'
preferred='yes'> dengan Arsip-widget <b:widget id='BlogArsip1' locked='false'
title='Blog arsip' type='Blogarsip'/> dan Profil-widget<b:widget
id='Profile1' locked='false' title='About Me' type='Profile'/>.
6. <b:section class='footer' id='footer'/>
</div></div></div>
</body>
kode tersebut adalah footer.
itu adalah tata letak yang ada di dalam sebuah template, saya pergunakan step by step agar saya juga bisa, karena saya ambil ini dari yang lain, saya gabungkan menjadi satu amati terus kepart berikutnya. struktuk pada blog aga rumit yang di dalamnya terdapat tulang bahan pengerak,daging sebagai pembungkus,otak sebagai menjalankanya. bagaimana pun bila kita berusaha untuk belajar pasti bisa, saat ini masih dalam penganguran yang belum ada juga pangilan saya sibukkan dengan membuat template. jika anda seorang blog pemula silahkan ikuti, jika anda seorang blog propesional silahkan anda share jika saya ada kesalahan.