How To Automatically Modify Background Colouring Cloth Inwards Blogger

Are yous willing plough over something novel to your users each fourth dimension they catch your site? Then today amongst the assist of trivial CSS play a joke on nosotros volition  help yous to modify the background color of your site every fourth dimension a visitor visits or reloads a page on your blogger site. So, inward lodge to assist yous out inward it nosotros are sharing this tutorial. Today inward this article, nosotros volition exhibit you, how to automatically modify background color inward blogger.

How Changing Background Works?

Before moving towards the tutorial together with allow us explicate that how this method works? Actually, it is jQuery script which automates the procedure of changing post service background colors inward jQuery amongst every refresh. Whenever your blogger post service page is refreshed thence it changes the color of your blogger site.

That agency amongst every unmarried refresh, your reader volition sense unique together with novel t background color which volition for certain attract your readers together with volition brand them stick amongst your posts.

How to Automatically Change Background color inward Blogger

So, hither are the steps which yous remove to follow inward lodge to commencement adding dissimilar background colors inward whatever of your blogger site or to add together dissimilar colors to each of your blogger post service automatically.

1. First of all, Sign inward to your Blogger account together with click on your weblog name. 
2. After that, yous remove click on Template from side bar. 
3. Then, yous are supposed to click on Edit HTML.
4. Now click anywhere your blogger template coding together with thence Press Ctrl+F together with yous volition accept a search bar. Using that search bar, search for </head> inward your blogger template together with merely higher upward it glue the next code:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
component get_random_color(){var e="0123456789ABCDEF".split("");var t="#";for(var n=0;n<6;n++){t+=e[Math.round(Math.random()*14)]}return t}$(function(){$(".post").each(function(){$(this).css("background-color",get_random_color())})})//]]></script>

Note: In example your template already includes a jquery.min.js file thence don't add together the next business of code inward your template because this volition drive things to non work.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>

      5. In last, Click on Save Template.

This was our guide, which has made yous acquire to add together appealing background colors to each of your blogger post service together with sense variations inward color amongst every unmarried refresh. We are certain it would accept been proven helpful for yous guys. If yous accept whatever queries left related to this article thence lend your queries inward the comment box. We shall acquire dorsum to your queries every bit presently every bit possible.

Was it helpful? If it was thence create praise our piece of employment yesteryear your shares together with likes. You may never know that your percentage may live proven helpful for many of the users out there. So, give-up the ghost on sharing together with liking our content over social media.

Related Topics:

• How To Combine Images Into CSS Sprites To Increase Blog Speed
• How To Prevent Blogger Template From Being Copied or Cloned