Gradient headings in blogger

How to create Gradient headings 

 To apply this, now go to the layout section of blogger then add a HTML JavaScript gadget anywhere and paste the code here, 

keep in mind that here we have given 5 styles, if you like any of the five  So copy its code and put it in your layout section

Here is 2 methods to add this style in your post 

1St one is automatic and 2nd is custom

In automatic method you need to Copy these code and paste it in your layout section (in HTML javascript gadget)

And when you want to add different colours for your different headings you need to add class in your heading tag like when you want to apply 3rd style you need to change <h2> to <h2 class="third"> 👍

And then you want to apply first style you need to chenge

<h3> to <h3 class="first">🥇😀

But when you have no knowledge to add class in HTML Codding you need to go with automatic option 

Automatic headings code Apply in all headings

First you need to add this necessary code to catch the headings

Then you need to. Chenge only background colour code for each

Demos

this is the first background style

this is the second background style

this is the third background style

this is the fourth background style

Code for all headings automatically

 
  <style>
 .title{background:none; font-weight: bold; box-shadow: none; color: var(--lightc);}
h3,h4,h5{ background: linear-gradient(68deg, #ce00ff, blue, #00ffff); color: white; border-radius: 4px; padding: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px; }         </style>

   
  

this is the second background style

 
   <style>
.second {
     background: linear-gradient(68deg, #ce00ff, blue, #00ffff);
    </style>
  

this is the third background style

 
   <style>
 .third {
     background: linear-gradient(139deg, #00ff18 0%, #00FFFF 100%);
     } 
    </style>
  

this is the fourth background style

 
   <style>
 .fourth {
     background: linear-gradient(68deg, #ce00ff, blue, #00ffff);
     } 
    </style>
  

Last word

In this post we will provided information about Gradient headings in blogger , If you enjoy this post, kindly share it with your friends. For any queries, feel free to join our Telegram channel, where we share exclusive and informative content. Many valuable tips are exclusively available on our Telegram channel. Stay updated with your favorite source, DK Technozone.