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

Samsung puts a camera under the screen - Notch is not needed!

Notch is the biggest flaw of smartphones today - period. For the vast majority of users, this is the main reason why they do not buy a phone, as well as for me. But Samsung has found a solution. True, Notch is only a transitional solution until companies find a way to place all the components on the front under the screen. Users demanded bigger and bigger screens, and smaller and smaller phones, so Notch was the only solution. Although it is present in many smartphones today, it is not generally accepted. Moreover, it is considered a flaw . Of course, the phone manufacturers told the story and tried to convince the users that Notch was ok, and many accepted that, and the others can't wait for that era to pass.

Count a bunch of items IN SECONDS with this AI app!

If you work often with a large number of stacked items (boards, pipes, boxes…) you probably count them often. When that crowd is bigger, counting can take time. The AI ​​application will come to the rescue, which will do the counting for you in a second!

Top 5 free Google Maps alternatives in 2021

Google Maps is for many the main application for navigation, searching for restaurants, sights, information about an object… etc. There are really many options, including Offline navigation, but again, some users do not want to just use Google services. Google is indeed a bit of a taboo topic when it comes to user privacy, so in this article, I would like to present similar applications that do not use Google services.

Windows Double Explorer

If you are used to the use of so-called " Two-panel " file managers, primarily Total Commander , and when surfing the net you find that the tabbed interface makes it much easier for you to use the browser, you will like this program. Windows Double Explorer … If it was not clear enough from the name what to expect from this program, a more detailed explanation follows.

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.