How To Change Colors of Selected/Highlighted Texts

This tutorial will explains to you how to change colors of your selected/highlighted texts and selected text's backgrounds.This is very easy to do,But have a one problem,this method is not working in Internet explorer.But I think this will helpful to you add some attraction to your website.Follow the steps given below to do this.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just before the </head> tag .

<style type="text/css">
::selection {background:#cc0000;color:#ffffff;}
::-moz-selection{background:#cc0000;color:#ffffff;}
code::selection {background: #333333;color:#ffffff;}
code::-moz-selection {background: #333333;color:#ffffff;}
pre::selection {background: #44ceff;color:#ffffff;}
pre::-moz-selection {background: #44ceff;color:#ffffff;}
</style>


Note : You can change colors as you like.

4.Now save your template.You are done.

Look at the picture given below.

0 comments:

Post a Comment

 

Support By Blogger