CSS3 style selection color

CSS3 style selection color merupakan tampilan seleksi text yang menarik dengan design warna yang berbeda, CSS3 style selection color ini hanya mengandalkan sistem CSS untuk merubah warna selektor pada suatu tulisan. CSS3 style selection color ini menganut sistem CSS 3 yang memang untuk saat ini pemakaian CSS 3 ini sudah milai di terapkan dari sistem CSS yang telah di terbitkan sebelumnya. Buat teman teman yang ingin memakai sistem CSS3 style selection color pada seleksi tulisan halaman blog kesayangan anda, silahkan simak penjelasan dibawah ini. Untuk demonya silahkan klik demo dibawah ini kemudian select tulisan tersebut dan lihat hasilnya. Langsung saja menuju TKP ;

Demo

Install Program CSS

1. Login ke dashboard anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code ]]></b:skin> 
4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.
5. Code CSS dibawah ini merupakan code CSS 3 devault atau Basic Selection
   
   


/*****************************************
Name : CSS3 style selection color
By : Rivai Silaban | Blog Design
Update : Rabu, 30 Oktober 2013
******************************************/
::selection
{
color:#ff0000;
}
::-moz-selection
{
color:#ff0000;
}
/* end selection */




6. Bila anda ingin memasang CSS3 style selection color pada salah satu kalimat pada template anda, anda dapat menggunakan CSS3 style selection color dengan sistem penambahan code " CLASS " pada kode text tersebut.
7. Pertama tama silahkan copy code CSS didalam spoiler yang berada dibawah ini, kemudian pastekan diatas code ]]></b:skin> tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.


/*****************************************
Name : CSS3 style selection color sistem class
By : Rivai Silaban | Blog Design
Update : Rabu, 30 Oktober 2013
******************************************/
.warna-select::selection {
background:#0066FF;
color:#fff;
}
.warna-select::-moz-selection {
background:#0066FF;
color:#fff;
}
/* end selection */



8. Untuk menampilkan CSS3 style selection color pada tulisan anda, setiap penulisan kode html pada halaman blog anda tambahkan code { class='warna-select' } pada tag htmlnya seperti contoh dibawah ini.
   
   Penulisan code text dengan sistem P
   
   
   <p class='warna-select'>
   Tulisan anda yang muncul pada halaman blog kesayangan anda.
   </p>
   
   
   Penulisan code text dengan sistem DIV
   
   
   <div class='warna-select'>
   Tulisan anda yang muncul pada halaman blog kesayangan anda.
   </div>
   
   
   Penulisan code text dengan sistem SPAN
   
   
   <span class='warna-select'>
   Tulisan anda yang muncul pada halaman blog kesayangan anda.
   </span>

Kesimpulan

Code warna Merah yang berada dalam spoiler diatas merupakan code warna select, silahkan ganti code warna tersebut sesuai dengan warna yang anda sukai.

Warna Biru dengan code class='warna-select' apat anda pasang setiap anda ingin membuat tulisan atau kalimat pada html halaman blog anda.

Bila anda mengalami kesulitan pada pemasangan code CSS3 style selection color ini atau menemukan kode yang tidak berpungsi, silahkan hubungi kami atau share bersama kami melalui form komentar dibawah ini. Pergunakan semua fasilitas pada halaman blog ini untuk mempermudah anda.

CSS 3 style selection color
Rabu, 30 Oktober 2013
Rivai Silaban | Blog Design

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 7:36 PM