Memasukkan Database Blogspot Ke Template

Memasukkan Database Blogspot Ke Template Buatan Sendiri

Setelah lama sekali saya menjanjikan untuk mempublish artikel memasukkan database blogspot kedalam template, maka kini saya coba menuliskan tahapan memasukkan beberapa database blogspot untuk template buatan kita sendiri. Saya bukannya sedang banyak waktu luang, tapi ini karena saya kefikiran terus sama janji saya untuk meneruskan artikel cara membuat template. Dan mudah-mudahan ini bisa menjadi jawaban atas beberapa permintaan teman-teman yg mungkin ingin serius menjadi pembuat template atau minimal ingin mengenal template blog.

Catatan : Artikel ini merupakan lanjutan dari seri membuat template blogspot yang dimulai dari sini : Cara membuat template blog. Untuk anda yang baru saja mampir di artikel ini silahkan lihat dulu dari awal yah.

Saya ingin mengingatkan sekali lagi , bahwa saya bukanlah AHLI pembuat template, saya sekedar membagikan pengalaman saya dalam mengutak-atik template blog atau website saya. Jadi mungkin masih banyak kekurangan yang tidak dapat memuaskan anda. Jadi jika ada kesalahan baik disengaja atau tidak sengaja, saya mohon di maafkan seikhlasnya.

Fungsi Database

Database berfungsi menyimpan data untuk ditampilkan berulang-ulang di halaman yang sama atau di halaman berbeda. Dengan adanya database, maka website atau blog bisa di bikin menjadi website yang dinamis.Website dinamis adalah website yang halamannya bisa dirubah atau berubah atau bertambah dan berkurang konten nya seiring dengan penambahan atau pengurangan pada database yang diinput, tanpa harus merubah kode halaman HTML nya.Ciri yang paling mudah dikenali untuk website dinamis adalah pada kolom komentar.

Pendahahuluan : Pengenalan Database Blogspot

Blogspot atau blogger memiliki dua kode-kode database yang berbeda cara penulisan dan peng aplikasian nya. Yaitu database untuk template klasik dan database untuk template NEW XML.
Jika anda mau mencoba semua pembelajaran template dari mulai contoh template 1 s/d template 20 , anda bisa menggunakan form template klasik. Untuk hal ini saya sarankan anda untuk MEMBUAT BLOG BARU di blogspot, jangan blog anda yang telah berjalan(sudah banyak artikel) dijadikan bahan percobaan, nanti akan banyak trial dan error yang terjadi, sehingga blog anda yang sudah eksis akan terganggu.

Untuk contoh aplikasi di template klasik telah saya buat disini :
http://strukturtemplate.blogspot.com/

Cara memasukkan kode-kode struktur template contoh ke template klasik , sbb :

Buat blogspot baru ( harus ), beri judul dan URL blog terserah anda.
Setelah itu langsung menuju ke pengaturan TEMPLATE ( Klik Tab Template)
Lalu scroll ke paling bawah halaman, klik :"Kembali ke Template Klasik" , klik lagi link Kembali ke Template Klasik , sampai terbuka Editor template HTML.
Hapus kode2 yg ada di kolom editor HTML tsb.Dan gantikan dengan kode2 HTML yg ada di templatepertama20 ,atau bisa copy yg ada disini : view-source:http://strukturtemplate.blogspot.com/
Lalu tekan "Save" atau "Simpan Template"
Lihat hasilnya

Jika ada yang bertanya :"Apa beda template klasik dengan template New XML ?". silahkan lihat di postingan ini :
http://universityofbloggers.blogspot.com/2009/02/cara-merubah-template-blog.html

Beberapa hal yang ingin saya tambahkan untuk perbedaan template klasik dengan NEW xml adalah pada template NEW xml ada kemudahaan dalam DRAG and DROP fitur widget dll. Kalau di template klasik, kita harus menambahkan sendiri kode-kode widget kedalam editor HTML, sedangkan di NEW xml, kita hanya tinggal klik add gadget lalu pilih widget yang ingin ditampilkan.Template NEW juga kini semakin mudah untuk didesain dengan menggunakan fitur "Blogger Template Designer" . Kelebihan lain, kini ada fitur memasukkan deskripsi dan ada fitur Pengalihan URL ( Redirect ).

Sedangkan kelebihan Template klasik, karena dia sedikit dalam meminta kueri ke database,maka template klasik sedikit lebih cepat loading nya dibanding template NEW xml.

Baiklah, kita kembali ke tema database blogspot. Karena kita ingin kedepannya bisa lebih mudah dalam peng operasian blog, maka kita akan membatasi pada database blogspot NEW XML saja.

Struktur Database Blogspot

Kode-kode Database Blogspot akan banyak kita temukan dengan kode bukaan:
b:section
b:widget
b:includable
b:include

Saya tidak akan membahas maksud dari kode-kode itu di artikel ini, saya akan langsung mulai memberikan beberapa database blogspot penting untuk dimasukkan kedalam template kita.

Langkah Memasukkan database Blogspot New XMl ke Template

Sebelumnya lihat lagi struktur template dasar yang ada di sini : view-source:http://strukturtemplate.blogspot.com/ copy semua kodenya.
Bikin lagi blogspot baru, atau jika mau pakai blog yg tadi kita ubah ke template klasik, maka ubah lagi ke tempate new xml, caranya klik pada link : "Tingkatkan Template"
Lalu masukkan kode-kode yg tadi kita copy.

Setelah kode dimasukkan, lalu kita mulai lakukan penggantian kode-kode sbb :

A. Database dan Kode tag bagian atas Template blog (sebelum body)

1. Ganti tag

<html>

dengan tag 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'>

2. Ganti tag :
<title>Template Pertamaku</title>

dengan kode ini :


<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>

3.Ganti tag :


<style type='text/css'>

dengan kode ini :


<b:skin><![CDATA[/*

4.Ganti tag :


</style>

dengan kode ini :


]]></b:skin>

Hmmm... karena artikel Memasukkan Database Blogspot Ke Template ini sudah terlalu panjang, maka akan saya lanjutkan di postingan berikutnya disini :
Database blogspot bagian body

Memasukkan Database Blogspot Ke Template