Cara buat template Blogger (Blogspot) dari awal
Kamis, 05 Juni 2025
Tema atau template di Blogger itu lumayan ribet karena semuanya di satu tempat. Dari logic sampai styling. Tapi biarpun begitu, banyak website keren diluar sana yang masih menggunakan platform ini.
Balik lagi ke jam terbang sih sebenarnya..
Sebelum memulai, jangan lupa buat akun Blogger baru untuk belajar, jangan di blog utama. Takutnya ada error bisa makin pusing apalagi websitenya udah dioptimasi.
Syarat Dasar
Struktur dari template Blogger bisa dibilang gabungan dari HTML dan XML jadi wajib hukumnya sudah paham mengenai ini. Selanjutnya paham CSS untuk styling.
Langkah 1:
Buka tema editor di Blogger dan hapus semua kode yang ada. Kemudian isi kembali dengan struktur dasar HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Tutorial Blogger</title>
</head>
<body>
<h1>Halo Dunia!</h1>
</body>
</html>
Simpan kode di atas.
Pasti akan ada error yang muncul sepert ini:
Error ini ada karena Blogger mengharuskan kita membuat minimal 1 skin atau bisa kita sebut style css.
Untuk itu, silahkan tambah kode ini di dalam tag head.
<b:if cond='data:view.isLayoutMode'>
<b:skin><![CDATA[
/* Style untuk halaman layout */
]]></b:skin>
</b:if>
<style>
/* Style untuk tampilan blog */
</style>
Coming soon..