<h2style="font-weight:600;font-size:18px;background:#a4aafc;color:#fff;padding:10px;line-height:1.7em;box-shadow:02px10px0#cac9c9;text-align:center;user-select:none;cursor:pointer;border-left:30pxsolid#000ba3;border-right:30pxsolid#000ba3;">Your Heading is Here</h2>
Wish you may like those CSS codes. for greater like this. if you need more CSS heading then really ask in the remark container, I’ll be again with greater new and fashionable heading CSS.
To appreciate our works, consider keeping the credits in codes. We don't allow to rewrite this post in any manner. Don't copy this post, codes or any part from this article without Permission, it is strictly prohibited. If you do so, Legal Actions will be taken.
We only used then HTML, CSS and JS. Are you upset about your website speed? do not worry it doesn't affect your website speed.
Also do not worry about it this Accordion Section also has dark mode CSS that you just want to change the dark mode class that we gave with your theme dark mode class, you can fluently change it by following this tutorial precisely.
Benefits:-
• New Design for Sitemap with tab design!
• Get rip of the sitemaps' old look.
So without wasting important time let's check How to Create a New Tab Look Sitemap for Blogger?
Step 2: On Blogger Dashboard, click Pages and creat a new Page.
Step 3: Then if you are doing this in page then In post editor view, click icon at the bottom right of the title.Two options will appear: HTML view and Writing view, Select ' < > HTML View
Step 4: Now paste the following HTML code to thaat place.
<!---[ Sitemap source by The Tecky AaryaN ]---><scriptsrc="//dte-project.github.io/blogger/tabbed-toc.min.js?active=0&load=true&ad=false&date=%25M~%25%20%25D%25%2C%20%25Y%25"defer="defer"></script><style>.tabbed-toc{border:0;font-size:15px}.tabbed-toc-tabs{width:10em;font-size:14px}.tabbed-toc-tab{padding:015px;border-radius:3px003px;position:relative;transition:var(--trans-1);color:inherit}.tabbed-toc-tab::after{content:'';position:absolute;top:0;bottom:0;right:0;border-right:1px solid var(--linkC);opacity:0}.tabbed-toc-tab.active,.tabbed-toc-tab:hover{background:var(--transB)}.tabbed-toc-tab.active::after,.tabbed-toc-tab:hover::after{opacity:1}.tabbed-toc-tab.active{color:var(--linkC);opacity:.7}.ltr.tabbed-toc-panels{border-color:var(--contentL)}.ltr.tabbed-toc-time{position:relative;font-size:12px;opacity:.7}.tabbed-tocli{padding:5px7.5px;line-height:1.6em;min-height:40px;display:flex;align-items:center;justify-content:space-between}.tabbed-tocli>*{padding:07.5px;margin:0}.tabbed-toca{color:inherit}.tabbed-toc-title{font-size:16px}.tabbed-toc-titlesup{font-weight:400;font-size:12px;color:var(--linkC)}.drkM.ltr.tabbed-toc-panels{border-color:rgba(255,255,255,.1)}.drkM.tabbed-toc-tab.active,.drkM.tabbed-toc-titlesup{color:var(--darkL)}.drkM.tabbed-toc-tab::after{border-color:var(--darkL)}@media screen and (max-width:750px){.tabbed-tocnav{display:flex;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.tabbed-tocnav::-webkit-scrollbar{width:0;height:0}.tabbed-tocnav::-webkit-scrollbar-track{background:00}.tabbed-tocnav::-webkit-scrollbar-thumb{background:00;border:none}.tabbed-toc-tab{border-radius:3px3px00;white-space:nowrap;flex-shrink:0;scroll-snap-align:start}.tabbed-toc-tab::after{top:auto;left:0;border-right:0;border-bottom:1px solid var(--linkC)}.tabbed-tocol{margin-top:15px;padding:015px;list-style:decimal}.tabbed-tocli{display:list-item;padding:5px0;overflow:visible;list-style:inherit}.drkM.tabbed-toc-tab::after{border-color:var(--darkL)}}@media screen and (max-width:500px){.tabbed-toc-title{font-size:15px}}</style>
Step 5: Then Save or Publish.
To appreciate our works, consider keeping the credits in codes. We don't allow to rewrite this post in any manner. Don't copy this post, codes or any part from this article without Permission, it is strictly prohibited. If you do so, Legal Actions will be taken.
Before we start adding codes in XML, I will recommend you to take a Backup of your current theme. By chance if any problem occurs, you can restore it later.
Step 4: Now search for]]></b:skin> and paste the following CSS just ABOVE it.
/* widget deskripsi aplikasi by wendy code*/.wc-app-wrap{position:relative;color:#48525c;background-color:transparent;font-size:14px;}
.wc-app-wrapimg{width:100px;border-radius:10px;background-color:#fefefe;box-shadow:010px8px -8pxrgb(000 / 12%);padding:10px;border:1px solid #eceff1}
.wc-apknm{position:absolute;top:5px;left:120px;font-size:24px;font-weight:bold}
.wc-apkvs,.wc-apkpb{position:absolute;left:120px;top:40px}.wc-apkpb{top:70px}
.wc-apkvb,.wcapkdtl,.wc-apkvl{margin-top:20px;font-size:17px;font-weight:bold;border-bottom:1px solid #eceff1;padding-bottom:10px}.wc-apkvl{border:0}
.wcapkdtl{font-size:14px;font-weight:normal}.wcapkdtlb{margin-right:50px}
.wc-apk-btn{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;margin:30px auto;padding:10px25px;border-radius:30px;line-height:20px;color:#fefefe;background-color:#f89000;font-size:14px;font-weight:bold;width:calc(100% - 40px)}.wc-apk-btn:hover{opacity:.8}
ul.wc-appv-str{list-style:none;margin:15px05px -40px}
ul.wc-appv-strli{width:50%;float:left;padding-left:5px;padding-right:5px;margin-bottom:10px}
ul.wc-appv-strli.wc-app-dtl{padding:5px10px;border:1px solid #eceff1;border-radius:10px}
ul.wc-appv-strlia.wc-app-dtl&amp;amp;gt;span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px}
.wc-typstrspan{background:#f89000;text-align:center;display:inline-block;font-size:10px;color:#fff;border-radius:2px;min-width:32px;padding:05px}
.wc-typstrspan.blue-clr{background-color:#018dbc}ul.wc-appv-str.wc-apkdte{color:#48525c}
/* CSS darkmode ubah classnya jika berbeda atau hapus bagian ini*/.darkMode.wc-app-wrap{background-color:#1e1e1e;color:#fefefe}
.darkMode.wc-apk-btn{color:#fefefe}
.darkModeul.wc-appv-strli.wc-app-dtl,.darkMode.wc-apkvb,.darkMode.wcapkdtl{border-color:rgba(255,255,255,.1)}
Step 5: Now save
How to use
Please copy the HTML below and place it on the post page in HTML mode, the part I marked '#' please change with your download link and the rest please adjust it yourself.
<div class="wc-app-wrap">
<!--[icon Application]-->
<imgalt="Tecky AaryaN"src="https://blogger.googleusercontent.com/img/a/AVvXsEhsw7PUP_5frj-mDVttDrduB9YN2e3b1OtO_UswtTwFc2dURIs_nY3qlZEkXNhwguwTEiWc1Fc_MsFP0mqoKOuFfiK0WxvV8dt5cUIi4lko3m_myOE_OhwXN9q4jQhALElk5aOpDIQqmhRfYA2FzhS1Rp0JUdHrxlFpwaY-qpMIUpZyfN6vHTWzJfd-jWQ=s1453"title="Tecky AaryaN" />
<!--[icon application end]-->
<divclass="wc-apknm"><br /></div><divclass="wc-apknm"><br /></div><divclass="wc-apknm">Tecky Aaryan</div><divclass="wc-apkvs">Version 1.0.5</div><divclass="wc-apkpb">Tecky AaryaN (Group)</div><divclass="wc-apkvb">New Version</div><divclass="wcapkdtl"><b>Update</b>30 December 2023</div><divclass="wcapkdtl"><b>Category</b> Blog</div>
<!--[download button]-->
<aclass="wc-apk-btn"href="#"rel="noopener noreferrer"target="_blank">Download Apk 9.5M</a>
<!--[download button end]-->
<!--[old version start]-->
<divclass="wc-apkvl">Version Detail</div><ulclass="wc-appv-str"><!--[old version 1]--><li><aclass="wc-appdw-link"href="#"rel="noopener noreferrer"><divclass="wc-app-dtl"><spanclass="wc-appvs">1.0</span><spanclass="wc-typstr"><span>Apk</span></span><spanclass="wc-apkdte">12 July 2021</span></div></a></li><!--[old version 1 end]--><!--[old version 2]--><li><aclass="wc-appdw-link"href="#"rel="noopener noreferrer"><divclass="wc-app-dtl"><spanclass="wc-appvs">1.0.3</span><spanclass="wc-typstr"><span>Apk</span><spanclass="blue-clr">Obb</span></span><spanclass="wc-apkdte">18 August 2023</span></div></a></li><!--[old version 2 end]--></ul>
<!--[old version end]-->
</div></div>
Step 1: On Blogger Dashboard, click Pages and creat a new Page.
Step 2: Then if you are doing this in page then In post editor view, click icon at the bottom right of the title.Two options will appear: HTML view and Writing view, Select ' < > HTML View
Step 3: Now paste the following HTML code to thaat place.
To appreciate our works, consider keeping the credits in codes. We don't allow to rewrite this post in any manner. Don't copy this post, codes or any part from this article without Permission, it is strictly prohibited. If you do so, Legal Actions will be taken.
Vivek GYAN 7.0: The Next Generation of Tech Education
Vivek GYAN 7.0 is a popular tech education platform that offers a wide range of courses on topics such as programming, web development, data science, and artificial intelligence. In 2023, Vivek GYAN 7.0 launched its latest version, Vivek GYAN 7.0, which features a number of new and improved features.
One of the most significant changes in Vivek GYAN 7.0 is the introduction of a new learning methodology called "immersive learning.
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.
