Hello friends, today I am going to tell you how we can install custom material box. In today's post on blogger's website, I will tell you. Friends, many people work very hard to make their blog beautiful and attractive, so that our readers who come to our website, they like to read and like it while reading, friends, the main reason for this is that this is your blog and Also attracts. Why We Use Custom Material Design Boxes Friends, due to the very large article, we all use color boxes, because friends, our readers who come by using this, do not feel bored in it, friends, they feel bored because friends, we all from top to bottom He writes Without any notes and paragraphs, friends, from this post you will be able to learn how to apply color boxes, which will make both your readers and your blog interesting. Benefits of Custom Material Design Boxes Friends, we can make our blog more attractive with custom material design box. And friends, which makes it easier for your visito
S o friends, you are welcome in today's new blog, so today we will learn " How can we make a Gradient box, that too with a countdown timer ". You can imagine that you can get any document file on your website. gives to do | So this Gradient box is very helpful for you. Some websites display a countdown before the Countdown starts. And redirects us to the final destination. If you want to use this countdown Gradient box, then you have to follow this article on how to setup Gradient box with countdown timer on your website. LITTLE TALK If you blog and use blogger platform to blog, then if you also have a google drive Link this will Also best for the blog, then you have to believe that you can earn a lot more by using Adsense. We have seen that many bloggers use Gradient box timer. Because through this, whatever user comes to our website, they stay on our website for some time. Through this, you can also control your bounce rate and there is no risk of getti
So friends, today again welcome all of you to our new and interesting blog, today friends, I will tell you in this post that how you all can add heart effect to your blogger. Friends, this heart effect will show on your website only, meaning it will be visible when you click or touch somewhere on your website. Friends, this effect has been created with the help of HTML, CSS and JavaScript, friends, if you put this in someone's website, you will see it, and when you click on their website, you will see Love Effect, Mandala Effect there. Who will get Friends, I have told you the tutorial below in the article of this post, all of you can easily put it on your blogger's website by reading this post, just friends, you have to follow all the steps correctly. How can we add Heart Effect in Blogger? Step 1:-. Friends, first of all you have to open the blogger website and you have to come to its people page. Step 2: - Friends, now you have to login to your blogger's website. from
How to Apply Stylish Animation Notes Box in Blog Post
Please wait 30 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated
Hello friends, in today's post, I am going to teach all of you in today's post, how all of you can create animated notes box in your blog post with amazing effects, so you Everyone must read this post, if you like this post and all of you want to apply this type of animated cool note boxes in your blog posts, you will have to read this post. Let us start today's post.
Table of Contents
We have been seeing this type of notes box, and where news, tips and tricks are seen on other informative blogs. If you people want to create a notes box for your blog, then it is not a big deal nor is it a difficult task for blogger users, because here we just have to add some HTML and CSS code. , and you can create all note columns for your blog articles just by adding these two codes.
This notes box has 7 color options and icons, if you want, you can keep the icon and color according to your wish, and you can change it according to your wish.
If you guys are interested to install this type of notes box in your blog post you have to follow the step given by me then let's start.
How to add animates notes box in blog post?
Pre Advice!I am telling you earlier that all of you friends should take backup of your blogger theme because if there is any problem while editing in our theme, then with the help of your backup theme, it will be like original templates.
Install Font Awesome
First of all, friends, to add the notes box, we have to install Font-Awesome in our website. All you have to do is copy the code given below and add it below the <head> tag.
First of all, we have to come to blogger and log in to its dashboard.
Now you have to come to the themed section, you will see it in the bottom sidebar.
Now you have come to the theme section, after that you will see icon, you have to click on it and click on edit HTML.
Now you will open Blogger theme edit HTML, now you have to click on theme templates and click on CTRL+F and search bar will come, you have to search there ]]></b:skin> and add add on it is.
Friends, as we search for any code to edit in blogger templates, if you want to find any code, then you just have to do CTRL + F and your blogger templates search bar will come, whatever term you want to search, put it in it. And give a the result on the code that you have searched.
Now if you want to see whether it has been applied or not, then for this you have to click on New Entry / New Post>>, after that you have to enter the code in HTML format,
Stylish Note Box About
Friends, I will tell you how to use the stylish note box in the post and how to use it, here I have given you seven types of notes box, you can use them, it will give a different look to your blog. , Due to which your blog will also look very beautiful, I will just tell you that you must use this stylish notes box.
<div class="notes notes1">Note Box Version 1.</div>
<div class="notes notes1">Note Box Version 2.</div>
<div class="notes notes1">Note Box Version 3.</div>
<div class="notes notes1">Note Box Version 4.</div>
<div class="notes notes1">Note Box Version 5.</div>
<div class="notes notes1">Note Box Version 6.</div>
<div class="notes notes1">Note Box Version 7.</div>
Conclusion
So in today's tutorial, I told you how to add animated cool notes box to your blog post. I hope this is useful for you guys. If you face any kind of error or problem, then you can comment us in the comment section, I hope it will be useful for you. Thank you for visiting.
Hello! My Name Is Tech Shreyansh, And I'm A Youtuber And Content Creator From Azamgarh, India. I Have A Channel On YouTube Called Tech Shreyansh Where I Upload Programming Videos. Also I'm A Professional Web Developer Or Designer. I Enjoy Pl…
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser. The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.
