Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Wednesday, October 30, 2013

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


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



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

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


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

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 7:36 PM

2 comments :

  1. Menarik artikel nya Nih Bang ivai perlu di coba
    Ijin terapkan di blog saya Bang terima kasih

    ReplyDelete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog