Template kosong (blank template blogspot)

Blogspot... I Love blogspot. Bukan hanya karena gratisnya saja, tapi banyak fasilitas dari blogspot yang tidak bisa disebutkan satu persatu. Walaupun masih banyak kekurangannya dalam hal yang harus menggunakan bahasa PHP.
Pada template blogspot, bahasa yang digunakan adalah XHTML 1.0 yang dikembangkan pada tanggal 26 Januari 2000. Dalam masalah pengkode-an, template blogspot sangatlah ketat karena tidak bisa menerima kesalahan dalam penulisan kode. Untuk mengurangi tingkat kesalahan dan kesulitan kita dalam menyusun temlate sebuah blog, maka ada baiknya kita mengenali template blogspot mulai dar template kosong.

Membuat Template Kosong
Dalam membuat sebuah template kosong, saya akan memberikan copy kode template kosong yang saya dapatkan dari http://www.mybloggertricks.com. Dengan template kosong ini kita bisa menuangkan ide2 kreatif, kreasi kita dalam memperindah sebuah blog dengan menggunakan

script2 yang diterima oleh template blogspot seperti

Javascript
- CSS
- JQuery

Dari template kosong ini kita akan mulai membuat beberapa widget yang nantinya akan digunakan sebagai tempat kita menuangkan ide2 kreatif.

Langkah2 menginstall template :

Login ke Dashboard Blog anda.
Buat sebuah blog baru (disarankan).
Pilihlan Template Simple, pindahkan pilihan ke Simple Template karena default dari blogspot adalah Dynamic Views.
Pilih pada dasboard anda > Template > edit HTML > Proceed
Centang pada pilihan Expand Widget Templates
Select All atau pencet (CTRL+A) hapus semua kode dan Copy Paste Kode Template kosong dibawah ini.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
   <b:skin><![CDATA[/*
-----------------------------------------------
Basic Template Blogspot
Coded by me : Ekman
Blog                : http://jquerycssjavascript.blogspot.com/----------------------------------------------- */
#navbar-iframe {   height:0px;   visibility:hidden;   display:none   }
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override) margin: 0;
    padding: 0;
}

]]></b:skin>

</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

<div style='margin-top:400px; '>

<center>
<p>
<a href='http://jquerycssjavascript.blogspot.com/'>Tutorial and Tips Trick Blog</a>© 2012.</p>
</center>
</div>
</body>
</html>

Simpan template anda. Dan jika anda mendapatkan pesan error seperti dibawah ini...

Warning: Your new template does not include the following widgets:
BlogArchive1 Profile1 Attribution1 Header1 Blog1

ataupun pesan error lainnya, click saja tombol DELETE WIDGET maka selesai pembuatan template kosong ini. Dan anda bisa melanjutkannya dengan membuat widget.

Dapat kita lihat disini sebuah blog dengan menggunakan sebuah blog, alias hosting gratisan penampilannya tidak kalah dengan website2 dengan hosting berbayar.
Pada blog ini saya memanfaatkan fasilitas yang memang diijinkan oleh blogspot. Jika anda penasaran ingin mencobanya silahkan melanjutkan step2 berikutnya atau langsung

memilih KREASI.