Membuat Tema Blogspot Kosong

Sebuah tema blog berisi puluhan kode, terdiri dari kode html dan xml, javascript dan CSS. Di antara kode tersebut terdapat kode khusus dari blogspot. Menganalisa satu persatu tentu akan memakan waktu. Bagaimana jika dimulai kembali dari tema blogspot yang kosong.

Isi minimal tema blogspot kosong

Untuk membuat isi kosong tema blogspot kosong, perlu diketahui isi minimal yang diminta oleh blogspot.

  1. xml version dengan format :
    <?xml version="1.0" encoding="UTF-8" ?>
    
  2. Kode doctype dengan format :
    <!DOCTYPE html>
    
  3. Sepasang kode html dengan format :
    <html b:defaultwidgetversion='2' b:layoutsVersion='3' 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'> </html>
    
  4. Sepasang kode head dengan format :
    <head></head>
    
  5. Meta code charset dengan format :
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    
  6. Meta code pengaktifan viewport :
    <meta content='width=device-width, initial-scale=1' name='viewport'/>
    
  7. Blogspot xml code untuk memuat kode-kode meta yang tersimpan di setingan blog :
    <b:include data='blog' name='all-head-content'/>
    
  8. Sepasang kode title :
    <title><data:view.title/></title>
    
  9. Sepasang blogspot xml code untuk style page skin :
    <b:skin><![CDATA[]]></b:skin>
    
  10. Sepasang html code body :
    <body></body>
    
  11. Sepasang blogspot xml code untuk section :
    <b:section id='main'></b:section>
    
  12. Jika ingin menampilkan isi artikel, sertakan blogspot xml code untuk widget Blog1 :
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
      </b:widget>
    

Kode lengkap tema blogger kosong


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:defaultwidgetversion='2' b:layoutsVersion='3' 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='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
    
    <title><data:view.title/></title>
    
    <b:skin><![CDATA[]]></b:skin>
  </head>
  <body>
  <b:section id='main'>
  </b:section> 
  </body>
</html>

Widget Blog1

Jika kode widget Blog1 ditempatkan di dalam section seperti :
<b:section id='main'>
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
  </b:widget>
  </b:section>
blogspot secara otomatis melengkapi kode-kode widget Blog1 pada saat tema disimpan.

Comments