THE INCREDIBLES-Posting kali ini kita akan membahas cara pembuat template blogspot. Blogspot merupakan layanan yang sepenuhnya gratis untuk pengguna dari Google, bisa diubah tampilannya, bisa membuat banyak blog, membuat email, dan perangkat google lainnya dengan satu account. Template blogspot dapat kita ubah, sesuai dengan desain. Syaratnya, kita harus bisa membuat sebuah desain berbais xhtml css. Kemudian barus dipadukan dengan script blogspot yang xml.
Untuk merubah tampilan blogspot, kita harus tahu bagian-bagian script blogspot.
Ini adalah susunan dasar html:
[html]
[header]
[title]..... [/title]
[/header]
[body][/body]
[/html]
Ada dua bagian penting:
- header berisi elemen meta, style css, dan script
- body berisi layout dan isinya
untuk membuat template dasar, buat dulu desainnya. kalau sudah jadi rubahlah atau ganti elemen-elemen sbb:
yang di dalam head, style css. Copy paste saja style css dalam
[b:skin] lt;![cdata[ ......
isi css
......
]]></b:skin>
Sekarang masuk ke body:
Copy paste script desain yang sudah anda buat. Jangan lupa rubah dan tambahkan dengan elemen blogspot:
contoh:
script aseli:
<div id="content">
<div class="post">
</div>
</div>
Rubahlah dan tambahlah dengan elemen blogspot:
<div id="content">
<b:section class="post" id="post1" />
</div>
Kita sudah mempunyai eleemen dasar untuk blogspot. Klau mau menambah isi widget lama ke desain yang baru tinggal tambahkan kedalam section:
<b:section clas="post">
<b:widget id="" .......
</b:section>
Read More..
Untuk merubah tampilan blogspot, kita harus tahu bagian-bagian script blogspot.
Ini adalah susunan dasar html:
[html]
[header]
[title]..... [/title]
[/header]
[body][/body]
[/html]
Ada dua bagian penting:
- header berisi elemen meta, style css, dan script
- body berisi layout dan isinya
untuk membuat template dasar, buat dulu desainnya. kalau sudah jadi rubahlah atau ganti elemen-elemen sbb:
yang di dalam head, style css. Copy paste saja style css dalam
[b:skin] lt;![cdata[ ......
isi css
......
]]></b:skin>
Sekarang masuk ke body:
Copy paste script desain yang sudah anda buat. Jangan lupa rubah dan tambahkan dengan elemen blogspot:
contoh:
script aseli:
<div id="content">
<div class="post">
</div>
</div>
Rubahlah dan tambahlah dengan elemen blogspot:
<div id="content">
<b:section class="post" id="post1" />
</div>
Kita sudah mempunyai eleemen dasar untuk blogspot. Klau mau menambah isi widget lama ke desain yang baru tinggal tambahkan kedalam section:
<b:section clas="post">
<b:widget id="" .......
</b:section>