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 templateBerikut adalah langkah-langkahnya:

1. Siapkan File CSS Eksternal:
  • Buat file baru dengan ekstensi .css, misalnya style.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

Postingan populer dari blog ini

Formulir Pendaftaran Beasiswa

Materi kelas X Selasa 19/8/2025