Open all
Close all
kali ini saya akan coba untuk mengulas tentang struktur data blogspot dengan harapan para blogger bisa lebih mudah dan cepat memahami struktur data yang diterapkan pada blospot, sehingga bisa memposisikan script baik buatan sendiri maupun menggunakn script orang lain, tanpa harus panjang lebar mari kita mulai menelaah!!Coba kita tinjau struktur dasar dibwah ini!!
/#
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.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>
<data:blog.pageTitle/>
</title>
<b:skin><![CDATA[/*
/#-------- tempat variable dan css------------#/
]]></b:skin>
/#------- temapt link script java script atau css--------#/
</head>
<body>
/#------isi halaman-------/
</body>
</html>
biar lebih jelas lagi mari kita bahas lebih detail lagi
Perhatikan Script lengkap dibawah ini.......!!
----------------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.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>
<data:blog.pageTitle/>
</title>
<b:skin><![CDATA[/*
---tempat Definisi Variable-------
varibel definition ini akan ditampilkan dalam menu Font dan Warna untuk memudahkan mengganti tulisan dan warna secara grafik
/* Variable definitions#/
----------------------
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#fff" value="#e6e6e6">
<Variable name="BgColor" description="Background Color"
type="color" default="#fff" value="#e6e6e6">
----------------------------------
------Tempat CSS ------------------
Digunakan untuk mempercantik tampilan halaman
--------------------------------------
#header {
width:985px;
margin:0 auto;
text-align:left;
font: $bodyFont;
}
----------------------------
]]></b:skin>
-------tempat link script ----
file script ini disimpan ditempat lain dan dipanggil dengan menyertkan lamt file tersebut seperti halnya contoh dibwah ini nama file tabviews.js ,sedang kan tempat pengimpanannya adalah http://nongkrongdonk.blogspot.com/trikblog/tabview.js
-----------------------------
<script src='http://nongkrongdonk.blogspot.com/trikblog/tabview.js' type='text/javascript'/>
--------------------------
</head>
---Content/Isi Halaman ------
content/ isi halaman ini dibangun dengn gaya penulisan xml dengan menyertakan id yang akan dipanggil dalam contoh dibawah ini adalah id='header' yang telah didefinisikan trlebih dahulu dengn CSS seperti contoh CSS diatas
-----------------------------------
<div id='header'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='TONGKRONGAN PARA BLOGGER (Header)' type='Header'/>
</b:section>
</div>
---------------------------------
</body>
</html>
nah sekrang gimana apa sudah lebih dapat gambaran lebih jelas lagi atau malah pusing dengan script script yang ad?? he,,,GOOD LUCK
Selasa, 10 Februari 2009
Langganan:
Postingan (Atom)
