Seorang blogger pasti bertanya tanya bisa gk ya buat tema atau template blogger susuai keingin kita sendri?.
Jawab nya sudah pasti bisa namun jika sobat ingin buat template blogger se diri sesuai dengan keingin sobat sudah pasti kita harus mengusai ipmu pemograman atau di sebut sebut basic coding.
Kerna dalam pembuatan tempalte kita harus menerap kan srcipt html js css dll jika sobat tidak memiliki basic ilmu coding saya cuma saran kan urung saja niat sobat untuk membuat template blog anda sendiri bukan saya mengkecil ilmu sobat.
Namun kita emang harus mempunyai basic ilmu coding tersebut karena itu adalah faktor utama dari pembuatan template blogger.
Jika demikian maka sobat bisa tampa merubah template blog sobat biarkan saja dengan tempalate bawaan blogger itu mungkin lebih bagus.
Atau sobot merubah tampilan nya seperti populer post header dll bisa sobat cari totorial nya di google.
Tapi disini saya akan menjelas semua secara rinci cara pembuatan template blogger sesuai ke ingin Sobat sendiri.
Baik sobat jika anda emang sudah ada basic ilmu coding kita simak saja langsung tutorial dari saya ini ecara pelan pelan agar berantakan.
Berikut ini syntax dasar html yang pasti Anda kenal.
<html>
<head>
</head>
<body>
</body>
</html>
Ini baris kode html dasar yang paling sederhana. Silahkan copas baris kode di atas ke dalam template blogger Anda. Sehingga, baris kode semula dengan template bawaan seperti terlihat di bawah ini:
Setelah copas dengan kode HTML paling basic diatas menjadi seperti ini:
Silahkan klik Save untuk menyimpan perubahan pada template blogger. Maka akan tampil notifikasi error:"There should be one and only one skin in the theme, and we found: <b>0<//b>"
Mengapa? Karena template blogger itu seharusnya terdiri atas kode XHTML dan elemen Blogger.
Pemberitahuan error tadi mengingatkan agar menambahkan "skin" dalam theme/template yang sedang Anda buat. Oleh karena itu coba tambahkan baris kode berikut:
<b:skin><![CDATA[
/****CSS CODE*****/
]]></b:skin>
Kode di atas diletakan tepat di antara tag <head> dan </head>. Kemudian klik Save untuk menyimpan perubahan.
Setelah itu ada pemberitahuan error lagi:"We did not find any section in your theme. A theme must have at least one b:section tag".
Mengapa? Ternyata salah satu elemen blogger yang bernama "section" ini wajib harus ada dalam template setidaknya 1 elemen. Oleh karenanya, coba tambahkan elemen section berikut:
<b:section class='main' id='main' showaddelement='yes'></b:section>
Kode di atas diletakan di antara tag pembuka <body> dan tag penutup </body>. Kemudian klik Save untuk menyimpan perubahan maka terlihat notifikasi "Update successfully". Ini menunjukan bahwa Anda sudah berhasil membuat template sendiri dari nol.
Baris kode template Anda pada saat ini masih sedikit:
<html>
<head>
<b:skin><![CDATA[
/****CSS CODE*****/
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'></b:section>
</body>
</html>
Sedangkan tampilan layar akan terlihat sebagai berikut:
Tampilannya masih kosong mlongpong padang glendang gaes? Padahal, nulis kodenya sudah beberapa baris.
Iya, sekarang saatnya mengatakan kepada dunia:"Hello World" atau "Halo Gaes" dengan menambahkan script berikut:
<p>Hello World</p> atau <p>Halo Gaes</p> (Silahkan pilih salah satu)
Kode di atas diletakan sebelum body dengan tag penutup (</body>) dan sesudah section dengan tag penutup (</b:section>). Jangan lupa klik Save untuk menyimpan. Silahkan refresh ulang browser Anda sehingga terlihat seperti ini:
Program "Hello World"sudah berhasil dijalankan di template Anda. Lalu, bagaimana dengan syntax dasar xml yang sebenarnya tertera pada template? Untuk mengetahuinya, silahkan keluar terlebih dahulu dari mode edit HTML. Lalu masuk ke mode edit HTML kembali. Bisa juga dengan men-download template baru Anda melalui Theme > Customize > Backup. Setelah itu buka file xml hasil download tadi dengan teks editor; Notepad, Bluefish dan lain-lain sebagaimana terlihat pada gambar:
Diketahui, baris kode yang dibuat tadi ada tambahan otomatis dari Blogger yaitu:
<?xml version="1.0" encoding="UTF-8" ?>
<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'>
Sehingga syntax tata letak dasar pada template blogger yang baru saja dibuat sepenuhnya adalah sebagai berikut:
<?xml version="1.0" encoding="UTF-8" ?>
<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:skin><![CDATA[
/****CSS CODE*****/
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'/>
<p>Hello World</p>
</body>
</html>
Theme blogger paling sederhana dengan menyertakan "hello word" di atas bisa juga didownload di sini. Sengaja saya arsipkan di Google Drive sebagai arsip yang bisa jadi diperlukan entah kapan harinya.
Sampai tahap ini kita semakin menyadari apa yang harus dipersiapkan untuk memulai mengembangkan template blogger buatan sendiri dari nol.
Setidaknya, menguasai HTML, PHP dan CSS adalah keharusan. Lebih baik lagi jika menguasai Javascript, XML, jQuery dan Bootstrap.
Dan w3schools sudah menyediakan kursus ilmu-ilmu tersebut secara gratis