Friday, August 16, 2013

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 ^_^

Related Posts

Cara Mengganti Warna Background Teks Saat di Blok
4/ 5
Oleh

Subscribe via email

Like the post above? Please subscribe to the latest posts directly via email.

34 komentar

Tulis komentar
avatar
August 17, 2013 at 1:21 PM

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

Reply
avatar
August 17, 2013 at 7:15 PM

wah keren nieh sob, mantap trik nya...

Reply
avatar
August 18, 2013 at 12:07 AM

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

Reply
avatar
August 19, 2013 at 3:00 PM

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
August 19, 2013 at 3:51 PM

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
September 14, 2013 at 9:56 PM

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

Reply
avatar
October 13, 2013 at 6:45 PM

thanks gan, makin apik nih blog aq

Reply
avatar
December 8, 2013 at 7:41 PM

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

Reply
avatar
December 8, 2013 at 7:43 PM

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

Reply
avatar
January 6, 2014 at 10:09 AM

Keren abissss blognya mas :D

Reply
avatar
January 8, 2014 at 9:00 AM

jangan lupa masang sumbernya gan

Reply
avatar
January 13, 2014 at 6:56 PM

mantep ... mksh telah berbagi

Reply
avatar
Anonymous
February 3, 2014 at 10:07 PM

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
Anonymous
February 3, 2014 at 10:09 PM

Biar yg tukang copas makin betah :p

Reply
avatar
February 18, 2014 at 5:48 PM

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

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
March 31, 2014 at 11:27 PM

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

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
June 13, 2014 at 2:01 PM

sama-sama gan, salam kenal juga

Reply
avatar
July 10, 2014 at 3:57 AM

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

Reply
avatar
February 10, 2019 at 1:45 PM

Agen Togel Online Terbaik & Terlengkap!
Tersedia Pasaran Hongkong - Sydney - Singapore
Potongan Diskon 2D = 30% | 3D = 59% | 4D = 66%
Dapatkan Keuntungan Dalam Menebak Angka Hingga Ratusan Juta Setiap Hari..
Yuk Gabung Bersama Bolavita Di Website www. bolavita .fun
Untuk Info, Bisa Hubungi Customer Service Kami ( SIAP MELAYANI 24 JAM ) :
BBM: BOLAVITA
WA: +628122222995

Reply

=======================================================
• 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]
=======================================================