Hai lagi, teman-teman! Di bagian kedua ini, kodeviolet.com akan melanjutkan pembahasan cara membuat template Blogger dengan fokus pada fitur lanjutan dan kustomisasi lebih dalam. Ini adalah lanjutan dari Cara Membuat Template Blogger Part 1, ayo kita simak tutorial selanjutnya.
1. Menambahkan Navigasi (Navbar)
Navbar penting untuk memudahkan pengunjung menjelajahi blog. Berikut contoh sederhana:
<nav>
<ul>
<li><a href='/'>Beranda</a></li>
<li><a href='/p/tentang.html'>Tentang</a></li>
<li><a href='/p/kontak.html'>Kontak</a></li>
</ul>
</nav>Gunakan CSS agar tampilannya menarik dan responsif.
2. Widget Populer: Arsip, Label, dan Artikel Terbaru
Tambahkan widget populer Blogger dengan cara:
<b:section id='sidebar' class='sidebar'>
<b:widget id='Label1' type='Label'/>
<b:widget id='BlogArchive1' type='BlogArchive'/>
</b:section>Kalian juga bisa membuat custom widget menggunakan JavaScript jika ingin desain yang unik.
3. Optimasi SEO On-Page
Beberapa tips optimasi SEO:
- Gunakan tag
<title>yang dinamis dengan<data:blog.pageTitle/> - Tambahkan meta tag deskripsi:
<meta expr:content='data:blog.metaDescription' name='description'/>- Pastikan struktur heading (h1, h2, dst) digunakan secara logis
4. Dark Mode Sederhana dengan CSS
body.dark-mode {
background: #111;
color: #eee;
}Dan tambahkan tombol untuk toggle class dark-mode menggunakan JavaScript.
5. Backup dan Upload Template
Setelah selesai:
- Simpan file dengan ekstensi
.xml - Masuk ke Blogger > Tema > Cadangkan/Pulihkan > Pilih file
Kesimpulan Part 2
Itulah kelanjutan dari panduan membuat template Blogger dari kodeviolet.com. Dengan fitur-fitur lanjutan ini, blog kalian akan makin menarik dan profesional. Sampai jumpa di artikel selanjutnya dan semoga blog kalian makin keren!
