Daftar Jadi Anggota Zencreator Bisa Dapat Laptop Gratis! Daftar Jadi Anggota Zencreator Bisa Dapat Laptop Gratis! Daftar Jadi Anggota Zencreator Bisa Dapat Laptop Gratis!
XKOMODOTCOM
No Result
View All Result
  • Login
  • TECH
    • Apps
    • Computer
    • Laptop
    • Peripheral
    • Smartphone
  • REVIEW
  • TUTORIAL
  • UNBOXING
XKOMODOTCOM
ernesthy
XKOMODOTCOM
  • TECH
    • Apps
    • Computer
    • Laptop
    • Peripheral
    • Smartphone
  • REVIEW
  • TUTORIAL
  • UNBOXING
  • Login
No Result
View All Result
XKOMODOTCOM
Tutorial Mengganti Background Select text pada blog

Tutorial Cara Mengubah Warna Background Selected Text Pada Blog

Febri Tri Harmoko by Febri Tri Harmoko
9 years ago
in Tutorial, Blogger, Wordpress
1
0
738
VIEWS
ShareTweet
Belanja Laptop ASUS Gratis Ongkos Kirim - Dijamin Aman 100% - ASUS Online Store Official Belanja Laptop ASUS Gratis Ongkos Kirim - Dijamin Aman 100% - ASUS Online Store Official Belanja Laptop ASUS Gratis Ongkos Kirim - Dijamin Aman 100% - ASUS Online Store Official

Kali ini saya akan membagikan Tutorial Mengganti Warna Background Selection Pada Text Link Image Dan Judul Blog .

Mungkin tutorial ini sudah banyak blogger jumpai di berbagai situs blog yang membahas tentang tutorial bloggers 🙂 tapi kali ini saya  +Febri Tri Harmoko  mencoba untuk memberikan tutorial yang berbeda dari semua nya 🙂

Untuk Contoh / Demo nya bisa lihat di bawah ini yah

Pada contoh di atas kita hanya menggunakan ::selectionuntuk Semua jenis Text yang ada dalam satu post trus bagaimana dengan background selection untuk judul , Text Link, Image, dan lain lain 🙂

Untuk Mengganti Background Selection pada Element lain kalian cukup menambahkan CSS element yang ingin di rubah warna backrgound Selection nya 🙂

kita ambil contoh untuk background Selection hanya pada paragraph saja.

Element untuk paragaraph dalam HTML itu di singkat dengan tag <p>jadi untuk penulisan CSS nya bisa lihat di bawah ini :

Penulisan Kode CSS untuk Text Link tambahkan huruf a di depan ::selection. Lihat Demo nya di bawah ini.

Info:
Untuk Mengganti warna background Selection ini kamu bisa mengganti format style nya tidak hanya warna background dan warna font saja. kamu juga bisa menambahkan efek text-shadow, font-style, Font-family, dan lain-lain nya.

Selain dari contoh penggantian warna ::Selection di atas kita juga bisa gunakan untuk element gambar / <img> untuk lebih jelas nya bisa lihat contoh lengkap nya di bawah ini .

untuk Code nya bisa kamu gunakan CSS di bawah ini, dan letakan di atas </style> / ]]></b:skin>.

BACAJUGA

Video Tutorial Cara Mengganti Password Akun Admin dan User Modem ZTE F609 IndiHome

Cara Login Modem HUAWEI HG8245H IndiHome (Username dan Password Admin Terbaru)

/* LINK */
::-moz-selection      { color: gold;  background: purple; } 
::selection      { color: gold;  background: purple; }

/* LINK */
a::-moz-selection { color: white; background: red; }
a::selection { color: white; background: red; }

/* Bold*/
b::-moz-selection { color: green; background: pink; }
b::selection { color: green; background: pink; }

/* paragraph*/
p::-moz-selection { color: white; background: black; }
p::selection { color: white; background: black; }

Udah dulu ya artikel tentang  Tutorial Mengganti Warna Background Selection Pada Text Link Image Dan Judul Blog 😀 sisanya kamu bisa berkreasi sendiri dengan CSS ini 🙂

Pelajari lagi dan terapkan di blog kamu. kalau misal masih bingun dan ada pertanyaan bisa kamu tulis di komentar, Semoga bermanfaat.

Tags: BlogCodingCSSHTML
ShareTweet
Previous Post

Review Skill Pet Invite Reward – Daruma Family

Next Post

Tutorial Membuat Widget Melayang Ketika di Scroll Kebawah – Sticky Widget Sidebar di Blogspot/Blogger

Febri Tri Harmoko

Febri Tri Harmoko

Saya blogger yang gemar membaca dan berbagi informasi di dunia internet.

ARTIKEL TERKAIT

Video Tutorial Cara Mengganti Password Akun Admin dan User Modem ZTE F609 IndiHome
Internet

Video Tutorial Cara Mengganti Password Akun Admin dan User Modem ZTE F609 IndiHome

by Febri Tri Harmoko
3 weeks ago
34
Cara Login Modem HUAWEI HG8245H IndiHome (Username dan Password Admin Terbaru)
Tutorial

Cara Login Modem HUAWEI HG8245H IndiHome (Username dan Password Admin Terbaru)

by Febri Tri Harmoko
2 months ago
284.1k
Cara Login Modem IndiHome ZTE F609 Terbaru
Tutorial

Cara Login Modem ZTE F609 IndiHome Terbaru (Username dan Password Admin)

by Febri Tri Harmoko
3 months ago
451k
Next Post
Tutorial Membuat Widget Melayang Ketika di Scroll Kebawah – Sticky Widget Sidebar di Blogspot/Blogger

Tutorial Membuat Widget Melayang Ketika di Scroll Kebawah - Sticky Widget Sidebar di Blogspot/Blogger

ASUS Zenfone Smartphone Terbaik

ASUS ZenFone: Smartphone Android Terbaik

Script Mouse Macro x7 Extreme Mode Special P90 Ext

Script Mouse Macro x7 Extreme Mode Special P90 Ext [POINT BLANK]

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

I agree to the Terms & Conditions and Privacy Policy.

  • About
  • Contact
  • Disclaimer
  • Privacy Policy
  • Terms & Conditions

© 2014 - 2022 XKOMODOTCOM — Made With in Indonesia

No Result
View All Result
  • Login
  • TECH
    • Apps
    • Computer
    • Laptop
    • Peripheral
    • Smartphone
  • REVIEW
  • TUTORIAL
  • UNBOXING

© 2014 - 2022 XKOMODOTCOM — Made With in Indonesia

Welcome Back!

Sign In with Google
OR

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.