Cara Mengganti Warna Background Teks Saat di Blok

Pada tutorial kali ini saya akan berbagi tips Bagaimana Cara Mengganti Warna Background Teks Saat di Blok atau  yang sering disebut (selected text) pada blog atau website.
Dan biasanya pada saat saat kita memblok sebuah teks pada blog ataupun website maka akan muncul background berwarna biru dengan teks berwarna putih, pasti itu sudah biasa bukan? dan pada kesempatan kali ini kita akan mengubahnya dengan cara merubah warna background yang tadinya berwarna biru di rubah dengan selera kita sendiri dan teks yang tadinya berwarna putih kita rubah sesuai selera sendiri, dan di bawah ini adalah screenshotnya:

Keterangan:
Pada gambar paling atas itu adalah background yang berwarna biru,(Sebelum Dirubah) dan pada gambar yang dibawahnya itu adalah background berwarna hijau(Sesudah Dirubah)
Lalu bagaimana cara merubahnya?

Berikut adalah Cara Mengganti Warna Background Teks Saat di Blok
1. Login ke Blogger
2. Pilih Template >> Edit HTML
3. Cari kode ]]></b:skin>, copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin>

::selection {background:#01a279;color:#FFFFFF;}
::-moz-selection {background:#01a279;color:#FFFFFF;}
::-webkit-selection {background:#01a279;color:#FFFFFF;}

Catatan:
Ganti kode #01a279 untuk merubah warna background teks saat di blok
Ganti kode #FFFFFF untuk merubah warna teks saat di blok (selected teks)
Dan untuk mengetahui kode warna silakan Klik Disini!

Merubah tampilan warna blok teks (selected teks) di blog/website akan menambah kesan tersendiri pada blog/website kita. Jadi jangan ragu ragu untuk berkreasi. Sekian tutorial kali ini semoga bermanfaat ^_^

Previous
Next Post »

33 komentar

Write komentar
imam mamen
AUTHOR
August 17, 2013 at 1:21 PM delete

wew cantik bro, tapi ane masih gunain yg default :v

Reply
avatar
Dikhy nugroho
AUTHOR
August 17, 2013 at 7:15 PM delete

wah keren nieh sob, mantap trik nya...

Reply
avatar
Henry Dwi.s
AUTHOR
August 18, 2013 at 12:07 AM delete

dulu ane juga default, karena bosan di ganti aja :v

Reply
avatar
Henry Dwi.s
AUTHOR
August 18, 2013 at 12:08 AM delete

thank's sob kunjunganya

Reply
avatar
Nurul Hidayat
AUTHOR
August 19, 2013 at 3:00 PM delete

Gan mau minta tolong nih,,tolong ajarin buat banner besar dibawah logo header nya ??
banner nya keren bgt persis dibawah header bgitu..
Mkasih y mas.. tq

Reply
avatar
Henry Dwi.s
AUTHOR
August 19, 2013 at 3:51 PM delete

itu gambar biasa doang kok dan gak bisa di klik, cara gantinya gampang kok bro.. tinggal edit html trus ganti header anda dengan header yang ini [img]http://4.bp.blogspot.com/-W4yjVdgMwNs/UgzjjhYLO2I/AAAAAAAABY0/kvVpWqgt3Q0/s1600/banner17.png[/img]

Reply
avatar
Hadidar Rafi
AUTHOR
September 14, 2013 at 9:56 PM delete

BERHASIL !!! , ane baru tau gan ini . hore ane jadi warna #333 keren warnanya ! :D

Reply
avatar
Henry Dwi.s
AUTHOR
September 15, 2013 at 7:37 AM delete

iya gan ane coba keren juga :D

Reply
avatar
December 8, 2013 at 7:41 PM delete

Mantap gan~~
Ijin Copas ya..
Kapan" kunjungin ya http://konichiwax.blogspot.com/

Reply
avatar
December 8, 2013 at 7:43 PM delete

mantap gan~
Ijin Copas ya..
Kapan" kunjungin ni blog ya.. http://konichiwax.blogspot.com/

Reply
avatar
Jalu Akbar
AUTHOR
January 6, 2014 at 10:09 AM delete

Keren abissss blognya mas :D

Reply
avatar
Henry Dwi.s
AUTHOR
January 8, 2014 at 9:00 AM delete

jangan lupa masang sumbernya gan

Reply
avatar
January 13, 2014 at 6:56 PM delete

mantep ... mksh telah berbagi

Reply
avatar
Mania Apk
AUTHOR
February 3, 2014 at 10:07 PM delete

Terima kasih banyak gan, Blog saya jadi tambah keren ni.

Sedikit saran:
Background'y bikin transparent, terus warna teksnya jangan warna putih, jadi keren jadinya.

Reply
avatar
Mania Apk
AUTHOR
February 3, 2014 at 10:09 PM delete

Biar yg tukang copas makin betah :p

Reply
avatar
Henry Dwi.s
AUTHOR
February 4, 2014 at 8:39 AM delete

terimakasih masukanya bro..

Reply
avatar
February 18, 2014 at 5:48 PM delete

keren gan postingannya...!!!!

Jangan lupa gan klik juga postingan di blog ane
http://syekhsyihabuddinazmilumri.blogspot.com/2013/12/kumpulan-game-gratis-pokemon-gba-hack.html

Reply
avatar
February 20, 2014 at 6:05 PM delete

gan ane pengen nanya seputar blog nih..!!! Kan ane udah buat menu di blog ane..!! Nah cara agar postingan ane masuk ke menu itu gimana yah ????

Reply
avatar
kaduthokcay
AUTHOR
March 31, 2014 at 11:27 PM delete

maksih mas info nya langsung di coba dulu suapaya makin keren nich blog saya,,makasih salam kenal

Reply
avatar
May 16, 2014 at 10:33 AM delete

Gan! Scipt nya udah dimasukin dan juga udah di save. Tapi kok warna blok tulisannya gak berubah. Bisa di kasih saran gak gan?

Reply
avatar
Henry Dwi.s
AUTHOR
June 13, 2014 at 2:01 PM delete

sama-sama gan, salam kenal juga

Reply
avatar
July 10, 2014 at 3:57 AM delete

Numpang blogwalking yes gan blog ane tentang review film dan android kali bisa jadi referensi http://leonardfresly.blogspot.com/

Reply
avatar

=======================================================
• Untuk menyisipkan kode, gunakan tag [code]... KODE ...[/code]

• Untuk menyisipkan kode panjang, gunakan tag [pre]... KODE ...[/pre]

• Untuk menyisipkan catatan, gunakan [quote]...CATATAN ...[/quote]

• Untuk menyisipkan gambar, gunakan [img]..URL GAMBAR..[/img]

• Untuk menyisipkan video, gunakan [youtube]..URL VIDEO..[youtube]
======================================================= EmoticonEmoticon