Cara merubah warna block di blog. Block disini maksudnya, warna goresan pena dan juga background pada dikala kita klik goresan pena kemudian kita tahan dan tarik sehingga ada warna yang terlihat. Block biasanya dipakai untuk mengcopy goresan pena yang ada diwebsite atau blog.
Block sederhananya berwarna biru langit di backgroundnya dan juga warna hitam ditulisannya. Disini kita akan mencoba merubah warna dari background dan warna tulisannya dengan warna yang kita inginkan. Contohnya menyerupai gambar dibawah ini.
Seperti pola gambar diatas. Background goresan pena dikala di block berwarna hitam dan juga warna tulisannya berwarna putih. Dan kau dapat menggantinya dengan warna yang kau inginkan. Cara membuatnya silakan ikuti langkah-langkah dibawah ini.
- Login ke blogger, dari halaman dasbor pilih pengaturan template.
- Lalu klik edit HTML dan cari aba-aba ]]></b:skin> kemudian masukan aba-aba berikut ini diatasnya.
- Terakhir, Save template dan selesai.
::selection {background:#000000;color:#FFFFFF;}
::-moz-selection {background:#000000;color:#FFFFFF;}
::-webkit-selection {background:#000000;color:#FFFFFF;}
::-moz-selection {background:#000000;color:#FFFFFF;}
::-webkit-selection {background:#000000;color:#FFFFFF;}
- background:#000000; untuk warna background
- color:#FFFFFF; untuk warna tulisan
- jika ingin mengganti background dan warna goresan pena gantilah ketiga aba-aba diatas dengan aba-aba warna yang sama
Contoh penggantian warna block background dan warna tulisan
::selection {background:#107cde;color:#0000000;}
::-moz-selection {background:#107cde;color:#000000;}
::-webkit-selection {background:#107cde;color:#000000;}
::-moz-selection {background:#107cde;color:#000000;}
::-webkit-selection {background:#107cde;color:#000000;}
Silakan diganti sesuai dengan warna yang kau inginkan, dan silakan baca juga artikel aku yang lainnya yang berkaitan dengan warna menyerupai cara menciptakan background warna transparan atau cara menciptakan background gradient 2 warna dan juga artikel-artikel lainnya. Semoga artikel diatas dapat bermanfaat untuk anda.
0 comments:
Post a Comment