Perkenalkan saya Yusrian ARP.
Disaat waktu luang,saya suka sekali blogging dan memperhatikan bagaimana sebuah template blogspot itu tercipta.
Menurut para pakar yg ahli dlm pembuatan template blogspot.
Template blogspot itu terdiri dari 4 bagian utama yaitu :
1.Header,sebagai tempat judul dan deskripsi sebuah blog.
2.Main,sebagai tempat posting atau artikel.
3.Sidebar,sebagai tempat widget,disamping Posting atau Artikel.
4.footer,biasanya digunakan sebagai tempat copyright atau info tentang template dan sipembuat template.
Perhatikan gambar diatas.Kira kira begitulah gambaran sebuah template sederhana yg ingin saya buat.
Okk..
Yg pertama kita lakukan adalah login pd http://draft.blogger.com/home.Tentunya dengan akun gmail.Sudah punya akun gmail belum?...Kalo belum,bikin dulu di Gmail.
Kemudian pilih menu template,klik edit html.
Wooow....Banyak sekali deklarasi atau kode kode html yg ada di dlm sebuah template blogspot bukan?..Saya waktu pertama kali, memperhatikan koding koding tersebut,juga bingung.Dan tak tahu apa arti dari deklarasi deklarasi tersebut.
Kalo sobat blogger sudah yakin dan pengen membuat template sendiri seperti template sederhana saya ini,yuuk ikutin langkah langkahnya lagi
Sebaiknya sobat blogger copy dulu templatenya yg sedang digunakan,di paste kan ke notepad atau microsoft word.
Hapus semua kode html template yg ada dan mulailah mengetikkan kode kode ini ...
<html>
<head>
<title><data:blog.title/></title>
</head>
<body>
</body>
</html>
Nah...Kalo kode kode diatas itu di save,maka akan muncul eror skin.
Artinya bahwa setiap template blogspot itu harus punya skin.
Maka letakkan kode ini di bawah </title>
<b:skin><![CDATA[/*
===================
Nama template : Blablala.
Yang Buat : Nama anda.
tgl hari ini jam sekarang,
perhatian : tolong jgn dihapus
ini bikinan sendiri.
=====================
*//* disini tempat css */
#header-wrapper{}
#outer-wrapper{}
#main-wrapper{}
#sidebar-wrapper{}
#footer{}
]]></b:skin>
Kalo sobat blogger save lagi,maka akan muncul eror section,artinya bahwa template kita belum ada section nya,Buatlah kode seperti ini dan taruh di bawah kode <body>
<b:section class='header' id='header' maxwidget='1' preferred='no'>
<b:widget id='Header1' locked='true' title='Puisi Yusrian (Header)' type='Header' visible='true'/>
</b:section>
Kemudian disave dan....
Taraaa..... Templatenya masih acak acakan,karena belum ada kode css dan html nya..
Untuk selanjutnya sobat blogger bisa lihat tutorial saya yg lain seperti Membuat header blog 2 kolom atau tutorial blog membuat navigasi menu di atas header.
Sekian dari saya dan saya berharap tutorial ini bermanfaat.Selamat berkreasi dan salam sukses.
No comments:
Post a Comment