HTML Code for blogger

HTML CODE FOR BLOGGER 



Stylish Blogging design and contents make your blogger more attractive and looking beautiful. If you are searching for stylish CSS code for blogger then here some stylish CSS we provide.


Which Code make our site look like a pro temple?

If you are a beginner or blogger user and don't know about coding then no worry for this issue. I can solve your problem easily.

First of all just remember normal coding for your site like : CSS code are place between <style> CSS Code</style>

Paragraph is write under <p> your text here </p>

<b>use for Bold</b> etc.

CSS Code make our normal html code to stylish Look

So , CSS code is important to place with html code on your page/ theme/ post


Related Topic: Download Button Stylish Code 

How to Add CSS on blogger theme ?

1. Go to your blogger/ sign in your blogspot 

2. If you are a mobile user then tap left top 3 raw button symbol and swipe up.

3. Click theme options.

4. Before edit or place your CSS Code, please backup your theme & keep your theme download for anything wrong then that make you find out your last chance.

5. Click edit option.

6. Swipe up and search CSS section CDATA 

7. Last of your CSS Code

Make a gape or type your putting style name like: /*==button style==*/

8. Place your copy CSS Code After this and close it again type with /*==button style end==*/




Also Read: How to get Adsense approve blogspot Site Quickly?


CSS Code ⬇️


  /*<![CDATA[*/

/*ctr optimization*/.onId .pTtmp[data-tx]{opacity:1}.onId .pTtmp[data-tx]::before{content:attr(data-tx);padding:2px 4px;background:#57956A;color:var(--white);font-size:smaller;margin-right:5px;border-radius:2px}.onId .pTtmp[data-tx]::after{display:inline;opacity:.8}.onId .pTtmp[data-tx]~.pJmp{opacity:1;border:1px solid;padding:5px 10px}.onId .pTtmp[data-tx]~.pJmp:hover{background:var(--linkC);color:var(--white)}


/* download button */

.btn-hover{width:200px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;margin:20px;height:55px;text-align:center;border:none;background-size:300% 100%;border-radius:50px;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.btn-hover:hover{background-position:100% 0;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.btn-hover:focus{outline:none}.btn-hover.color-5{background-image:linear-gradient(to right,#0ba360,#3cba92,#30dd8a,#2bb673);box-shadow:0 4px 15px 0 rgba(23,168,108,0.75)}.btn-hover.color-9{background-image:linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed);box-shadow:0 4px 15px 0 rgba(65,132,234,0.75)} /* Box */.wendybox{background-color:#fff;position:relative;margin:40px 2px;padding:40px 15px 15px;border:1px solid rgba(230,230,230,1);border-radius:5px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}.wendybox h1{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;padding:8px 20px!important;position:absolute;margin:0!important;font-size:17px!important;color:#fff;top:-20px;font-weight:bold;left:30px;text-transform:uppercase}.wendybox.box-yellow h1{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}.wendybox.box-blue h1{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}.wendybox.box-red h1{background:#f7176a}table.tr-caption-container{min-width:inherit;width:auto;margin:0 auto;border:0;position:relative}table.tr-caption-container tr td{background-color:transparent;border:0;padding:0}table.tr-caption-container tr:nth-child(2n+1) td,table.tr-caption-container tr:nth-child(2n+1) td:first-child{border:0;background-color:transparent}table.tr-caption-container .tr-caption{display:block;font-size:12px;font-style:italic;color:#767676;background-color:transparent;border:0}table{width:100%;margin:20px 0;border:1px solid rgba(230,230,230,1);border-radius:7px;overflow:hidden;font-size:14px}table th{background-color:transparent;padding:15px 20px;border:1px solid #ddd;border-left:0;font-family:Noto Sans;font-size:13px} table th:last-child,table tr td:last-child,table tr:nth-child(2n) td:last-child{border-right:0}table td{padding:15px 20px;border:1px solid #ddd;border-left:0;border-top:0;vertical-align:middle}table tr:nth-child(2n + 1) td{background-color:rgba(0,0,0,.025)}.table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px;scroll-behavior:smooth} .drK .wendybox{background-color:#2d2d30;color:#fefefe}.drK .wendybox table,.drK .wendybox table td, .drK .wendybox{border-color:rgba(255,255,255,.15);color:#fefefe} .wendybox.box-pinky h1{background-image:linear-gradient(to right,#7f00ff, #00FFFF);box-shadow:0 4px 15px 0 rgba(116,79,168,0.75);Color:white;padding:10px;border-radius:7px} /*number listing */ ol.style1{counter-reset:numbers;list-style:none;padding:0}ol.style1>li{counter-increment:numbers;margin-bottom:25px;position:relative;margin-left:55px}ol.style1>li img{margin:15px 0;width:100%;display:block}ol.style1>li::before{content:counter(numbers);line-height:23px;font-family:'var(--fontB)';font-size:14px;font-weight:bold;left:-45px;width:32px;height:32px;text-align:center;position:absolute;color: #00bfff;border:5px solid rgb(220 226 224);border-radius:50% 0 50% 50%;top:-2px}ol.style1 li ul li{margin-bottom:15px}ol.style1 li ul{margin-top:15px}.drK ol.style1>li::before{color:rgb(220, 226, 224);border-color:rgba(220, 226, 224)}.drK ol.style1>li::before{color:#00bfff} /* Accordion */ .acdn{position:relative;list-style:none;margin:30px 0;padding:0;font-size:14px;line-height:1.7em;font-family:inherit}.acdn .ac{width:100%;padding:20px 0 20px 15px;margin:10px 0;background:#f0f0ff;border-radius:10px;border-left:4px solid #8a8aff;box-shadow:0 5px 10px rgba(51,51,51,.1)} .acdn .ac:nth-child(4n + 3){background:#f0f0ff;border-left-color:#8a8aff}.acdn .ac:nth-child(4n + 2){background:#fff0f3;border-left-color:#ff8aa1}


  .acdn .ac:nth-child(4n + 1){background:#f0faff;border-left-color:#8ad8ff}.acdn .ac:nth-child(4n + 4){background:#fff7f0;border-left-color:#ffc08a}.acdn .cont{margin:0;padding-left:27px;padding-right:27px;position:relative;overflow:hidden;max-height:0;transition:all .3s ease;color:#08102b}.acdn .cont ul,.acdn .cont ol{padding-left:13px}.acdn .cont li{padding:0}.acdn .cont a{text-decoration:none;color:#08102b}.acdn .cont a:hover{text-decoration:underline}.acdn p:first-child{margin-top:0}.acdn p:last-child{margin-bottom:0}.acTtl{display:flex;align-items:center;font-weight:700;color:#08102b}.acTtl span{display:flex;flex-grow:1}.acTtl span:before{content:'';padding-left:15px}.acIcn{flex-shrink:0;display:flex;align-items:center;width:12px;height:12px;position:relative}.acIcn:before,.acIcn:after{content:'';display:block;width:100%;height:2px;border-radius:2px;background:#08102b}.acIcn:after{position:absolute;transform:rotate(90deg)}.acMn{display:none}.acMn:checked ~ .acTtl .acIcn:after{visibility:hidden;opacity:0}.acMn:checked ~ .cont{max-height:100vh;padding-top:15px;padding-bottom:8px}.drK .acdn .ac{background:#252526;border-left-color:#4c4c4e}.drK .acdn .cont,.drK .acdn .cont a,.drK .acTtl,.drK .acMn:checked ~ .acTtl{color:#fefefe}.drK .acTtl .acIcn:before,.drK .acTtl .acIcn:after,.drK .acMn:checked ~ .acTtl .acIcn:before,.drK .acMn:checked ~ .acTtl .acIcn:after{background:#fefefe} 

  


HTML Code⬇️




<div class="acdn">
<div class="ac">
<div class="acCont">
<input class="acMn" id="offaccor1" name="accordion-1" type="checkbox" />
<label class="acTtl">
<i class="acIcn"></i>
<span>FAQ's</span></label>
<div class="cont">
<ol class="style1"><li><b>What kind of edu materials are available here?</b> <br /><b>Ans:</b> Our Website Provides Educational Material like notes, pdf, Q&amp;A and Some Paid Contents at low price.</li><li><b>Previous Year Q. papers are available or not?</b><br /> <b>Ans:</b>Yes, Previous Year Q. Paper under DU &amp; GU are available on our best.</li><li><b>Previous Year Paper Solutions are available?</b><br /><b>Ans:</b>We are sorry for that query. Not at all but Some Paperwork are available. we'll updated all contacts as soon as possible.☺️</li></ol>
</div>
</div>
</div>
<div class="ac">
<div class="acCont">
<input class="acMn" id="offaccor2" name="accordion-2" type="checkbox" />
<label class="acTtl"><i class="acIcn"></i>
<span>Disclaimer </span>
</label>
<div class="cont">
<div> It is not a govt. or private company provided site. We are individually provide all our juniors to find out their solution easily &amp; improve their edu journey.
  if you find any query about our content then please inform us through our contact Page.
        </div><p></p>
<div>
<span style="color: red;">*</span>We are sharing these Note/pdf/paper/edu. update /News only for educational purpose and non profit Basis, We don't hold any Rights for the shared this content, files and its proper explanation are available on this blog. 
        <div><a class="extL" href="https://www.cbcsnote.com/p/contact-us.html"><b>Contact us</b></a><br /><a class="extL" href="https://www.cbcsnote.com/p/about.html"><b>About Us</b></a><br /><a class="extL" href="https://www.cbcsnote.com/p/disclaimer.html"><b>Disclaimer</b></a>
</div></div>
</div>
</div>
</div>
</div>




View⬇️

Style View



  1. What kind of edu materials are available here?
    Ans: Our Website Provides Educational Material like notes, pdf, Q&A and Some Paid Contents at low price.
  2. Previous Year Q. papers are available or not?
    Ans:Yes, Previous Year Q. Paper under DU & GU are available on our best.
  3. Previous Year Paper Solutions are available?
    Ans:We are sorry for that query. Not at all but Some Paperwork are available. we'll updated all contacts as soon as possible.☺️
It is not a govt. or private company provided site. We are individually provide all our juniors to find out their solution easily and improve their edu journey. if you find any query about our content then please inform us through our contact Page.

*We are sharing these Note/pdf/paper/edu. update /News only for educational purpose and non profit Basis, We don't hold any Rights for the shared this content, files and its proper explanation are available on this blog.


আমাৰ Edu Materials বা বিজ্ঞাপন কোনো ব্যক্তিগত প্ৰতিস্থান বা চৰকাৰী ভাবে প্ৰকাশিত নহয়। সঠিক তথ্য অনুসৰি প্ৰকাশিত ব্যৱহাৰ সুলভ ভাবে প্ৰচাৰিত কৰা হৈছে। আপোনাৰ কোনো ধৰণৰ Query বা অভিযোগ উপস্থাপন কৰিবলৈ আমাৰ editor ৰ লগত যোগাযোগ কৰিব পাৰে অথবা Contact Us ত দাখিল কৰক।{alertInfo}

Previous Post Next Post

Ads

Photo Ads