Създаване и водене на безплатен блог на платформата Blogger. Препоръки и съвети.

Търсене

Breaking

2019-07-18

Случайно фоново изображение за Blogger

Случайно фоново изображение
Здравейте всички, които четете Blogzablogove. Виждали ли сте някога сайт, чиито фон се променя, когато обновявате страницата му, а фоновите изображения се редуват на случаен принцип? Да? Вече е често срещано и при много блогове.



    За да се получи този ефект сайтът или блогът използва определени скриптове. За тях ще говорим днес.


    Но трябва да се знае, че  ако използваме случайно фоново изображение ще се намали скоростта на зареждане на блога.


    Това е така, защото всеки път, когато обновяваме страницата, ще се зарежда различно изображение, така че използвайте този ефект разумно.

    Инсталиране

    Как да инсталирате случайно фоново изображение за Blogger?
    Тези от вас, които искат да добавят случайно фоново изображение в блога си, нека следват следните стъпки:

    Отворете темите на Blogger ➔ Кликнете върху бутона Редактиране на HTML ➔ и добавете следния код jQuery над </body>.

    Код


    <script type='text/javascript'>
    //<![CDATA[
    var Background=new Array;Background[0]="#f5f5f5 url('https://4.bp.blogspot.com/-ULjjdtQ8lpI/W5u2wMHOKCI/AAAAAAAAOM4/Q8Y1XllxybEw9nSb91uYUvEKz1Yyf9OsQCLcBGAs/s1600/Randomimage%2B%25281%2529.jpeg') no-repeat top center fixed",Background[1]="#f5f5f5 url('https://2.bp.blogspot.com/-u7c8oWxZjOM/W5u2wIOobeI/AAAAAAAAOM0/ggjaHTpHd9M-At-J8r1hO30dTglYToL4gCLcBGAs/s1600/Randomimage%2B%25281%2529.jpg') no-repeat top center fixed",Background[2]="#f5f5f5 url('https://2.bp.blogspot.com/-AQ0e1uHKuhc/W5u2vLoUnvI/AAAAAAAAOMw/z9BDNHzXmRkOcsp1QTyB8QzR4AWmOVkmACLcBGAs/s1600/Randomimage%2B%25282%2529.jpg') no-repeat top center fixed",Background[3]="#f5f5f5 url('https://1.bp.blogspot.com/-zAFrsNqWNb8/W5u2wbRIngI/AAAAAAAAOM8/tDyXG4X1uY473QldY1wO5urr90CNbUhygCLcBGAs/s1600/Randomimage%2B%25283%2529.jpg') no-repeat top center fixed",Background[4]="#f5f5f5 url('https://uwalls.ru/gallery/64/source/5762.jpg') no-repeat top center fixed";var random=Math.floor(4*Math.random());document.write("<style>"),document.write("body {"),document.write("background: "+Background[random]+";"),document.write("background-size:100%;"),document.write(" }"),document.write("</style>");
    //]]>

    </script>


    ➤Променете онези места в кода, 5 на брой и маркирани в червено, които са адресите на изображенията. Изберете изображения по ваше усмотрение;

    ➤След това кликнете върху Запазване на темата и ще видите резултата в блога си;


    Ето, това се получи. Отворете тази страница и я презаредете – или с десния бутон на мишката - презареждане ( Ctrl+R ), или с клавиша F5.

    За въпроси моля, в коментарите. А може и на тази страница.

    Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога ми на:

    BGtop

    Здраве за всички вас! Не забравяйте да правите добро на други хора!

    Няма коментари:

    Публикуване на коментар