Up next in 10
How to use Blogger Conditional Tag to Load Widgets on Specific Page _ Improve Blog loading speed
3K views
Jan 28, 2024
In the video titled "How to Use Blogger Conditional Tag to Load Widgets on Specific Page - Improve Blog Loading Speed," viewers are guided through an instructional tutorial on utilizing conditional tags in Blogger to optimize blog loading speed. The tutorial demonstrates how to selectively load widgets on specific pages, preventing unnecessary resource consumption and enhancing overall website performance. This resource is especially valuable for bloggers aiming to streamline their website's functionality and improve the user experience. By leveraging Blogger's conditional tags, users can efficiently manage widget loading, ensuring a faster and more responsive blog. Whether you're a beginner or an experienced blogger, this video provides actionable insights into optimizing your Blogger website for improved loading speed.
View Video Transcript
0:00
Hello everyone, welcome to Key to Blogging and in this video I will show you how you can
0:04
show or hide a specific wizard in the blogger website. Suppose you want to display the author profile
0:10
in the home page and don't want to display that author profile in post or pages. Then you can easily
0:16
do that ie by using the blog or conditional tag. Or if you want to load a particular script in a
0:23
particular page, like if you want to load a news letter pop up in the blog post and you want to load a
0:29
and don't want to load that popup code in the home page
0:34
Then you can do that using the if condition. So in this video I will show you how you can display or hide a specific wizard in blogger website
0:44
So for this you have to go to the blogger dashboard. Now let me just scroll down and here in the sidebar wizard let me just add a gadget here
0:53
And here I will select the HTML slash JavaScript wizard and let me just name it like
0:59
Home page only and here I will type a random paragraph
1:10
Okay, let me just copy the title from here and let's save this
1:17
Now let's go to the blog post and let's refresh this. And as you can see the home page only wizard is showing and when I open the blog post it will
1:28
show the wizard in the right sidebar. So it will show in both the pages and if you want to
1:36
display the home page only wizard on the home page only, then you have to use the conditional tag
1:43
So for this you have to add a conditional tag like this. So for this go to the blogger layout
1:51
and here you have to click on the theme section And before changing anything makes you have to take backup so that if you do anything wrong in this process then you can easily restore by copy and paste the old code in the editor Now let me just search for that wizard So for this here
2:11
I will type Control Plus app and find that code. Home page only wizard. So hit Enter and as you
2:20
can see this is the sidebar wizard homepage only. So if I want to display the wizard only
2:27
on the home page then I have to add a conditional tag like this
2:31
So let me just copy this conditional tag and here you have to add it after the B wizard
2:41
Like this and let me just save this. Now let's go to the blog post and let's refresh this and this wizard is showing in the home
2:54
page but let me just open a blog post from here. here and as you can see the wizard is not showing in the post page and when I again go to
3:04
the home page then this wizard will show in the home page
3:08
So in this way you can limit or hide or unhide a certain wizard whether to show in home
3:15
page or post page. So you can similarly do that. So let me just go to the command and let me just change it to post page so that it will
3:27
only show in the post page. So for this I will go to the theme editor and let me just find that code
3:41
And here I will change it to post page. So I will change this code
3:50
Data view each post. Let's save this. Now let me just refresh this
3:57
And as you can see the wizard is gone in the home page And when I open a blog post it will show the wizard in the blog post So in this way you can display a certain wizard in post page or home page
4:13
So I will leave this all code in the description so you can easily use this code and hide or
4:20
unide your wizards. So let's check how you can load this script in a particular page. Suppose I want to display
4:30
this wizard in the post page and don't want to display the wizard in the home page
4:36
So let me just go to the home page and as you can see this wizard is loading also in the
4:41
home page. So for this I have to go to the theme editor and let me just find that script
4:48
So this is the script that is loading the floating social share button. So if I want to display
4:55
it only in the post page then I have to add a if condition in this
5:00
So let me just copy the if condition from here. And let me just wrap this code like this and you have to close this closing B if condition
5:14
after this code. Now let's save this. Okay, let me just refresh this
5:24
And as you can see, that code is not loading in the home page and when I open the blog post
5:29
will load these floating social buttons in the post page. So in this way you can load your specific script or CSS code in a particular page and you
5:41
can easily improve your block loading speed. So let's go to the home page and if I want to display this floating social wizard only
5:51
on home page and don't want to show in post pages then I have to add a new if condition
5:58
So I have to add a if condition like this. So this is for home page So let me just change the if condition So I will change this condition here
6:16
Now let's save this. Now let's refresh this page. And as you can see the floating social wizard is showing in the home page and let me just open
6:28
a blog post from here. And as you can see the floating wizard is gone in the home page
6:33
the blog post. So in this way you can limit the HTML, CSS or JavaScript code whether
6:39
to show in a particular page or not. And you can use various if condition and I will leave
6:46
this link in the description so that you can easily display certain HTML, CSS or JavaScript
6:53
code to a certain URL or certain pages like post pages, static pages. So in this way you can
7:01
hide or unide your wizards in specific pages or you can also load your JavaScript or CSS file
7:08
in specific URL. Just enter the URL of that page and just wrap this if condition code
7:16
just above and below the CSS or JavaScript code. I hope you got the idea how to use the
7:23
if condition in Blogger and load your files or load your wizard in specific pages. And if you
7:31
If you have any doubt regarding this, then you can ask me in the comment section
7:35
And if this video helpful to you, then make sure to hit the like button and subscribe
7:39
to my channel for more upcoming videos like this. And if you want to know more about blogger pay speed improvement, then you have to go to
7:47
the key to blogging and here you will find a blogger pay speed improvement playlist
7:53
So here I have explained how to improve your blog loading speed
7:58
So you can go through the video. And if this video helped, then make sure to hit the like button and subscribe to my channel
8:04
for more upcoming videos like this. I will see you in the next video
8:09
Bye bye
#Skins
# Themes & Wallpapers