We can easily change the color of our blog's background and also can easily customize it but we can do this only when we are admin OR owner of blog / site, but suppose if we give access to our visitors that they able to change the color of our background without give the login access to our visitor. Just only give a color changing widget to our visitor which directly works on our blog's template but it will not remain same for every visitor that color can see only a single visitor, who will try to change it's color.
Code:
Simple steps to add Color Box to blogger
- Login to the blogger.
- Go to Layout option in blogger then click on Add a Gadget option.
- Choose a HTML/JavaScript option and copy the below code and paste it and save changes.
- Go to the Blog and you can see the Color box added to your blog.
- By choosing the colors you can change the color of blog temporarily.
<script language="javascript">
document.write(unescape('%3C%64%69%76%20%63%6C%61%73%73%3D%22%77%69%64%67%65%74%2D%63%6F%6E%74%65%6E%74%22%3E%0A%3C%63%65%6E%74%65%72%3E%3C%62%3E%43%68%6F%6F%73%65%20%79%6F%75%72%20%66%61%76%6F%75%72%69%74%65%20%63%6F%6C%6F%72%3C%2F%62%3E%3C%2F%63%65%6E%74%65%72%3E%0A%3C%62%72%2F%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%0A%66%75%6E%63%74%69%6F%6E%20%62%67%43%68%61%6E%67%65%28%62%67%29%0A%7B%0A%64%6F%63%75%6D%65%6E%74%2E%62%6F%64%79%2E%73%74%79%6C%65%2E%62%61%63%6B%67%72%6F%75%6E%64%3D%62%67%3B%0A%7D%0A%3C%2F%73%63%72%69%70%74%3E%0A%3C%74%61%62%6C%65%20%62%6F%72%64%65%72%3D%22%31%22%20%77%69%64%74%68%3D%22%31%30%30%25%22%20%68%65%69%67%68%74%3D%22%32%30%22%3E%0A%3C%74%62%6F%64%79%3E%3C%74%72%3E%0A%3C%74%64%20%6F%6E%63%6C%69%63%6B%3D%22%62%67%43%68%61%6E%67%65%28%27%23%38%42%30%30%38%42%27%29%22%20%62%67%63%6F%6C%6F%72%3D%22%23%38%42%30%30%38%42%22%3E%0A%3C%2F%74%64%3E%0A%3C%74%64%20%6F%6E%63%6C%69%63%6B%3D%22%62%67%43%68%61%6E%67%65%28%27%23%39%34%30%30%44%33%27%29%22%20%62%67%63%6F%6C%6F%72%3D%22%23%39%34%30%30%44%33%22%3E%0A%3C%2F%74%64%3E%0A%3C%74%64%20%6F%6E%63%6C%69%63%6B%3D%22%62%67%43%68%61%6E%67%65%28%27%23%30%30%38%30%38%30%27%29%22%20%62%67%63%6F%6C%6F%72%3D%22%23%30%30%38%30%38%30%22%3E%0A%3C%2F%74%64%3E%0A%3C%74%64%20%6F%6E%63%6C%69%63%6B%3D%22%62%67%43%68%61%6E%67%65%28%27%23%38%30%38%30%38%30%27%29%22%20%62%67%63%6F%6C%6F%72%3D%22%23%38%30%38%30%38%30%22%3E%0A%3C%2F%74%64%3E%0A%3C%74%64%20%6F%6E%63%6C%69%63%6B%3D%22%62%67%43%68%61%6E%67%65%28%27%23%43%44%38%35%33%46%27%29%22%20%62%67%63%6F%6C%6F%72%3D%22%23%43%44%38%35%33%46%22%3E%0A%3C%2F%74%64%3E%0A%3C%74%64%20%6F%6E%63%6C%69%63%6B%3D%22%62%67%43%68%61%6E%67%65%28%27%23%32%46%34%46%34%46%27%29%22%20%62%67%63%6F%6C%6F%72%3D%22%23%32%46%34%46%34%46%22%3E%0A%3C%2F%74%64%3E%0A%3C%74%64%20%6F%6E%63%6C%69%63%6B%3D%22%62%67%43%68%61%6E%67%65%28%27%23%44%43%31%34%33%43%27%29%22%20%62%67%63%6F%6C%6F%72%3D%22%23%44%43%31%34%33%43%22%3E%0A%3C%2F%74%64%3E%0A%3C%74%64%20%6F%6E%63%6C%69%63%6B%3D%22%62%67%43%68%61%6E%67%65%28%27%23%34%42%30%30%38%32%27%29%22%20%62%67%63%6F%6C%6F%72%3D%22%23%34%42%30%30%38%32%22%3E%0A%3C%2F%74%64%3E%0A%3C%74%64%20%6F%6E%63%6C%69%63%6B%3D%22%62%67%43%68%61%6E%67%65%28%27%23%41%35%32%41%32%41%27%29%22%20%62%67%63%6F%6C%6F%72%3D%22%23%41%35%32%41%32%41%22%3E%0A%3C%2F%74%64%3E%0A%3C%2F%74%72%3E%3C%2F%74%62%6F%64%79%3E%3C%2F%74%61%62%6C%65%3E%0A%3C%2F%64%69%76%3E%0A%3C%66%6F%6E%74%20%63%6F%6C%6F%72%3D%22%23%46%46%46%46%46%46%22%3E%57%69%64%67%65%74%20%42%79%3A%2D%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%77%69%64%67%65%74%67%65%6E%65%72%61%74%6F%72%73%2E%63%6F%6D%2F%22%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%23%46%46%46%46%46%46%22%3E%57%69%64%67%65%74%20%47%65%6E%65%72%61%74%6F%72%73%3C%61%3E%3C%2F%61%3E%3C%2F%61%3E%3C%2F%66%6F%6E%74%3E' ) );
</script>
Note : You can change the colors in color box by changing corresponding color value in code.So you can place your own colors also by replacing the value of color.






0 comments:
Post a Comment