$show=home

$type=ticker$count=12$cols=4$cate=0$show=post$hide=mobile

$type=grid$count=4$tbg=rainbow$meta=0$snip=0$rm=0$show=home$ic=show

Tutorial Mengganti Warna Background Selection Pada Text Link Image Dan Judul Blog

Tutorial Mengganti Warna Background Selection Pada Text Link Image Dan Judul Blog

     Hi Bloggers :) 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 :)
Tutorial Mengganti Warna Background Selection Pada Text Link Image Dan Judul Blog

Untuk Contoh / Demo nya bisa lihat di bawah ini yah

     Pada contoh di atas kita hanya menggunakan ::selection untuk 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 yah artikel tentang Tutorial Mengganti Warna Background Selection Pada Text Link Image Dan Judul Blog :D sisanya kamu bisa berkreasi sendiri dengan CSS ini :) pelajari lagi dan terapkan di blog kamu. kalau misal masih bingun dan ada pertanyaan bisa kamu diskusikan di kotak komentar yah :keren .
Waring : Di larang COPAS artikel ini secara keseluruhan. kalau ingin repost harap gunakan bahasa sendiri dan jangan lupa untuk mencantumkan sumber link ke sini #okay ;)#ingatDMCa-Google :keren

Original Article By Blog X Komo

COMMENTS

BLOGGER: 2
Loading...
Mengingat blog x komo akan pindah platform dari blogger ke wordpress, jika kamu punya pertanyaan atau request update artikel silahkan join ke sini https://blog.xkomo.com/forums.
Silahkan Bookmark blog saya yang baru ya, karna kedepan blog ini akan di hapus.
Name

Accessories,5,All Weapon,4,Android,36,Anime,1,App,8,ASUS,41,ASUS Zenfone,7,Blogger,33,Clash Of Clan,2,Computer,3,CSS,6,Documentary,5,dr. Zen,2,Event,10,Facebook,15,Firmware,23,Game,9,Gemscool,1,Google,6,Google Adsense,2,Hardware,2,Internet,6,Jambi,2,Javascript,1,Komputer,3,Laptop,2,Mouse,3,Mouse Gaming,1,Mouse Macro,6,News,40,Ninja Saga,2,Notebook,4,Padfone S,1,Point Blank,1,Press Release,8,Preview,12,Review,27,Root,13,Script,3,SEO,3,Shotgun,1,Smartphone,18,Template,1,Theme,3,Tips & Tricks,2,Troubleshooting,1,Tutorial,44,Unboxing,4,Video,10,Widget,8,Windows,2,ZenEar,1,Zenfestival,1,Zenflash,1,Zenfone 2,5,Zenfone 2 Deluxe,2,Zenfone 2 Laser,9,Zenfone 3,3,Zenfone 3 Laser,1,Zenfone 3 Max,3,Zenfone 3 Zoom,1,Zenfone 4,2,Zenfone 5,5,Zenfone 6,9,Zenfone Go,1,Zenfone Max,1,Zenfone Selfie,3,Zenfone Zoom,3,ZenHow,1,ZenPad,2,Zenpower,2,Zentalk,2,Zenvestival,3,Zenvolution,1,
ltr
item
BLOG X KOMO: Tutorial Mengganti Warna Background Selection Pada Text Link Image Dan Judul Blog
Tutorial Mengganti Warna Background Selection Pada Text Link Image Dan Judul Blog
Tutorial Mengganti Warna Background Selection Pada Text Link Image Dan Judul Blog
http://3.bp.blogspot.com/-OBMlqfgH2bw/U8XqUuwMZlI/AAAAAAAABrs/_7nKFwtNezc/s1600/capture-20140716-095643.png
http://3.bp.blogspot.com/-OBMlqfgH2bw/U8XqUuwMZlI/AAAAAAAABrs/_7nKFwtNezc/s72-c/capture-20140716-095643.png
BLOG X KOMO
http://www.xkomo.com/2014/07/tutorial-mengganti-warna-background-selection.html
http://www.xkomo.com/
http://www.xkomo.com/
http://www.xkomo.com/2014/07/tutorial-mengganti-warna-background-selection.html
true
4848727032668058109
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy