Cara Mengganti Warna Background Teks di Blog Saat di Blok (Selected Text)

Saat anda memblok sebuah teks, apa yang anda lihat? sebuah background warna hitam dengan teks berwarna putih bukan? Nah, bagaimana bila kita sedikit memodifikasinya? Bagaimana bila saat anda memblok sebuah teks anda dapatkan bahwa teks anda sekarang telah mengganti warna background menjadi warna biru dengan teks putih atau background pink? Menyenangkan bukan? Tentu saja! Meski anda mungkin bukan seseorang yang memperhatikan hal ini secara detail, akan tetapi bukankah akan lebih menarik jika blog anda semakin unik dan menarik? Bagaimana? apa anda tertarik untuk mencobanya? Baiklah, saya akan memberi tahu anda tips mudah untuk memasangnya di blog, silahkan anda simak bagaimana cara mengganti warna background teks di blog saat di blok (selected text).

Cara Mengganti Warna Background Teks di Blog Saat di Blok (Selected Text)

Step 1

Masuk ke halaman dashboard > Template > HTML 

Step 2

Letakkan kode berikut tepat di atas kode body {

::selection {
    background: #ffb7b7; /* Safari */
        color: #ffffff;
    }
::-moz-selection {
    background: #ffb7b7; /* Firefox */
        color: #ffffff;
    }
::-webkit-selection {
    background: #ffb7b7; /* webkit */
        color: #ffffff;
    }

Catatan!

• Ganti kode yang diberi warna merah untuk mengganti warna background teks saat di blok (selected teks)
• Ganti kode yang diberi warna biru untuk mengganti warna teks saat di blok (selected teks)

Step 3

Klik Save Template

Sekarang coba anda blok teks di blog anda, perhatikan apa yang terjadi. Cool right?!
Selamat mencoba!
Wassalam.

Written by: Rysmah Zainal Arifin

The Kampoeng Blogger, Updated at: 8:33 PM

Posted in: Efek , Lain-lain , Teks