Mohon Maaf, tapi website sedang dalam perbaikan. regrads~admin-reeunnn | find me on Github
Beranda
Blogger

Mengubah Tampilan <mark> Biar Lebih Keren!

Pelajari cara mengubah tampilan default tag <mark> di Blogger agar lebih menarik dan sesuai selera.
Halo semua! 🌟 Punya teks yang ingin kamu sorot di postingan Blogger kamu, tapi merasa tampilan bawaan tag <mark> itu terlalu basic? Jangan khawatir, kamu bisa bikin tampilan penyorot teks lebih menarik dengan beberapa langkah sederhana. Yuk, kita bahas cara mengubah tampilan default <mark> di Blogger biar terlihat lebih keren dan sesuai selera kamu!
Membuat MARK di blogger menjadi keren

1. Masuk ke Template HTML Blogger Kamu

Langkah pertama, kamu perlu masuk ke Blogger Dashboard dan pilih menu Theme > Edit HTML. Nah, di sinilah kita akan menambahkan sedikit kode CSS untuk mengubah gaya <mark>.

2. Tambahkan Kode CSS Kustom

Sebelum kode </head> atau sebelum kode </style>, tambahkan kode CSS berikut: 
mark {
        background-color: #f0f0f0; /* Ganti warna latar belakang */
        color: #333;              /* Ganti warna teks */
        padding: 2px 4px;        /* Tambahkan padding */
        border-radius: 4px;      /* Bikin sudut agak melengkung */
        font-weight: bold;       /* Boleh ditambahkan kalau mau teks lebih tebal */
    }

Apa yang dilakukan kode ini? Mudahnya begini:

  • background-color: #f0f0f0; mengubah warna latar belakang jadi abu-abu muda.
  • color: #333; mengubah warna teks jadi abu-abu gelap.
  • padding: 2px 4px; bikin sedikit jarak di dalam elemen <mark>.
  • border-radius: 4px; membuat sudutnya sedikit melengkung supaya tampil lebih manis.
  • font-weight: bold; kalau kamu ingin teksnya lebih menonjol.

3. Gunakan Tag <mark> di Postingan

Sekarang, saat kamu menulis postingan di Blogger, gunakan tag <mark> seperti biasa: 
Teks biasa dan <mark>teks yang disorot</mark> dengan gaya kustom.
Sekarang, kamu bisa memberikan sorotan teks di postingan Blogger kamu yang nggak basic lagi. Yuk, coba di postingan kamu dan buat pembaca semakin tertarik! ✨
Selamat mencoba dan semoga berhasil membuat tampilan <mark> yang lebih keren di blog kamu! 😎
Seseorang yang nggak tahu mau ngapain lagi... :) Karena udah di titik tergalau karena cinta selalu di tolak. :(