Home / script / Mengenal Struktur dasar XML/HTML Template Blogspot

Mengenal Struktur dasar XML/HTML Template Blogspot




Mengenal Struktur dasar XML/HTML Template Blogspot
Mengenal Struktur dasar XML/HTML Template Blog/Website bagi para pemula [seperti saya] merupakan hal mutlak yang harus diketahui dan dipahami. Mengapa demikian? karena dengan mengenal struktur dasar xml/html template blog bisa mempermudah dalam mengedit dan memodifikasi template standard tersebut. Contohnya seperti menambahkan header, kolom widget, footer dan lain sebagainya. 
Mengedit template blog termasuk pekerjaan gampang-gampang susah...!!! Mengapa saya katakan seperti itu, karena dari beberapa kasus yang pernah saya dapati, hampir semua kode template berbeda-beda, tergantung para creator template mau diberi kode seperti apa, tetapi pada dasarnya semuanya sama hanya saja kode yang digunakan creator yang membedakannya.

Mengenal Struktur dasar XML/HTML Template Blogspot
Nah untuk pemaparan dari struktur dasar kode XML/HTML blogspot, berikut struktur xml/html dan penjelelasan dari masing-masing tag :
<html>
<head>
Tempat untuk font script dan meta content
<b:skin><![CDATA[
Tempat CSS / Skin
]]></b:skin>
Tempat Script dan CSS
</head>
<body>
Tempat untuk content header, body, main, sidebar dan footer
</body>
</html>
Penjelasan :
1. Tag HTML
    Tag pembuka <html> dan tag penutup </html> merupakan desain awal (standard) untuk membentuk atau menciptakan suatu template atau design website yang didalamnya berisi semua element xml/html
2. Tag Head
    Diantara tag pembuka <head> dan penutup </head> terdapat tag title, skin/css dan script. Isi tag head ini merupakan bagian penting untuk membangun blog atau website seperti peletakan font, script, meta content dan css/skin. Posisi peletakan font dan meta content, biasanya di letakkan tepat di bawah tag pembuka <head> sedangkan untuk CSS/Skin diletakkan di antara tag pembuka <b:skin><![CDATA[ dan tag penutup ]]></b:skin>.
3. Tag Body
    Tag body ini merupakan tempat untuk menampilkan atau memvisualisasikan semua aktifitas blog, dan biasanya terbagi dalam 4 element utama, header (menu navigation), main-wrapper (post body), side-wrapper (widgets) dan footer (copyright atau credits)
Nah jika penjelasan di atas masih kurang di pahami, berikut xml/html yang sudah diisi dengan element pembangun blog atau website :
<html>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[
body {..............}
#header-wrapper {..............}
#content-wrapper {..............}
.post {..............}
.left-sidebar-wrapper  {..............}
.right-sidebar-wrapper  {..............}
#footer {..............}
]]></b:skin>

</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- start content-wrapper -->

<div id='header-wrapper'>
<!-- widget header, description blogger-->
</div>

<div id='content-wrapper'>
      <div class='sidebar' id='left-sidebar-wrapper'>
       <!-- widget Sidebar Left-->
       </div>     

       <div class='post-wrapper' id='main-wrapper'>
       <!-- widget main-wrapper, post, comment and content-->
        </div>    
       <div class='sidebar' id='right-sidebar-wrapper'>
       <!-- widget Sidebar Right-->
       </div>

<div class='clear'>&#160;</div>  <!-- do not remove -->
</div>

<!-- end content-wrapper -->

<!-- start footer-wrapper -->

<div id='footer-wrapper'>
<!-- content footer-->
</div>

<!-- end footer-wrapper -->

</div>

</body>
</html>
Jika hal tersebut di atas masih juga belum bisa dipahami, silahkan sobat minta bantuan kepada orang lain yang sudah paham dengan struktur dasar xml/html dan buat para master, jika penjelasan dan struktur di atas keliru, mohon memberikan masukan... Sebelum dan sesudahnya, saya ucapkan banyak terima kasih.
sumber: www.lost-sector.net

Mengenal Struktur dasar XML/HTML Template Blogspot Rating: 4.5 Diposkan Oleh: as