Tips, Persiapan Membuat Template Blogspot Sendiri

Berbagi :
Tips, Persiapan Membuat Template Blogspot Sendiri

Ini adalah panduan untuk kamu yang ingin belajar membuat template blogspot sendiri. Ada banyak sudah blogger yang membuat blog diblogspot tahun ini. Tapi tidak semua blogger itu bisa membuat template / tema blog sesuai keinginan.

Memang suatu pencapaian yang dibanggakan, Jika kamu bisa membuat tampilan template blog sesuai selera sendiri, karena untuk mencapai semua itu, kita harus paham fungsi semua kode.

Buat kamu yang pengin belajar pembuatan template dengan mudah, bisa simak ulasan yang kami dapatkan dibawah ini.

Tulisan ini berasal dari ulasan jawaban dari salah seorang developer template yang sudah pernah membuat template di blogspot.

Mas rian seo membuat sebuah jawaban pertanyaan seseorang dari forum quara yang berjudul " Bagaimana cara mudah membuat template blogspot " Sebagai jawaban ringkas yang ditulisnya adalah sebagai berikut.

Tips, Persiapan Membuat Template Blogspot Sendiri
template default blogspot

Kata mas rian seo, point penting sebelum belajar membuat template blogspot sendiri yang harus dipelajari adalah dari segi fungsi dan pemahaman kode, sebagai berikut :

6 Kode Template Blogspot yang Harus dipahami

  1. Kode XML (Ini fungsinya untuk memahami bahasa template dari Blogspot)
  2. Kode Tag Condisional (Kode kusus yang hanya bisa digunakan di blogger.com untuk mengatur berbagai macam data-data tampilan halaman
  3. Kode HTML (Berguna untuk membuat berbagai macam kerangka template)
  4. Kode CSS (Berguna sebagai pengaturan tampilan desain template)
  5. Kode JavaScirpt & jQuery (Berguna untuk membuat berbagai macam fungsi template)

Contoh Susunan Kode kerangka Template

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<!-- meta tag title, CSS & JavaScript -->
<head/>
<body>
<!-- tag HTML semua kode header,navigasi, post, sidebar, footer -->
<header>
<!-- tag HTML kepala -->
</header>
<main>
<!-- tag HTML postingan area -->
</main>
<sidebar>
<!-- tag HTML widget sidebar -->
</sidebar>
<footer>
<!-- tag HTML footer link -->
<footer/>
</body>
</HTML>
Buat yang pengin belajar semua kode diatas, bisa belajar W3Scholl Online.

Apabila sudah menguasai dan paham fungsi dari semua kode diatas, maka langkah berikutnya adalah mencari / menentukan sebuah tampilan desain template yang akan dibuat.

Memulai Membuat dan Menentukan Tampilan Template

Biasanya pekerjaan ini akan dipegang oleh bagian team Perancang web, Sebagai rujukan untuk mencari tampilan desain, mas rian seo juga sudah memberikan beberapa sumber situs gratis yang bisa digunakan.


Sudah menentukan bagian tampilan desain template yang dirancang, lalu membuat bagian susunan kode HTML.

  • Bagian area kerangka (Body)
  • Bagian kepala tema (Header wrapper)
  • Menu navigasi (Navigasi / Menu link)
  • Halaman postingan (Post wrapper)
  • Widget samping kanan / kiri (Sidebar wrapper)
  • Bagian area bawah tema (Footer wrapper)
Sebagai alat percobaan, kalian bisa pelajari / modifikasi kode template bawaan dari blogger.

Menentukan Warna Template

Langkah berikutnya memilih berbagai jenis pendukung kebutuhan tampilan template.

Menentukan warna tema menggunakan kode CSS, bisa mencari berbagai macam kode warna template, menggunakan link dibawah ini.


Memilih Jenis Font Template

Memilih jenis font tema yang akan digunakan, sebagai situs rujukan bisa menggunakan link dibawah ini.


Menentukan Icon Template

Lalu memilih icon untuk pendukung tampilan template, ada banyak macam icon yang bisa digunakan, silahkan Anda pilih 1 saja diantara 4 icon dibawah ini.

  • FontAwesome
  • Material Icons
  • IonIcons
  • Icon SVG

Untuk memasang icon di template blogger, bisa kamu cek caranya disini.

Memasang Kode Pendukung Template

Memasang kode JavaScript & jQuery , bisa diletakan diatas kode </head>.
<script src="jquery/3.5.0/jquery.min.js"></script>
jQuery adalah kode perpustakaan untuk kepentingan fungsi JavaScirpt, jadi yang perlu lebih dipahami adalah kode JavaScript untuk membuat berbagai macam fungsi template.

kode JavaScript ini juga lumayan susah untuk dipelajari, jadi harus sering melakukan percobaan dan praktek agar bisa memahami.

Menyusun Template

Semua persiapan alat dalam membuat template blogger sudah lengkap, tinggal kita lanjutkan lagi bagaimana membuat susunan kode HTML, CSS & JavaScript.

Baca juga : Cara Cek Nilai Skor Template Blogger

Kalian bisa baca lebih lanjut tentang jawaban mas rian seo, tentang proses membuat template blogger dan dibeli yang dia tulis di forum Quora.
Sebenarnya untuk membuat template blogger itu cuma rajin belajar mengedit template bawaan dari blogger itu saja.
Untuk fiktur yang ada disetiap template, tinggal dilengkapi dengan berbagai macam kode tambahan dari berbagai sumber yang bisa kamu dapatkan.


Akhir Kata

Mungkin inilah sedikit informasi yang dapat kami sampaikan kepada Anda yang ingin belajar membuat template diblogspot. 

Sampai berjumpa kembali dan nantikan artikel panduan menarik lainnya.

Daftar Isi [Tutup]

    Apakah Halaman ini membantu?
    Lebih baru
    Lebih lama
    Olavia
    Olavia Technical Content Writer, Menyukai dunia Technical IT, Produk Digital & Blogging. Suka berbagi satu sama lain.

    0 Komentar

    Posting Komentar

    Kami memiliki kebijakan dalam berkomentar di Blog ini :

    — Dilarang promosi suatu barang
    — Dilarang jika memasang link aktif di komentar
    — Dilarang keras melakukan promosi iklan
    — Dilarang menulis komentar yang berisi sara, bully atau cemuhan

    NB :Komentar yang melanggar tidak akan ditampilkan

    Kebijakan komentar yang bisa Anda temukan selengkapnya disini

    Dukungan :

    Jika menyukai dengan artikel blog kami, silahkan Ikuti blog ini