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

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.

What should you check before buying a used phone?

If you buy a used phone from an unknown person, or even from a known person, you must always check the phone for any damage - visible or hidden. But what all needs to be checked? How? That is exactly what I am writing in this article!

SOPA is retiring for now

Lamar Smith said he is withdrawing the controversial SOPA law for now until they find a solution. Namely, the people behind this have obviously taken the protests of Wikipedia , Google, Reddit, and other big companies around the world seriously.

Install these applications if you are traveling abroad alone

Whether you travel alone, with or without an agency, it is always advisable to equip yourself. Since smartphones are capable of many things, you can equip yourself with useful applications that will help you in a country where you have never been or have been.

SIM card sizes (Mini, Micro, Nano) - explanation

Many users still complain about the size of SIM (subscriber identification module) cards. Which one goes on the phone? Can it be shortened? Can a smaller one into a larger slot? Although we are slowly switching to eSIM (more on this in this article ), we still use classic SIM cards. Newer phones usually require a Nano sizes, but operators issue SIM cards in all sizes. More precisely, now SIM cards are made so that the user can choose the size immediately, and later change it if necessary. More on that at the end of the article.