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 blogspot2. 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&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 & 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 & 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⬇️
- 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. - Previous Year Q. papers are available or not?
Ans:Yes, Previous Year Q. Paper under DU & GU are available on our best. - 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.☺️
আমাৰ Edu Materials বা বিজ্ঞাপন কোনো ব্যক্তিগত প্ৰতিস্থান বা চৰকাৰী à¦াবে প্ৰকাশিত নহয়। সঠিক তথ্য অনুসৰি প্ৰকাশিত ব্যৱহাৰ সুলঠà¦াবে প্ৰচাৰিত কৰা হৈছে। আপোনাৰ কোনো ধৰণৰ Query বা অà¦িযোগ উপস্থাপন কৰিবলৈ আমাৰ editor ৰ লগত যোগাযোগ কৰিব পাৰে অথবা Contact Us ত দাখিল কৰক।{alertInfo}