Dua Cara menyisipkan kode CSS di Blogger:

Ada dua cara untuk menyisipkan kode CSS di Blogger:

Menyisipkan kode CSS secara inline
Menyisipkan kode CSS secara eksternal

Menyisipkan kode CSS secara inline

Untuk menyisipkan kode CSS secara inline, Anda dapat menambahkan kode CSS ke dalam tag style di bagian head dokumen HTML. Berikut adalah contohnya:

<head>
  <title>Judul Blog</title>
  <style>
    .tombol-cta {
      background-color: #ff0000;
      border: 1px solid #ff0000;
      border-radius: 5px;
      padding: 10px 20px;
      cursor: pointer;
    }

    .tombol-cta .teks-tombol {
      font-size: 16px;
      font-weight: bold;
      color: #ffffff;
    }
  </style>
</head>

<body>
  <a href="https://example.com">
    <div class="tombol-cta">
      <span class="teks-tombol">Beli Sekarang</span>
    </div>
  </a>
</body>

Kode CSS ini akan membuat tombol CTA berwarna merah dengan tulisan "Beli Sekarang".

Menyisipkan kode CSS secara eksternal

Untuk menyisipkan kode CSS secara eksternal, Anda dapat membuat file CSS baru dan menambahkan kode CSS ke dalamnya. Kemudian, Anda dapat menambahkan tautan ke file CSS tersebut ke bagian head dokumen HTML. Berikut adalah contohnya:

<head>
  <title>Judul Blog</title>
  <link rel="stylesheet" href="css/style.css">
</head>

<body>
  <a href="https://example.com">
    <div class="tombol-cta">
      <span class="teks-tombol">Beli Sekarang</span>
    </div>
  </a>
</body>

File CSS Anda akan terletak di folder /blog/css/. Anda dapat mengubah nama file CSS sesuai dengan keinginan Anda.

Cara menyisipkan kode CSS di tema Blogger

Jika Anda ingin menyisipkan kode CSS ke tema Blogger Anda, Anda dapat melakukannya dengan cara berikut:

Buka tema Blogger Anda di editor teks.
Temukan file style.css.
Tambahkan kode CSS yang ingin Anda sisipkan ke dalam file tersebut.
Simpan perubahan Anda.

Setelah Anda menyimpan perubahan, Anda perlu memperbarui tema Blogger Anda. Anda dapat melakukannya dengan cara berikut:

Klik ikon "Tema" di dashboard Blogger Anda.
Klik tombol "Perbarui".

Kode CSS Anda akan ditambahkan ke tema Blogger Anda.

Tips untuk menyisipkan kode CSS di Blogger

Gunakan komentar untuk menjelaskan kode CSS Anda.
Gunakan indentasi untuk membuat kode CSS Anda lebih mudah dibaca.
Tes kode CSS Anda secara menyeluruh untuk memastikan bahwa kode tersebut berfungsi dengan benar.

Semoga membantu!

Dua Cara menyisipkan kode CSS di Blogger:

0 Response to "Dua Cara menyisipkan kode CSS di Blogger: "

Posting Komentar