Dasar Pembuatan Template Blogger

Ini adalah tutorial paling dasar cara membuat template blogger, dan akan kita mulai dari halaman kosong. Kita tidak akan mendesign, hanya memahami bagian bagian terpentingnya saja, nanti silahkan agan kembangkan sendiri.

Bagian blogger berikut ini wajib ada, agar template blogger tidak Error.
Silahkan buka  Theme/Template lalu pilih Edit HTML.

Bila sudah berisi code template bawaan blogger, silahkan di hapus terlebih dahulu.
Note: ini adalah pembelajaran dasar, pastikan agan membuat blog baru untuk percobaan.

edit template blogger


1. Bagian XHTML Paling Atas

Code bagian teratas ini, minimal harus berisi b:version
code awal kita akan seperti ini

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2'>

</html>


2. Bagian Skin di Head

Code skin ini sama seperti style pada umumnya, hanya saja blogger memberi nama b:skin, dan ini harus ada di antara code head,
code yang pertama sekarang jadi seperti ini:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2'>
    <head>
        <b:skin></b:skin>
    </head>
</html>


3. Bagian Section dan Widget

  • Setiap Section harus mempunyai ID yang berbeda,
  • Widget harus mempunyai ID dengan No urut di belakangnya
  • Widget harus mempunyai Type
  • Dalam template blogger minimal harus mempunyai satu Widget dengan Type Blog
Code kita sekarang jadi seperti ini:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2'>
    <head>
        <b:skin></b:skin>
    </head>
    <body>
        <b:section id='main'>
            <b:widget id='Blog1' type='Blog'/>
        </b:section>
    </body>
</html>


Sampai sini kita sudah mempunyai dasar template yang wajib ada,jadi agan bisa menyimpan dan mereview atau tambahkan langkah 4 untuk melihat tambahan widget lainnya.

4. Optional Pilihan Widget

Kita bisa menambahkan beberapa widget, sesuai dengan keinginan kita, berikut beberapa type widget yang sering digunkana:

Code Dasar Template Blogger

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2'>
    <head>
        <b:skin></b:skin>
    </head>
    <body>
        <b:section id='header'>
            <b:widget id='Header1' type='Header'/>
        </b:section>
        <b:section id='main'>
            <b:widget id='Blog1' type='Blog'/>
        </b:section>
        <b:section id='sidebar'>
            <b:widget id='LinkList1' type='LinkList'/>
            <b:widget id='HTML1' type='HTML'/>
            <b:widget id='Label1' type='Label'/>
            <b:widget id='Profile1' type='Profile'/>
            <b:widget id='Followers1' type='Followers'/>
        </b:section>
    </body>
</html>

Code yang hanya beberapa baris diatas, kalau agan simpan, secara otomatis akan terisi elemen sesuai type masing masing, sekarang silahkan agan simpan code template diatas, kemudian buat satu postingan baru, kalau sudah silahkan kembali dan lihat generate code yang di hasilkan oleh blogger, code kita yang simpel diatas, akan menjadi code panjang yang otomatis akan di masukkan oleh blogger.



Related Artikel Dasar Pembuatan Template Blogger

Tidak ada komentar: