Memahami Template kode Html di Blog: setelah anda sudah mengetahui dari ujung kepala sampai dengan ujung kaki maka, kita harus mengetahuinya bila kita menghapus pada bagian tersebut (masih pada posisi edit HTML) dengan mengunakan CTRL A, Lalu hapus semua seperti di bawah ini
Biarkan saja dalam keadaan seperti lalu anda copas yang ada di bawah ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.yrenza.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>
<!DOCTYPE html>
<html xmlns='http://www.yrenza.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 Maka akan nampak seperti di bawah ini :
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.
Pada bagian part 2 ini untuk di perhatikan, agar part 2 ini akan ada di part-part selanjutnya, jika anda ingin bertanya silahkan di komentar
No comments :
Post a Comment