MEMBUAT TEMPLATE BLOGGER DENGAN HTML, CSS DAN JAVASCRIPT (BAG:1)

Quality Templates. Membuat template sendiri adalah sangat mungkin bagi siapa saja terutama blogger. Banyak keuntungan yang kita dapatkan jika telah bisa membuat template sendiri di samping kepuasan hati tentu saja. Contohnya:
blogger layout
blogger layout
  • Meningkatkan pengetahuan web
  • Meningkatkan ketrampilan desain web
  • Meningkatkan pengatahuan koding web seperti HTML, CSS dan JavaScript
  • Memiliki template buatan sendiri yang dapat di sesuaikan dengan selera kita sendiri
  • DLL
Poin terakhir itu keren. Semahal dan se premium apapun template yang kita beli dari website penjual template, bentuk dan ciri cirinya akan mirip jika di gunakan oleh orang banyak. Contohnya walaupun telah di robah warna warni template viomagz tetaplah viomagz buatan Mas Sugeng. Tidak ada totalitas yakni sebuah halaman web dengan ciri ciri khas dirinya sendiri.

Membuat template sendiri membutuhkan pengetahuan, dan pengatahuan itu berguna sekali bukan hanya untuk membuat template tapi juga untuk hal hal lain di luar itu. Pengatahuan yang sebenarnya telah di ajarkan di bangku sekolah: HTML, CSS dan JavaScript.

Dengan catatan apabila kita bloggingnya menggunakan platform blogger blogspot karena platform ini berbasis HTML. Jika kalian bloggingnya melalui CMS seperti Wordpress org atau igniester, maka kalian harus memiliki pengetahuan PHP yang lebih baik karena platform platform tersebut di buat berbasis PHP. Namun biar demikian pengatahuan HTML tetaplah penting disana, jika kalian ingin membuat template.

Kita sedang membahas peralatan membuat template blogger blogspot. Saya suka karena saya bisa mengutak atik 2 peralatan dasar template blog:
  • HTML
  • CSS
  • JavaScript
Lho kemana XML? Walaupun elemen yang saya sebutkan penting untuk material desain, namun pada pembuatan template bagian XMLnya cukup mengutak atik yang sudah ada saja deh, cukup main standar dulu.

1. HTML
Contoh dasar penulisan HTML adalah sbb:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>ini bagian heading</h1>
<p>dan ini bagian pragraf.</p>
</body>
</html>
Kalau mau di ikuti ada berton ton contoh penggunaan HTML, namun faktanya untuk membuat atau mendesain ulang sebuah template blogger, HTML itu wajib di pelajari, karena:
  • HTML itu adalah standar bahasa Mark Up untuk halaman WEB
  • Dengan mempelajari dan menguasai HTML kita dapat membuat halaman website kita sendiri
  • HTML amat mudah di pelajari.

2. CSS

CSS nyaris tidak terpisahkan dari HTML terutama jika terkait dengan desain WEB, contoh penulisannya adalah sebagai berikut:
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
Jadi jika HTML dapat mendeskripsikan tampilan suatu halaman web CSS dapat membuat style untuk merubah antarmukanya sesuai dengan keinginan kita. Misalnya untuk mewarnai background, font dan juga untuk membentuk border pada halaman web.
Untuk membuat template CSS sangat penting di pelajari karena:
  • Ia adalah bahasa yang dapat mendeskripsikan style suatu dokumen HTML
  • CSS mendeskripsikan bagaimana HTML di tampilkan dan di lihat orang di halaman WEB.

3. Javascript

Belajar Javascript adalah wajib karena JavaScript adalah bahasa pemrograman HTML dan WEB yang tidak dapat kita tinggalkan pada saat membuat sebuah template menjadi hidup, contoh kode JavaScript:

<!DOCTYPE html>
<html>
<body>
<h2>My First JavaScript</h2>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>
</body>
</html>
Kesimpulannya adalah:
  1. HTML berguna untuk membuat dan menentukan konten pada halaman web
  2. CSS untuk membuat dan menentukan tataletak halaman web
  3. JavaScript untuk memprogram perilaku halaman web (meskipun dalam beberapa hal CSS dapat melakukan hal yang sama)
Kita akan mendiskusikan bagaimana ketiga peralatan tempur diatas dapat di pergunakan untuk mendesain dan membuat template HTML untuk diguanakan dalam membangun halaman web sesuai dengan keinginan kita pada kesempatan penulisan berikutnya.

4 Komentar

Silahkan berkomentar sesuai dengan topik kita ya...

  1. mantep nihh.. saya akan ikutin cara membuat template blogger ini, ditunggu bagian selanjutnya mbak :)

    BalasHapus
  2. Lanjut part 2

    BalasHapus
  3. mantap ini sangat membantu

    BalasHapus
Lebih baru Lebih lama

Formulir Kontak