0:00
hello everyone welcome to github blogging and in this video I will show
0:04
you how you can add a cool preload animation to your blogger website so for
0:10
this go to your blogger dashboard and before changing anything make sure to
0:15
take a backup of your theme so click on edit HTML now go to the closing body tag
0:23
and you have to copy the HTML and JavaScript code from here and paste it
0:33
just above it now search for the B skin tag in your theme so type ctrl plus F
0:48
and paste this code and then copy the SS code for the preload animation in
0:57
blogger so paste this SS code just above this code now save your theme and here
1:11
replace this page as you can see there is a preload animation in the beginning
1:19
of the page load so you can set the preload animation to home page only and
1:26
remove the preload animation from every other pages so you can easily do that by
1:32
adding a if condition to the code so just copy this first line and go to the
1:41
closing body tag and search for the HTML code and paste this code just above it
1:53
now you have to close the if condition just after this script tag so copy this
1:59
closing if condition and paste this and you have to change the if condition URL
2:09
so I am selecting the home page only to replace this URL with the home page URL
2:21
and save your theme now refresh this page again and as you can see preload
2:29
animation is working but let me just open a new page and as you can see
2:35
preload animation is gone for every other pages but it will work for home
2:40
pages so in this way you can target the home page for preload animation now let's
2:48
check how you can further customize this so you can set the preload duration from
2:55
here just search for this 500 and you can change this to around 1000 or 300 so
3:07
let me just save it to 1000 and let's check how it is showing in the front end
3:15
let's refresh this page and as you can see the preload animation duration is
3:21
increased so in this way you can change the preload animation duration so by
3:29
default this is 500 so you can change it to 300 or 1000 according to your choice
3:36
so I hope this tutorial will help you add a preload animation to your blogger
3:42
website and if you like this tutorial then hit the like button and subscribe
3:47
to my channel for more upcoming videos like this thank you
