External CSS pada Blogspot
Untuk menambahkan CSS eksternal pada Blogspot, Anda perlu mengedit template blog Anda dan menambahkan kode CSS pada file terpisah yang kemudian dihubungkan ke template. Berikut adalah langkah-langkahnya:
1. Siapkan File CSS Eksternal:
- Buat file baru dengan ekstensi
.css, misalnyastyle.css. - Tulis semua kode CSS Anda di dalam file ini.
2. Unggah File CSS ke Blogger:
- Buka Blogger dan pilih blog yang ingin Anda edit.
- Klik Tema di menu sebelah kiri.
- Klik tombol Sesuaikan (ikon pensil) di bagian “Tema Saya”.
- Pilih Lanjutan di menu sebelah kiri.
- Klik Tambahkan CSS.
- Salin dan tempel kode CSS Anda di sini (ini akan menjadi CSS internal, tapi kita akan menggantinya dengan link ke file eksternal).
- Simpan perubahan (klik tombol Simpan di kanan bawah).
3. Hubungkan File CSS Eksternal ke Template:
- Kembali ke halaman Tema, dan klik Edit HTML.
- Cari kode
<head>di dalam template. - Tambahkan kode berikut di dalam tag
<head>sebelum tag penutup</head>:
<link rel='stylesheet' href='URL_FILE_CSS' type='text/css'/>
Ganti
URL_FILE_CSS dengan URL lengkap file CSS Anda. Jika file CSS Anda diunggah ke folder tertentu di server Anda, pastikan path-nya benar. Contoh: href='http://example.com/css/style.css'. Simpan perubahan pada template.
Komentar
Posting Komentar