How to add Stylish Gradient Colour h1, h2 ,h3 Headings in Your Blogger Post ?

Let's know the process

সর্বপ্রথমে নিচের CSS Code টি Copy করে নিন । AndThan Edit HTML এ গিয়ে ]]></b:skin> এর উপর নিচের Copy করা CSS Code টি Past করুন।

/* Stylish Headings By Techy DarshaN */
.TDheading-1{background-image:linear-gradient(to right,#eb3941,#f15e64,#e14e53,#e2373f);box-shadow:0 5px 15px rgba(242,97,103,.4);Color:white;padding:10px;border-radius:7px}

.TDheading-2{background-image:linear-gradient(to right,#25aae1,#40e495,#30dd8a,#2bb673);box-shadow:0 4px 15px 0 rgba(49,196,190,0.75);Color:white;padding:10px;border-radius:7px}

.TDheading-3{background-image:linear-gradient(to right,#f5ce62,#e43603,#fa7199,#e85a19);box-shadow:0 4px 15px 0 rgba(229,66,10,0.75);Color:white;padding:10px;border-radius:7px}

.TDheading-4{background-image:linear-gradient(to right,#667eea,#764ba2,#6B8DD6,#8E37D7);box-shadow:0 4px 15px 0 rgba(116,79,168,0.75);Color:white;padding:10px;border-radius:7px}

.TDheading-5{background-image:linear-gradient(to right,#fc6076,#ff9a44,#ef9d43,#e75516);box-shadow:0 4px 15px 0 rgba(252,104,110,0.75);Color:white;padding:10px;border-radius:7px}

.TDheading-6{background-image:linear-gradient(to right,#0ba360,#3cba92,#30dd8a,#2bb673);box-shadow:0 4px 15px 0 rgba(23,168,108,0.75);Color:white;padding:10px;border-radius:7px}

.TDheading-7{background-image:linear-gradient(to right,#009245,#FCEE21,#00A8C5,#D9E021);box-shadow:0 4px 15px 0 rgba(83,176,57,0.75);Color:white;padding:10px;border-radius:7px}

.TDheading-8{background-image:linear-gradient(to right,#6253e1,#852D91,#A3A1FF,#F24645);box-shadow:0 4px 15px 0 rgba(126,52,161,0.75);Color:white;padding:10px;border-radius:7px}

.TDheading-9{background-image:linear-gradient(to right,#29323c,#485563,#2b5876,#4e4376);box-shadow:0 4px 15px 0 rgba(45,54,65,0.75);Color:white;padding:10px;border-radius:7px}

.TDheading-10{background-image:linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed);box-shadow:0 4px 15px 0 rgba(65,132,234,0.75);Color:white;padding:10px;border-radius:7px}

.TDheading-11{background-image:linear-gradient(to right,#ed6ea0,#ec8c69,#f7186a,#FBB03B);box-shadow:0 4px 15px 0 rgba(236,116,149,0.75);Color:white;padding:10px;border-radius:7px}

ব্যাস,আপনার কাজ শেষ, এখন আপনি নিচের HTML Code গুলি আপনার Blog Post এ Use করুন ।

This is a Stylish Heading

 <h1 class="TDheading-1" style="text-align: left;">This is a Stylish Heading </h1>   

This is a Stylish Heading

  <h1 class="TDheading-2" style="text-align: left;">This is a Stylish Heading </h1>  

This is a Stylish Heading

  <h1 class="TDheading-3" style="text-align: left;">This is a Stylish Heading </h1>  

This is a Stylish Heading

  <h1 class="TDheading-4" style="text-align: left;">This is a Stylish Heading </h1>  

This is a Stylish Heading

 <h1 class="TDheading-5" style="text-align: left;">This is a Stylish Heading </h1>   

This is a Stylish Heading

  <h1 class="TDheading-6" style="text-align: left;">This is a Stylish Heading </h1>  

This is a Stylish Heading

  <h1 class="TDheading-7" style="text-align: left;">This is a Stylish Heading </h1>  

This is a Stylish Heading

 <h1 class="TDheading-8" style="text-align: left;">This is a Stylish Heading </h1>   

This is a Stylish Heading

   <h1 class="TDheading-9" style="text-align: left;">This is a Stylish Heading </h1> 

This is a Stylish Heading

 <h1 class="TDheading-10" style="text-align: left;">This is a Stylish Heading </h1>   

This is a Stylish Heading

   <h1 class="TDheading-11" style="text-align: left;">This is a Stylish Heading </h1> 

Go to Link