Menu

  • Home
  • Latest
  • Trending
  • FORUM
  • Activity
  • Members
  • Announcement
  • Need help?

Categories

  • Android (17)
  • Apps (39)
  • Blogger (22)
  • Computer (10)
  • Cryptocurrency (2)
  • Culinary (1)
  • Download (30)
  • Entertainment (1)
  • Event (17)
  • Game (3)
  • Internet (21)
  • Laptop (74)
  • News (3)
  • OS (16)
  • Peripheral (25)
  • Personal (259)
  • Publisher (3)
  • Review (23)
  • Smartphone (56)
  • Social Media (7)
  • Tablet (1)
  • Technology (159)
  • Tips (79)
  • Travel (5)
  • Tutorial (138)
  • Unboxing (18)
  • Video (48)
  • Web (27)
  • Windows (6)
  • Wordpress (20)
  • YouTube (22)

Tags

Advertise Android Android 4 KitKat Android 9 Pie ASUS Bardi Blog Coding Competition CSS ExpertBook Firmware Game Mobile Google Google Play Store HTML IndiHome Laptop Bisnis Laptop Gaming Plugins Press Release Republic of Gamers ROG Phone Smart Home Smartphone Gaming Spesifikasi dan Harga Technology Troubleshooting Update Upgrade VivoBook VPN WhatsApp Widget Youtube Zenbook Zenfone Zenfone 3 Zenfone 3 Max Zenfone 4 Zenfone 5 Zenfone 6 Zenfone Max Zenfone Max Pro M1 Zenfone Zoom S
XKOMODOTCOM - Sharing is Caring
No Result
View All Result
  • Account
XKOMODOTCOM
XKOMODOTCOM - Sharing is Caring
Home Tutorial
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
0
SHARES
757
VIEWS
ShareTweet

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 🙂

RelatedPosts

Cara Mengatasi Komentar Spam di Website WordPress

Daftar Kata Komentar yang Wajib Diblokir Supaya Website Terhindar dari Spam

Cara Menghubungkan 1 Nomor WhatsApp di 2 HP Android yang Berbeda Tanpa Aplikasi Tambahan!

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>.

/* 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

Just content creator

Related Posts

Cara Mengatasi Komentar Spam di Website WordPress
Wordpress

Cara Mengatasi Komentar Spam di Website WordPress

March 23, 2023
25
Daftar Kata Komentar yang Wajib Diblokir Supaya Website Terhindar dari Spamming
Wordpress

Daftar Kata Komentar yang Wajib Diblokir Supaya Website Terhindar dari Spam

March 23, 2023
23
Cara Menghubungkan 1 Nomor WhatsApp di 2 HP Android yang Berbeda Tanpa Aplikasi Tambahan
Apps

Cara Menghubungkan 1 Nomor WhatsApp di 2 HP Android yang Berbeda Tanpa Aplikasi Tambahan!

March 13, 2023
101
Tutorial Cara Format Disk lewat DiskPart, Kamu Bisa Menghapus Data Tanpa Aplikasi di Windows
Tutorial

Tutorial Cara Format Disk lewat DiskPart Terbaru, Kamu Bisa Menghapus Data Tanpa Aplikasi di Windows (Laptop/Komputer/PC)

March 7, 2023
28.6k
Cara Upgrade Android 13 ROG di Phone 6/6 Pro (AI2201) via FOTA (Firmware Over-The-Air)
Android

Cara Upgrade Android 13 di ROG Phone 6/6 Pro (AI2201) via FOTA (Firmware Over-The-Air)

March 3, 2023
156
Bounce Rate Turun Hingga 4%
Web

Bounce Rate Turun Hingga 4% dan Traffic Website Naik 64% pada Indikator Google Analytic 4

March 3, 2023
9
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 *

© 2023 XKOMODOTCOM

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

© 2023 XKOMODOTCOM

No Result
View All Result
  • Account
XKOMODOTCOM
  • MENU
  • Home
  • Latest
  • Trending
  • FORUM
  • Members
  • Announcement
  • Need help?
  • CATEGORIES
  • Cryptocurrency
  • Download
  • Event
  • Internet
    • Social Media
  • Personal
    • Culinary
    • Travel
  • Publisher
  • Review
  • Technology
    • Apps
    • Computer
    • Game
    • Laptop
    • OS
      • Android
      • Windows
    • Peripheral
    • Smartphone
  • Tips
  • Tutorial
  • Unboxing
  • Web
    • Blogger
    • WordPress

© 2023 XKOMODOTCOM

Link Start!

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

Add New Playlist