Skip to main content

Here's what a VPN can't protect you from (but you need to use it)

The abbreviation " VPN " has slowly become established among average Internet users, which is certainly good, but the problem is that people have started to see VPN as the ultimate solution to all problems.

Change the background in Blogger by clicking on the link

Change the background in Blogger by clicking on the link

So, with the help of Jquery, we can create a very simple widget for blog visitors with which they can change the background.

In the picture on the left, I took ordinary links as an example and only 3 colors, you can insert thumbnails and as many colors as you want. But you will need a little coding for that.

Let's begin.

1. Go to Template and save the existing template

2. Check the box next to: "Expand widget templates"

3. Find (Ctrl + F) in the template line: ]]></b:skin>

4. Before this line, add this code:

.bg1 {background: url(BG IMAGE URL) repeat-x; background-color: #FFFFFF;}
.bg2 {background: url(BG IMAGE URL) repeat-x; background-color: #5A2A00;}
.bg3 {background: url(BG IMAGE URL) repeat-x; background-color: #00345B;}

In this code, you can only change the colors and these are the numbers at the end (#FFFFFF).

5. Find the following: </head>

6. Before this line, copy this code:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){ 

        $(&quot;li.one&quot;).click( function(){ $
        (&quot;body&quot;).removeClass(&#39;bg2 , bg3&#39;).addClass(&quot;bg1&quot;);
    });

    $(&quot;li.two&quot;).click( function(){ $
        (&quot;body&quot;).removeClass(&quot;bg1 , bg3&quot;).addClass(&quot;bg2&quot;);
    });

    $(&quot;li.three&quot;).click( function(){ $
        (&quot;body&quot;).removeClass(&quot;bg1 , bg2&quot;).addClass(&quot;bg3&quot;);
    }); 

});
</script>

Don't change anything here.

7. Now add this simple HTML code to your Widget or in some post etc.

<ul>
<li class="one"><a href="#">Red</a></li>
<li class="two"><a href="#">Brown</a></li>
<li class="three"><a href="#">Blue</a></li>
</ul>

Here you change the word at the end of the line, that is, enter the name of the color you entered in the first code.

If you do not understand:

If we are e.g. in the first code in the first line enter the color #FFFFFF then we will type in the first line

<li><ahref=<"#">White</a></li>

Because code #FFFFFF gives white color.

Comments

Popular this month

Make your own SmartCover for any Smart device

You must have heard about the SmartCover accessory that protects the screen of your Smart device. You can buy it and place it on the screen yourself in a few steps and thus protect it from shocks, scratches...and also when you cover the screen, it turns off automatically.

Task Scheduler - Run the program at a specified time

Simple instructions on how to create an "Event" on your computer that will run a program, send an e-mail, show you a notification… With  Task Scheduler , you can also create multiple Events that will run at different times. You can write a reminder and set it to appear on the screen on a specific date. You can also write an email and specify when exactly to send it automatically. Or, if you want, you can set some programs to run at a specific time.

The Internet has 2.1 billion users

After reviewing the statistics for 2011 , the company Pingdom concluded that the number of Internet users recorded a large increase from 360 million users, as recorded at the end of 2000, to 30% of the world's population .

What are Flagship Android phones?

Maybe you've heard from someone, or maybe just on this blog, about the word "Flagship" (in Serbian: flagship) phone, and you don't quite understand what that means. I searched 1200+ posts on this blog and realized that I did not write an article about what Flagship phones are, and I mention them in the texts .

Google offline maps - instructions

Google has recently added several new features to its maps, including Offline maps and turn-by-turn navigation. It was these two options that were missing so that Google Maps  that could be used as a standalone offline navigation app.