Blogger Tips and TricksLatest Tips And TricksBlogger Tricks

Monday, 22 July 2013

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.




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.




 Code:


<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.
Categories: ,

0 comments:

Post a Comment

Subscribe to RSS Feed Follow me on Twitter!