Template

 

<!DOCTYPE html>
<html dir='ltr' lang='en'>
<!--[ Name : Plus UI Premium Version : 2.6.2 Date : Sep 10, 2022 Patched : July 28, 2023 Type : Premium Designer : Maki M. Website : aitech97.blogspot.com ============================================================================ NOTE : This theme is premium (paid). You can only get it by purchasing officially. If you get it for free through any method, that means you get it illegally. ============================================================================ ]-->
<!--[By Ai Tech 97]-->
<!--[ <head> Open ]-->
<head class='notranslate'>
<link href='https://codedscripts.blogspot.com/?m=1' rel='canonical'/>
<!--[ SingleItem title ]-->
<title>Blogger Enable Realtime Post Views Counter - Coded Scripts</title>
<!--[ Meta for browser ]-->
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='max-image-preview:large' name='robots'/>
<!--[ Link Canonical ]-->
<link href='https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' rel='canonical'/>
<link href='https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html?m=1' rel='alternate'/>
<!--[ Browser data, description and keyword ]-->
<meta content='Plus UI v2.6 by Fineshop Design: Realtime Blog Post views using Firebase. Activate it now!' name='description'/>
<meta content='Coded Scripts, Blogger Enable Realtime Post Views Counter, Keyword_1, Keyword_2, Keyword_3 ' name='keywords'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/w0/Realtime%20post%20views%20blogger.webp' rel='image_src'/>
<!--[ Generator and rrs ]-->
<meta content='blogger' name='generator'/>
<link href='https://codedscripts.blogspot.com/feeds/posts/default' rel='alternate' title='Coded Scripts » Atom' type='application/atom+xml'/>
<link href='https://codedscripts.blogspot.com/feeds/posts/default?alt=rss' rel='alternate' title='Coded Scripts » Feed' type='application/rss+xml'/>
<link href='https://codedscripts.blogspot.com/feeds/comments/default?alt=rss' rel='alternate' title='Coded Scripts » Comments Feed' type='application/rss+xml'/>
<!--[ Theme Color ]-->
<meta content='#482dff' name='theme-color'/>
<meta content='#482dff' name='msapplication-navbutton-color'/>
<meta content='#482dff' name='apple-mobile-web-app-status-bar-style'/>
<meta content='true' name='apple-mobile-web-app-capable'/>
<!--[ Favicon ]-->
<link href='https://codedscripts.blogspot.com/favicon.ico' rel='apple-touch-icon' sizes='120x120'/>
<link href='https://codedscripts.blogspot.com/favicon.ico' rel='apple-touch-icon' sizes='152x152'/>
<link href='https://codedscripts.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://codedscripts.blogspot.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<!--[ Open graph ]-->
<meta content='Blogger Enable Realtime Post Views Counter' property='og:title'/>
<meta content='https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' property='og:url'/>
<meta content='Coded Scripts' property='og:site_name'/>
<meta content='article' property='og:type'/>
<meta content='Plus UI v2.6 by Fineshop Design: Realtime Blog Post views using Firebase. Activate it now!' property='og:description'/>
<meta content='Blogger Enable Realtime Post Views Counter' property='og:image:alt'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/w0/Realtime%20post%20views%20blogger.webp' property='og:image'/>
<!--[ Twitter Card ]-->
<meta content='Blogger Enable Realtime Post Views Counter' name='twitter:title'/>
<meta content='https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' name='twitter:url'/>
<meta content='Plus UI v2.6 by Fineshop Design: Realtime Blog Post views using Firebase. Activate it now!' name='twitter:description'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='Blogger Enable Realtime Post Views Counter' name='twitter:image:alt'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/w0/Realtime%20post%20views%20blogger.webp' name='twitter:image:src'/>
<!--[ Site Verification ]-->
<!--<meta content='' name='msvalidate.01'/> <meta content='' name='copyright'/>-->
<!--[ Preconnect and DNS Prefetch ]-->
<link href='//1.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//2.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//3.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//4.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//blogger.googleusercontent.com' rel='preconnect dns-prefetch'/><link href='//lh3.googleusercontent.com' rel='preconnect dns-prefetch'/><link href='//www.blogger.com' rel='preconnect dns-prefetch'/><link href='//feeds.feedburner.com' rel='preconnect dns-prefetch'/><link href='https://codedscripts.blogspot.com/feeds/posts/default' rel='preconnect dns-prefetch'/><link href='https://codedscripts.blogspot.com/feeds/comments/default' rel='preconnect dns-prefetch'/><link href='//cdn.widgetpack.com' rel='preconnect dns-prefetch'/><link href='//translate.google.com' rel='preconnect dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='preconnect dns-prefetch'/><link href='//fonts.googleapis.com' rel='preconnect dns-prefetch'/><link href='//use.fontawesome.com' rel='preconnect dns-prefetch'/><link href='//ajax.googleapis.com' rel='preconnect dns-prefetch'/><link href='//resources.blogblog.com' rel='preconnect dns-prefetch'/><link href='//ajax.microsoft.com ' rel='preconnect dns-prefetch'/><link href='//ajax.aspnetcdn.com ' rel='preconnect dns-prefetch'/><link href='//github.com' rel='preconnect dns-prefetch'/><link href='//cdn.rawgit.com' rel='preconnect dns-prefetch'/><link href='//cdnjs.cloudflare.com' rel='preconnect dns-prefetch'/><link href='//www.google-analytics.com' rel='preconnect dns-prefetch'/><link href='//themes.googleusercontent.com ' rel='preconnect dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='preconnect dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='preconnect dns-prefetch'/><link href='//www.gstatic.com' rel='preconnect dns-prefetch'/><link href='//www.googletagservices.com' rel='preconnect dns-prefetch'/><link href='//static.xx.fbcdn.net' rel='preconnect dns-prefetch'/><link href='//tpc.googlesyndication.com' rel='preconnect dns-prefetch'/><link href='//apis.google.com' rel='preconnect dns-prefetch'/><link href='//www.w3.org' rel='preconnect dns-prefetch'/><link href='//www.facebook.com' rel='preconnect dns-prefetch'/><link href='//connect.facebook.net' rel='preconnect dns-prefetch'/><link href='//disqus.com' rel='preconnect dns-prefetch'/><link href='//plus.google.com' rel='preconnect dns-prefetch'/><link href='//twitter.com' rel='preconnect dns-prefetch'/><link href='//platform.twitter.com' rel='preconnect dns-prefetch'/><link href='//syndication.twitter.com' rel='preconnect dns-prefetch'/><link href='//r.twimg.com ' rel='preconnect dns-prefetch'/><link href='//p.twitter.com ' rel='preconnect dns-prefetch'/><link href='//cdn.api.twitter.com ' rel='preconnect dns-prefetch'/><link href='//www.youtube.com' rel='preconnect dns-prefetch'/><link href='//img.youtube.com' rel='preconnect dns-prefetch'/><link href='//www.pinterest.com' rel='preconnect dns-prefetch'/><link href='//statically.io/' rel='preconnect dns-prefetch'/><link href='//www.linkedin.com' rel='preconnect dns-prefetch'/><link href='//player.vimeo.com' rel='preconnect dns-prefetch'/><link href='//s3.amazonaws.com ' rel='preconnect dns-prefetch'/><link href='//s3.buysellads.com ' rel='preconnect dns-prefetch'/><link href='//stats.buysellads.com ' rel='preconnect dns-prefetch'/><link href='//cdn.adpacks ' rel='preconnect dns-prefetch'/>
<!--[ CSS stylesheet ]-->
<style><!-- /* <style id='page-skin-1' type='text/css'><!--
/* Variable color */ :root, :root .lgT:not(.drK), :root .theme0:not(.drK){/* Theme */ --themeC: #482dff; /* Body */ --headC: #08102b; --bodyC: #08102b; --bodyCa: #989b9f; --bodyB: #fdfcff; /* Link */ --linkC: #482dff; --linkB: #482dff; /* Wave */ --waveB: #C6DAFC; /* Icon */ --iconC: #08102b; --iconCa: #08102b; --iconCs: #767676; /* Header */ --headerC: #343435; --headerT: 16px; --headerW: 400; /* write 400(normal) or 700(bold) */ --headerB: #fffdfc; --headerL: 1px; --headerI: #08102b; --headerH: 60px; --headerHi: -60px; --headerHm: 60px; --headerR: 30px; /* Notif */ --notifH: 60px; --notifU: #e8f0fe; --notifC: #01579b; /* Content */ --contentB: #fffdfc; --contentL: #e6e6e6; --contentW: 1280px; --sideW: 300px; --transB: rgba(0,0,0,.05); /* Page */ --pageW: 780px; --pageW: 780px; --postT: 36px; --postF: 16px; --postTm: 28px; --postFm: 15px; /* Widget */ --widgetT: 15px; --widgetTw: 400; /* write 400(normal) or 700(bold) */ --widgetTa: 25px; --widgetTac: #989b9f; /* Nav */ --navW: 230px; --navT: #08102b; --navI: #08102b; --navB: #fffdfc; --navL: 1px; /* Search */ --srchI: #48525c; --srchB: #fffdfc; /* Mob Men */ --mobT: #08102b; --mobHv: #f1f1f0; --mobB: #fffdfc; --mobL: 1px; --mobBr: 12px; /* Footer */ --fotT: #08102b; --fotB: #fffdfc; --fotL: 1px; /* Font family */ --fontH: Google Sans Text,Arial,Helvetica,sans-serif; --fontB: Google Sans Text,Arial,Helvetica,sans-serif; --fontBa: Google Sans Text,Arial,Helvetica,sans-serif; --fontC: Google Sans Mono,monospace; /* Trans */ --trans-1: all .1s ease; --trans-2: all .2s ease; --trans-3: all .3s ease; --trans-4: all .4s ease; /* Synx */ --synxBg: #f6f6f6; --synxC: #2f3337; --synxOrange: #b75501; --synxBlue: #015692; --synxGreen: #54790d; --synxRed: #f15a5a; --synxGray: #656e77; /* Border Radius */ --buttonR: 50px; --greetR: 10px; --iconHr: 15px; --thumbEr: 5px; --srchMr: 20px; --srchDr : 20px; /* Dark */ --darkT: #fffdfc; --darkTa: #989b9f; --darkU: #41B375; --darkW: #343435; --darkB: #1e1e1e; --darkBa: #2d2d30; --darkBs: #252526;}
/* Dark Mode */ :root .drK{/* Theme */ --themeC: #1e1e1e;}
/* Theme 1 - Red */ :root .theme1:not(.drK){/* Theme */ --themeC: #D32F2F; /* Body */ --bodyB: #FFFCFD; /* Link */ --linkC: #F44336; --linkB: #F44336; /* Header */ --headerB: #FFEBEE; /* Notif */ --notifU: #FFEBEE; --notifC: #B71C1C; /* Search */ --srchB: #FFEBEE; /* MobMn */ --mobB: #FFEBEE; /* Wave */ --waveB: #FFEBEE;}
/* Theme 2 - Green */ :root .theme2:not(.drK){/* Theme */ --themeC: #00796B; /* Body */ --bodyB: #FCFFFC; /* Link */ --linkC: #009688; --linkB: #009688; /* Header */ --headerB: #E0F2F1; /* Notif */ --notifU: #E0F2F1; --notifC: #00796B; /* Search */ --srchB: #E0F2F1; /* MobMn */ --mobB: #E0F2F1; /* Wave */ --waveB: #E0F2F1;}
/* Theme 3 - Blue */ :root .theme3:not(.drK){/* Theme */ --themeC: #1565C0; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #1976D2; --linkB: #1976D2; /* Header */ --headerB: #E3F2FD; /* Notif */ --notifU: #E3F2FD; --notifC: #1565C0; /* Search */ --srchB: #E3F2FD; /* MobMn */ --mobB: #E3F2FD; /* Wave */ --waveB: #E3F2FD;}
/* Theme 4 - Yellow */ :root .theme4:not(.drK){/* Theme */ --themeC: #FFC107; /* Body */ --bodyB: #FFFEFA; /* Link */ --linkC: #FF8F00; --linkB: #FF8F00; /* Header */ --headerB: #FFF8E1; /* Notif */ --notifU: #FFF8E1; --notifC: #FF8F00; /* Search */ --srchB: #FFF8E1; /* MobMn */ --mobB: #FFF8E1; /* Wave */ --waveB: #FFF8E1;}
/* Theme 5 - Pink */ :root .theme5:not(.drK){/* Theme */ --themeC: #C2185B; /* Body */ --bodyB: #FFFCFD; /* Link */ --linkC: #D81B60; --linkB: #D81B60; /* Header */ --headerB: #FCE4EC; /* Notif */ --notifU: #FCE4EC; --notifC: #C2185B; /* Search */ --srchB: #FCE4EC; /* MobMn */ --mobB: #FCE4EC; /* Wave */ --waveB: #FCE4EC;}
/* Theme 6 - Orange */ :root .theme6:not(.drK){/* Theme */ --themeC: #E64A19; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #F4511E; --linkB: #F4511E; /* Header */ --headerB: #FBE9E7; /* Notif */ --notifU: #FBE9E7; --notifC: #E64A19; /* Search */ --srchB: #FBE9E7; /* MobMn */ --mobB: #FBE9E7; /* Wave */ --waveB: #FBE9E7;}
/* Theme 7 - Blue Grey */ :root .theme7:not(.drK){/* Theme */ --themeC: #455A64; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #546E7A; --linkB: #546E7A; /* Header */ --headerB: #ECEFF1; /* Notif */ --notifU: #ECEFF1; --notifC: #455A64; /* Search */ --srchB: #ECEFF1; /* MobMn */ --mobB: #ECEFF1; /* Wave */ --waveB: #ECEFF1;}
/* Theme 8 - Brown */ :root .theme8:not(.drK){/* Theme */ --themeC: #5D4037; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #5D4037; --linkB: #5D4037; /* Header */ --headerB: #EFEBE9; /* Notif */ --notifU: #EFEBE9; --notifC: #5D4037; /* Search */ --srchB: #EFEBE9; /* MobMn */ --mobB: #EFEBE9; /* Wave */ --waveB: #EFEBE9;}
/* Theme 9 - Purple */ :root .theme9:not(.drK){/* Theme */ --themeC: #7B1FA2; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #8E24AA; --linkB: #8E24AA; /* Header */ --headerB: #F3E5F5; /* Notif */ --notifU: #F3E5F5; --notifC: #7B1FA2; /* Search */ --srchB: #F3E5F5; /* MobMn */ --mobB: #F3E5F5; /* Wave */ --waveB: #F3E5F5;}
/* Theme 10 - Indigo */ :root .theme10:not(.drK){/* Theme */ --themeC: #283593; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #3949AB; --linkB: #3949AB; /* Header */ --headerB: #E8EAF6; /* Notif */ --notifU: #E8EAF6; --notifC: #283593; /* Search */ --srchB: #E8EAF6; /* MobMn */ --mobB: #E8EAF6; /* Wave */ --waveB: #E8EAF6;}
/* Pop-Up Box (Style 2) by Fineshop */
.popSc{position:fixed;top:0;bottom:0;left:0;right:0;padding:20px;background:rgba(255, 255, 255, 0.1);z-index:99980;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}
.popSc.hidden{display:none}
.popSc .popBo{position:relative;background:rgba(255, 255, 255, 0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;border-radius:20px;box-shadow:0 5px 25px rgb(0 0 0 / 20%)}
.popSc .popBo svg{display:block;width:50px;height:50px;fill:none !important;stroke:#08102b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.popSc .popBo h2{margin:10px 0 15px 0;font-size:1.2rem;font-weight:800;color:#08102b}
.popSc .popBo p{margin:0;line-height:1.7em;font-size:0.9rem;color:#08102b}
.popSc .popBo .popBtn{display:inline-flex;justify-content:center;align-items:center;height:50px;width:50px;outline:none;border:none;background:#482dff;border-radius:50%;margin-top:20px;transition:all .2s ease;-webkit-transition:all .2s ease}
.popSc .popBo .popBtn:hover{transform:scale(1.05);-webkit-transform:scale(1.05)}
.popSc .popBo .popBtn svg{width:24px;height:24px;stroke:#fff;flex-shrink:0}
.popSc .popBo .popBtn svg.r{animation:rotateIcn 1.5s infinite linear;-webkit-animation:rotateIcn 1.5s infinite linear}
.popSc{animation:popupBlur .3s ease-in; -webkit-animation:popupBlur .3s}
.popSc >*{animation:popupScale .3s ease-in; -webkit-animation:popupScale .3s}
.darkMode .popSc{background:rgba(0, 0, 0, 0.1)}
.darkMode .popSc .popBo{background:rgba(50, 50, 50, 0.8)}
.darkMode .popSc .popBo svg{stroke:#fefefe}
.darkMode .popSc .popBo p, .darkMode .popSc .popBo h2{color:#fefefe}
@keyframes popupBlur {from{opacity:0}to{opacity:1}}
@-webkit-keyframes popupBlur{from{opacity:0}to{opacity:1}}
@keyframes popupScale{from{transform:scale(0);animation-timing-function:ease-in;opacity:0}to{transform:scale(1);opacity:1}}
@-webkit-keyframes popupScale{from{-webkit-transform:scale(0);-webkit-animation-timing-function: ease-in;opacity:0}to{-webkit-transform:scale(1);opacity:1}}
@keyframes rotateIcn{from{transform:rotate(0deg)} to{transform:rotate(359deg)}}
@-webkit-keyframes rotateIcn{from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(359deg)}}

--></style>
<style>/*<![CDATA[*/
/* Desktop Fonts */
/* Font Body and Alternative */ @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2iw.woff2) format('woff2')}
/* Font Heading */ @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:700;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmhjtg.woff2) format('woff2')}
/* Source Code Font */ @font-face{font-family:'Google Sans Mono';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Mono'),local('Google-Sans-Mono'),url(https://fonts.gstatic.com/s/googlesansmono/v4/P5sUzYWFYtnZ_Cg-t0Uq_rfivrdYH4RE8-pZ5gQ1abT53wVQGrk.woff2) format('woff2')}
/*]]>*/
/*<![CDATA[*/
/* Standar CSS */ ::selection{color:#fff;background:var(--linkB)} .drK ::selection{background:var(--darkU)} *, ::after, ::before{-webkit-box-sizing:border-box;box-sizing:border-box} *{-webkit-tap-highlight-color:transparent} h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:var(--fontH);color:var(--headC)} h1{font-size:1.9rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.4rem} h5{font-size:1.3rem} h6{font-size:1.2rem} a{color:var(--linkC);text-decoration:none} a:hover{opacity:.9;transition:opacity .1s} table{border-spacing:0} iframe{max-width:100%;border:0;margin-left:auto;margin-right:auto} input, button, select, textarea{font:inherit;font-size:100%;color:inherit;line-height:normal} input::placeholder{color:rgba(0,0,0,.5)} img{display:block;position:relative;max-width:100%;height:auto} svg{width:22px;height:22px;fill:var(--iconC)} svg.line, svg .line{fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round; stroke-width:1} svg.c-1{fill:var(--iconCa)} svg.c-2{fill:var(--iconCs); opacity:.4} .hidden{display:none !important} .invisible{visibility:hidden !important} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both} .fCls{display:block;position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;z-index:1;transition:var(--trans-1);background:transparent;opacity:0;visibility:hidden} .free::after, .new::after{display:inline-block;content:'Free!';color:var(--linkC);font-size:12px;font-weight:400;margin:0 5px} .new::after{content:'New!'} svg .svgC{fill:var(--linkC)} svg.line .svgC{fill:none;stroke:var(--linkC)} .drK svg .svgC{fill:var(--darkU)} .drK svg.line .svgC{fill:none;stroke:var(--darkU)} .blog-admin, .bD .bmPs, .pInf .pIc .bmPs, .bmPs>svg .d, .isBkm, .cBkPs, .ckW, .tocL, .headR .headM .themeBtn, .cusW{display:none} .lazy.loaded, .tocL, .pVws:not(.hidden){animation:opaCity .5s 0s;-webkit-animation:opaCity .5s 0s}
/* Unfilled Ads */ ins.adsbygoogle[data-ad-status="unfilled"]{display:none !important}
/* Main Element */ html{scroll-behavior:smooth;overflow-x:hidden} body{-webkit-font-smoothing:antialiased;position:relative;top:0!important;margin:0;padding:0!important;width:100%;font-family:var(--fontB);font-size:14px;color:var(--bodyC);background:var(--bodyB);-webkit-font-smoothing:antialiased;animation:opaCity 1s 0s;-webkit-animation:opaCity 1s 0s} .secIn{margin:0 auto;padding-left:20px;padding-right:20px;max-width:var(--contentW)}
/* Notif Section */ .ntfC{display:flex;align-items:center;position:relative;min-height:var(--notifH);background:var(--notifU);color:var(--notifC);padding:10px 15px; font-size:13px; transition:var(--trans-1);overflow:hidden;border-radius:10px;margin-bottom:20px} .ntfC::before{content:'';width:60px;height:60px;background:rgba(0,0,0,.15);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .Rtl .ntfC::before{left:unset;right:-12px} .ntfC .secIn{width:100%;position:relative} .ntfC .c{display:flex;align-items:center} .ntfT{width:100%; padding-right:15px; text-align:center} .ntfT a{color:var(--linkC);font-weight:700} .ntfI:checked ~ .ntfC{height:0;min-height:0;margin:0;padding:0;opacity:0;visibility:hidden} .ntfA{display:inline-flex;align-items:center;justify-content:center;text-align:initial} .ntfA >a{flex-shrink:0;white-space:nowrap;display:inline-block; margin-left:10px;padding:8px 12px;border-radius:var(--buttonR);background:#fffdfc;color:var(--notifC);font-size:12px;font-weight:400;box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%);text-decoration:none} .drK .ntfA >a{background:var(--darkU);color:#fffdfc}
/* Fixed/Pop-up Element */ .fixL{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;margin-bottom:-100%;z-index:20;transition:var(--trans-1);width:100%;height:100%;opacity:0;visibility:hidden} .fixLi, .fixL .cmBri{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:12px;transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .fixLs{padding:60px 20px 20px;overflow-y:scroll;overflow-x:hidden;width:100%;background:var(--contentB)} .fixH, .mnH{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2} .fixH .cl{padding:0 10px;display:flex;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px} .fixH .c::after, .ntfC .c::after, .mnH .c::before{content:'\2715';line-height:18px;font-size:14px} .fixT::before{content:attr(data-text);flex-grow:1;padding:16px 10px;font-size:90%;opacity:.7} .fixT .c::before, .mnH .c::after{content:attr(aria-label);font-size:11px;margin:0 8px;opacity:.6} .fixi:checked ~ .fixL, #comment:target .fixL{margin-bottom:0;opacity:1;visibility:visible} .fixi:checked ~ .fixL .fCls, #comment:target .fixL .fCls, .BlogSearch input:focus ~ .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .shBri{max-width:520px} /* display:flex */ .headI, .bIc{display:flex;align-items:center}
/* Header Section */ header{width:100%;z-index:10; position:-webkit-sticky;position:sticky;top:0;box-shadow:0 0 15px rgba(0,0,0,.07)} header a{display:block;color:var(--bodyC)} header svg{width:20px;height:20px;fill:var(--headerI); opacity:.8} header svg.line{fill:none;stroke:var(--headerI)} .headIc .tNav svg >*{opacity:0;transition:var(--trans-1)} .hdMn .navI:not(:checked) ~ .mainWrp .headIc .tNav .h1, .hdMn .navI:checked ~ .mainWrp .headIc .tNav .h2, .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .headIc .tNav .h2, .bD:not(.hdMn) .navI:checked ~ .mainWrp .headIc .tNav .h1{opacity:1} .headCn{position:relative;height:var(--headerH);color:var(--headerC);background:var(--headerB); display:flex} .headL{display:flex;align-items:center;width: var(--navW) ; /* change var(--navW) to increase header title width */ padding:0 0 0 20px; transition:var(--trans-1)} .headL .headIc{flex:0 0 30px} .headL .headN{width:calc(100% - 30px); padding:0 0 0 5px} .headR{padding:0 25px; flex-grow:1; transition:var(--trans-1)} .headI .headP{display:flex;justify-content:flex-end;position:relative} .headI .headS{} .headI{height:100%; justify-content:space-between; position:relative;width:calc(100% + 15px);left:-7.5px;right:-7.5px} .headI >*{margin:0 7.5px} .headIc{font-size:11px;display:flex;list-style:none;margin:0;padding:0} .headIc >*{position:relative} .headIc svg{z-index:1} .headIc .tNav .l{stroke:var(--linkC)} .drK .headIc .tNav .l{stroke:var(--darkU)} .headIc .isSrh{display:none} ul.headIc{position:relative;width:calc(100% + 14px);left:-7px;right:-7px;justify-content:flex-end} ul.headIc li{margin:0 2px} ul.headIc li >*{cursor:pointer} .Header{background-repeat:no-repeat;background-size:100%;background-position:center} .Header img{max-width:160px;max-height:45px} .Header .headH{display:block;color:inherit;font-size:var(--headerT); font-weight:var(--headerW)} .Header .headH.hasSub{display:flex;align-items:baseline} .Header .headTtl{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block} .Header .headSub{margin:0 5px;font:400 11px var(--fontB); white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:60px;opacity:.6} .Header .headSub::before{content:attr(data-text)} /* Icon */ .tIc{width:30px;height:30px;justify-content:center} .tIc::after{content:'';background:var(--transB);border-radius:var(--iconHr);position:absolute;left:0;right:0;top:0;bottom:0;transition:var(--trans-1);opacity:0;visibility:hidden} .tIc:hover::after{opacity:1;visibility:visible;transform:scale(1.3,1.3)} .tDL .d2, .drK .tDL .d1{display:none} ul.headIc li .fCls, .headR .headM, .isDrk .cusW{cursor:auto}
/* mainIn Section */ .mainWrp:after{content:'';display:block;position:absolute;top:0;right:0;width:170px;height:170px;border-radius:0 0 0 200px;background:rgba(0,0,0,.02);z-index:-1} .drK .mainWrp:after{background:rgba(0,0,0,.10)} .blogCont{flex-grow:1;padding:20px 0 0;position:relative;transition:var(--trans-1)} .blogCont .section:not(.no-items), .blogCont .widget:not(:first-child){margin-top:40px} .blogCont .section:first-child, .blogCont footer .section:not(:first-child), .blogCont footer .widget:not(:first-child), .blogCont .section.mobMn, #notif-widget .widget:not(:first-child){margin-top:0} .blogAd .section:not(.no-items){margin-bottom:40px} #notif-widget .widget:first-child{margin-bottom:20px} .blogM{flex-wrap:wrap;justify-content:center;padding-bottom:40px} .sidebar{max-width:500px;margin:50px auto 0} .sideSticky{position:-webkit-sticky;position:sticky;top:calc(var(--headerH) + 10px)} .onPs .blogM .mainbar{max-width:var(--pageW)} .onPg .blogM .mainbar{max-width:var(--pageW)}
/* mainNav */ .mnBrs{background:var(--contentB)} .mnBr a{color:inherit} .mnBr ul{list-style:none;margin:0;padding:0} .mnMob{align-self:flex-end;background:inherit;border-top:1px solid var(--contentL);bottom:0;left:0;padding:15px 20px 20px;position:absolute;right:0;text-align:center;z-index:1} .mnMob .mSoc{display:flex;justify-content:center;left:-7px;margin-top:5px;position:relative;right:-7px;width:calc(100% + 14px)} .mnMob:not(.no-items) + .mnMen{padding-bottom:100px} .mnMen{padding:20px 15px} .mMenu{margin-bottom:10px} .mMenu >*{display:inline} .mMenu >*:not(:last-child)::after{content:'\00B7';font-size:90%;opacity:.6} .mMenu a:hover{text-decoration:underline} .mSoc >*{position:relative} .mSoc svg{z-index:1} .mSoc svg, .mnMn svg{width:20px;height:20px;opacity:.8} .mSoc span, .mMenu span{opacity:.7} .mNav{display:none;position:relative;max-width:30px} .mNav svg{height:18px;opacity:.7;z-index:1} .mnMn >li{position:relative} .mnMn >li.br::after{content:'';display:block;border-bottom:1px solid var(--contentL);margin:12px 5px} .mnMn li:not(.mr) .a:hover, .mnMn ul li >*:hover{background:var(--transB)} .mnMn li:not(.mr) .a:hover, .mnMn ul li a:hover{color:var(--linkC)} .mnMn li:not(.mr) ul{padding-left:30px} .mnMn li ul{display:none;opacity:0;visibility:hidden} .mnMn ul li >*, .mnMn .a{display:flex;align-items:center;padding:10px 5px;position:relative;width:calc(100% + 10px);left:-5px;right:-5px;border-radius:8px;transition:var(--trans-1)} .mnMn ul li >*{padding:10px} .mnMn li li a >*{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:flex;line-height:20px;overflow:hidden} .mnMn li li a >* svg{margin-right:5px} .mnMn .a >*{margin:0 5px} .mnMn .a:hover svg:not(.d){fill:var(--linkC)} .mnMn .a:hover svg.line:not(.d){fill:none;stroke:var(--linkC)} .mnMn .n, .mnMn ul li >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(100% - 64px)} .mnMn svg{flex-shrink:0} .mnMn svg.d{width:14px;height:14px} .mnMn .drp.mr .a{font-size:13px;padding-bottom:0;opacity:.7} .mnMn .drp.mr svg.d{display:none} .mnMn .drpI:checked ~ .a svg.d{transform:rotate(180deg)} .mnMn .drpI:checked ~ ul{display:block;position:relative;opacity:1;visibility:visible} @media screen and (min-width:897px){.bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*, .hdMn .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*{margin-left:5px;overflow:visible;width:calc(100% + 5px)} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul::before{border-left:1px solid;content:'';display:block;height:calc(100% - 20px);left:15px;opacity:.2;position:absolute;width:1px} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul li a::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul li a::before{border-bottom:1px solid;content:'';display:block;height:1px;left:-15px;opacity:.2;position:absolute;top:17.5px;width:13px} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul.s li a::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul.s li a::before{top:20px} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul:not(.s)::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul:not(.s)::before{height:calc(100% - 18.5px)} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg, .hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg{fill:var(--linkC)} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg.line, .hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line{fill:none;stroke:var(--linkC)} .drK:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg, .drK.hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg{fill:var(--darkU)} .drK:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg.line, .drK.hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line{fill:none;stroke:var(--darkU)} .Rtl:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp ul:before, .Rtl.hdMn .navI:checked ~ .mainWrp .blogMn .drp ul:before{left:unset;right:15px} .Rtl:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*, .Rtl.hdMn .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*{margin-left:0;margin-right:5px} .Rtl:not(.hdMn) .navI:not(checked) ~ .mainWrp .blogMn .drp ul li a:before, .Rtl.hdMn .navI:checked ~ .mainWrp .blogMn .drp ul li a:before{left:unset;right:-15px}} @media screen and (max-width:896px){.bD .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*{margin-left:5px;overflow:visible;width:calc(100% + 5px)} .bD .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul::before{border-left:1px solid;content:'';display:block;height:calc(100% - 20px);left:15px;opacity:.2;position:absolute;width:1px} .bD .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul li a::before{border-bottom:1px solid;content:'';display:block;height:1px;left:-15px;opacity:.2;position:absolute;top:17.5px;width:13px} .bD .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul.s li a::before{top:20px} .bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg{fill:var(--linkC)} .bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line{fill:none;stroke:var(--linkC)} .drK.bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg{fill:var(--darkU)} .drK.bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line{fill:none;stroke:var(--darkU)} .Rtl .navI:checked ~ .mainWrp .blogMn .drp ul:before{left:unset;right:15px} .Rtl .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*{margin-left:0;margin-right:5px} .Rtl .navI:checked ~ .mainWrp .blogMn .drp ul li a:before{left:unset;right:-15px}}
/* Mobile Menu */ .mobMn{position:fixed;left:0;right:0;bottom:0; border-top:1px solid var(--mobL);border-radius:var(--mobBr) var(--mobBr) 0 0;background:var(--mobB);color:var(--mobT);padding:0 20px;box-shadow:0 -10px 25px -5px rgba(0,0,0,.1);z-index:2;font-size:12px} .mobMn svg.line{stroke:var(--mobT);opacity:.8} .mobMn ul{height:55px;display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0} .mobMn li{display:flex;justify-content:center;flex:1 0 20%} .mobMn li >*{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;border-radius:20px;padding:0 8px;transition:var(--trans-1);color:inherit} .mobMn li svg{margin:0 3px;flex-shrink:0} .mobMn li >*::after{content:attr(data-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:0;margin:0;transition:inherit;opacity:.7} .mobMn li >*:hover::after{max-width:70px;margin:0 3px} .mobMn .nmH{opacity:.7} .mobMn li >*:hover{background:var(--mobHv)} .mobMn li >*:hover svg.line{fill:var(--mobT) !important;opacity:.5} .mobMn li >*:hover svg.line .svgC{fill:var(--linkB) !important;stroke:var(--linkB)} /* Style 2 */ .MN-2 .mobMn{font-size:10px} .mobS .mobMn li >*{flex-direction:column;position:relative} .mobS .mobMn li >*:hover{background:transparent} .MN-2 .mobMn li >*::after{max-width:none} /* Style 3 */ .MN-3 .mobMn li >*::after, .MN-4 .mobMn li >*::after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;bottom:-2px;opacity:0} .MN-3 .mobMn li >*:hover::after, .MN-4 .mobMn li >*:hover::after{background:var(--linkB);opacity:.7} .MN-3 .mobMn li >*:hover svg.line, .MN-4 .mobMn li >*:hover svg.line{stroke:var(--linkB);fill:var(--linkB) !important;opacity:.7} /* Style 4 */ .MN-4 .mobMn{left:15px;right:15px;bottom:15px;padding:0 10px;border-radius:var(--headerR);box-shadow: 0 5px 35px rgba(0,0,0,.1);transition:bottom 1.2s ease;-webkit-transition:bottom 1.2s ease} .MN-4 .mobMn.slide{bottom:-150px;transition:bottom 1.5s ease;-webkit-transition:bottom 1.5s ease}

/* Back to Top */ .toTopB{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:20px;width:45px;height:45px;border-radius:50%;cursor:pointer;visibility:hidden;opacity:0;z-index:5;transform:scale(0);transition:transform .3s ease, opacity .3s ease,visibility .3s ease,margin-bottom 1s ease} .toTopB.vsbl{visibility:visible;opacity:1;transform:scale(1)} .MN-4 .toTopB{bottom:20px} .toTopB:hover{opacity:.8} .toTopB svg{height:100%;width:100%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;cursor:pointer} .toTopB svg .b{fill:#fff;stroke:#e6e6e6;opacity:.9} .toTopB svg .c{fill:none;stroke:var(--linkC);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round} .toTopB svg .d{fill:none;stroke:var(--iconC)} .drK .toTopB svg .b{fill:var(--darkBa);stroke:#404045} .drK .toTopB svg .c{stroke:var(--darkU)} .drK .toTopB svg .d{stroke:var(--darkT)}

/* Footer */ footer{font-size:97%;line-height:1.8em;color:var(--fotT);padding:40px 0 20px} .footer{padding:20px;background:var(--fotB);box-shadow: 0 5px 35px rgba(0,0,0,.1);border-radius:10px} footer .LinkList a, footer .sL li >*{display:inline-block;color:inherit;line-height:20px} footer .LinkList a:hover{text-decoration:underline} footer .LinkList ul:not(.sL) li::before{content:'\2013'; opacity:.3} footer .sL{display:flex;flex-wrap:wrap;align-items:baseline;font-size:13px;opacity:.8} footer .sL li{display:inline-flex;align-items:baseline} footer .sL li:not(:first-child)::before{content:'/';margin:0 5px} footer .sL li >*::before{content:attr(data-text)} .fotIn ul{list-style:none;margin:0;padding:0} .fotIn{display:flex;flex-wrap:wrap;position:relative;width:calc(100% + 30px);left:-15px;right:-15px} .fotIn >*{width:calc(21.666% - 30px);margin:0 15px} .fotIn >*:first-child{width:calc(35% - 30px)} .fotIn .widget{margin-bottom:30px} .fotIn .widget .title{color:inherit;margin-bottom:12px;font-weight:700;font-size:14px} .abtU{max-width:calc(100% - 25px)} .abtU::before{content:attr(data-text);font-size:13px; opacity:.6;display:block;margin-bottom:3px} .abtU >*{align-items:center;display:flex;justify-content:space-between;margin:10px 0} .abtU .pu-views::before{content:'We have served the best performance ' attr(data-text) ' times.';opacity:.8} .abtL{flex:0 0 70px;width:70px;height:70px;background-repeat:no-repeat;background-size:100%;background-position:center;border-radius:10px} .abtT{flex:0 0 calc(100% - 82px)} .abtT .tl{color:inherit; font-size:1.3rem} .abtD{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;line-height:1.4em;margin:4px 0 0;overflow:hidden}
/* Footer Credit and Backtop */ footer .credit a{display:inline-flex;align-items:center} footer .credit a svg{width:13px;height:13px;margin:0 3px;fill:var(--linkC)} .cdtIn{display:flex;align-items:baseline;justify-content:space-between; position:relative;width:calc(100% + 20px);left:-10px;right:-10px} .cdtIn >*{margin:0 10px} .cdtIn .HTML{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .fotCd{display:inline-flex} .fotCd .creator{opacity:0} .tTop svg{width:20px;height:20px;stroke:var(--fotT)} .toTop{display:flex;align-items:center; white-space:nowrap} .toTop::before{content:attr(data-text); opacity:.7;margin:0 5px} .toTopF{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--linkB);position:fixed;bottom:20px;right:20px} .toTopF svg{stroke:#fffdfc;stroke-width:2}
/* Wave Animation */ .wvC{position:absolute;bottom:0;width:100%;z-index:-1} .wvS{position:relative} .wvS .waves{position:absolute;bottom:0;width:100%;height:60px;min-height:100px;max-height:150px} .wvH{position:relative;height:0;background:var(--waveB)} .plx > use{fill:var(--waveB);animation:waveMove 25s cubic-bezier(.55,.5,.45,.5) infinite} .plx > use:nth-child(1){opacity:.7;animation-delay:-2s;animation-duration:7s} .plx > use:nth-child(2){opacity:.5;animation-delay:-3s;animation-duration:10s} .plx > use:nth-child(3){opacity:.3;animation-delay:-4s;animation-duration:13s} .plx > use:nth-child(4){opacity:1;animation-delay:-5s;animation-duration:20s} .drK .wvH{background:var(--darkW)} .drK .plx > use{fill:var(--darkW)} @keyframes waveMove{0%{transform: translate3d(-90px,0,0)}100%{transform: translate3d(85px,0,0)}}
/* Article Section */ .onIndx .blogPts, .itemFt .itm{display:flex;flex-wrap:wrap;align-items:center;position:relative; width:calc(100% + 20px);left:-10px;right:-10px} .onIndx .blogPts >*, .itemFt .itm >*{flex:0 0 calc(50% - 20px);width:calc(50% - 20px); margin-bottom:0;margin-left:10px;margin-right:10px} .onIndx .blogPts >*{background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px;margin-bottom:20px;padding:10px 10px 45px;position:relative} .onIndx .blogPts .pTag{padding-bottom:0} .onIndx .pTag .pInf{display:none} .onIndx .blogPts .pInf{position:absolute;bottom:15px;left:15px;right:15px} .onIndx .blogPts{align-items:stretch} .onIndx .blogPts.mty{display:block;width:100%;left:0;right:0} .onIndx .blogPts.mty .noPosts{width:100%;margin:0} .onIndx .blogPts div.ntry{padding-bottom:0;flex:0 0 calc(100% - 20px)} .blogPts .ntry.noAd .widget/*, .Blog ~ .HTML*/{display:none} .cPst .pLbls >*{padding:16px 3px} .cPst .pLbls >*:not(:last-child){padding-right:0} .cPst .pLbls >*:not(:last-child)::after{padding-left:3px} .ctgry article{animation:ctgryFade 1.5s;-webkit-animation:ctgryFade 1.5s} @keyframes ctgryFade{from{opacity:0}to{opacity:1}} @-webkit-keyframes ctgryFade{from{opacity:0}to{opacity:1}}
/* Blog title */ .blogTtl{font-size:14px; margin:0 0 30px;width:calc(100% + 16px);display:flex;justify-content:space-between;position:relative;left:-8px;right:-8px} .blogTtl .t, .blogTtl.hm .title{margin:0 8px;flex-grow:1} .blogTtl .t span{font-weight:400;font-size:90%; opacity:.7} .blogTtl .t span::before{content:attr(data-text)} .blogTtl .t span::after{content:''; margin:0 4px} .blogTtl .t span.hm::after{content:'/'; margin:0 8px}
/* No Post */ .blogPts .noPosts{min-height:120px;display:flex;align-items:center;justify-content:center;padding-top:40px}
/* Thumbnail */ .pThmb{flex:0 0 calc(50% - 12.5px);overflow:hidden;position:relative;border-radius:5px; margin-bottom:20px;background:var(--transB)} .pThmb .thmb{display:block;position:relative;padding-top:52.335%;color:inherit;transition:var(--trans-4);-webkit-transition:var(--trans-4)} article:hover .thmb{transform:scale(1.03);-webkit-transform:scale(1.03)} .pThmb .thmb amp-img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;max-height:108%;text-align:center;transform:translate(-50%, -50%)} .pThmb div.thmb span::before{content:attr(data-text); opacity:.7; white-space:nowrap} .pThmb:not(.nul)::before{position:absolute;top:0;right:0;bottom:0;left:0; transform:translateX(-100%); background-image:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 20%, rgba(255,255,255,.6) 60%, rgba(255,255,255, 0)); animation:shimmer 2s infinite;content:''} .pThmb.iyt:not(.nul) .thmb::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,.4) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11.9999V8.43989C4 4.01989 7.13 2.2099 10.96 4.4199L14.05 6.1999L17.14 7.9799C20.97 10.1899 20.97 13.8099 17.14 16.0199L14.05 17.7999L10.96 19.5799C7.13 21.7899 4 19.9799 4 15.5599V11.9999Z'/></svg>") center / 35px no-repeat; opacity:0;transition:var(--trans-1)} .pThmb.iyt:not(.nul):hover .thmb::after{opacity:1}
/* Sponsored */ .iFxd{display:flex;justify-content:flex-end;position:absolute;top:0;left:0;right:0;padding:10px 6px;font-size:13px;line-height:16px} .iFxd.l{right:auto} .Rtl .iFxd.l{right:0;left:auto} .iFxd >*{display:flex;align-items:center;margin:0 5px;padding:5px 2.5px;border-radius:var(--thumbEr);background:var(--contentB);color:inherit;box-shadow:0 8px 25px 0 rgba(0,0,0,.1)} .iFxd >* svg{width:16px;height:16px;stroke-width:1.5;margin:0 2.5px;opacity:.7} .iFxd .cmnt, .iFxd .pV{padding:5px;color:var(--bodyC)} .iFxd .bM{overflow:hidden;cursor:pointer} .iFxd .bM::after{content:attr(aria-label);white-space:nowrap;transition:all .4s cubic-bezier(.18,.89,.32,1.28);width:0;opacity:0;visibility:hidden} .iFxd .bM:hover::after{width:63px;opacity:1;visibility:visible} .iFxd .bM.a::after{content:attr(data-added)} .iFxd .bM.a:hover::after{width:50px} .iFxd .bM:hover{opacity:.8} .iFxd .pV.hidden{display:none} .iFxd .cmnt::after, .iFxd .pV::after{content:attr(data-text);margin:0 2.5px;opacity:.8} .drK .iFxd >* svg.line{stroke:var(--iconC)}
/* Label */ .pLbls::before, .pLbls >*::before{content:attr(data-text)} .pLbls::before{opacity:.7} .pLbls a:hover{text-decoration:underline} .pLbls >*{color:inherit;display:inline;padding:16px 0} .pLbls >*:not(:last-child)::after{content:'/'}
/* Profile Images and Name */ .im{width:35px;height:35px;border-radius:16px; background-color:var(--transB);background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center} .im svg{width:18px;height:18px;opacity:.4} .nm::after{content:attr(data-text)}
/* Title and Entry */ .pTtl{font-size:1.1rem;line-height:1.5em} .pTtl.sml{font-size:1rem} .pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:700; line-height:1.3em} .pTtl.itm.nSpr{margin-bottom:30px} .aTtl a:hover{color:var(--linkC)} .aTtl a, .pSnpt{color:inherit; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .pEnt{margin-top:40px; font-size:var(--postF);font-family:var(--fontBa); line-height:1.8em}
/* Snippet, Description, Headers and Info */ .onIndx .pCntn{padding:0 5px} .pHdr{margin-bottom:8px} .pHdr .pLbls{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; opacity:.8} .pSml{font-size:93%} .pSnpt{-webkit-line-clamp:2;margin:12px 0 0;font-family:var(--fontB);font-size:14px;line-height:1.5em; opacity:.8} .pSnpt.nTag{color:var(--linkC);opacity:1;margin-bottom:10px} .pDesc{font-size:16px;line-height:1.5em;margin:8px 0 25px;opacity:.7} .pInf{display:flex;align-items:baseline;justify-content:space-between; margin-top:15px} .pInf.nTm{margin:0} .pInf.nSpr .pJmp{opacity:1} .pInf.nSpr .pJmp::before{content:attr(aria-label)} .pInf.ps{background:var(--contentB);box-shadow:0 0 25px rgba(0,0,0,.07);padding:15px;border-radius:10px;justify-content:flex-start;align-items:center;margin-top:25px;position:relative;width:100%} .drK .pInf.ps{background:var(--darkBa)} .pInf.ps .pTtmp{opacity:1} .pInf.ps .pTtmp::before{content:attr(data-date) ' '} .pInf.ps .pTtmp::after{display:inline} .pInf.ps.nul{display:none} .pInf .pIm{flex-shrink:0;margin-right:8px} .Rtl .pInf .pIm{margin-right:0;margin-left:8px} .pInf .pNm{flex-grow:1;width:calc(100% - 160px);display:inline-flex;flex-wrap:wrap;align-items:baseline} .pInf .pNm.l{display:none} .pInf .pCm{flex-shrink:0;max-width:58px;margin:0 2px} .pInf .pCm.l{max-width:95px} .pInf .pIc{display:inline-flex;justify-content:flex-end;position:relative;width:calc(100% + 10px);left:-5px;right:-5px} .pInf .pIc >*{display:flex;align-items:center;justify-content:center;width:30px;height:30px;position:relative;margin:0 2px;color:inherit} .pInf .pIc svg{width:20px;height:20px;opacity:.8;z-index:1} .pInf .pIc .cmnt::before{content:attr(data-text);font-size:11px;line-height:18px;padding:0 5px;border-radius:10px;background:#e6e6e6;color:var(--bodyC);position:absolute;top:-5px;right:0;z-index:2} .pInf .pDr{opacity:.7;display:inline-block;margin:0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%} .pInf .pDr >*:not(:first-child)::before{content:'\00B7';margin:0 5px} .pInf a.nm{color:var(--bodyC)} .pInf a.nm:hover::after{text-decoration:underline} .drK .pInf a.nm{color:var(--darkT)} .pInf .pIn{display:inline} .pInf .nm{margin:0 4px} /*.pInf .n .nm::before{content:attr(data-write) ' ';opacity:.7}*/ .pInf .im{width:28px;height:28px} .aTtmp{opacity:.8} .aTtmp, .pJmp{overflow:hidden} .pTtmp::after, .pJmp::before, .iTtmp::before{content:attr(data-text); display:block;line-height:18px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .pJmp{display:inline-flex;align-items:center; opacity:0; transition:var(--trans-2)} .pJmp::before{content:attr(aria-label)} .pJmp svg{height:18px;width:18px;stroke:var(--linkC); flex-shrink:0} .ntry:hover .pJmp, .itm:hover .pJmp{opacity:1} .ntry:not(.noAd) .pJmp, .itemFt .itm .pJmp{animation:indicator 2s 3s infinite} .ntry:not(.noAd):hover .pJmp, .itemFt:hover .itm .pJmp{animation:none}
/* Product view */ .pTag .pPad{padding:10px 0} .pTag .pPric{font-size:20px;color:var(--linkC);padding-top:20px} .pTag .pPric::before, .pTag .pInfo small{content:attr(data-text);font-size:small;opacity:.8;display:block;line-height:1.5em;color:var(--bodyC)} .pTag .pInfo{font-size:14px;line-height:1.6em} .pTag .pInfo:not(.o){position:relative;width:calc(100% + 20px);left:-10px;right:-10px;display:flex} .pTag .pInfo:not(.o) >*{width:50%;padding:0 10px} .pTag .pMart{margin:10px 0 12px;display:flex;flex-wrap:wrap;line-height:1.6em; position:relative;width:calc(100% + 8px);left:-4px;right:-4px} .pTag .pMart >*{margin:0 4px} .pTag .pMart small{width:calc(100% - 8px);margin-bottom:10px} .pTag .pMart a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--contentL);border-radius:12px;margin-bottom:8px} .pTag .pMart img{width:20px;display:block}
/* Blog pager */ .blogPg{display:flex;flex-wrap:wrap;justify-content:center;font-size:90%;font-family:var(--fontB);line-height:20px;color:#fffdfc;margin:25px 0 50px;max-width:100%} .blogPg >*{display:flex;justify-content:center;align-items:center;min-width:40px;padding:10px 13px;margin:5px;color:inherit;background:var(--linkB);border-radius:var(--buttonR);box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px} .blogPg >* svg{width:18px;height:18px; stroke:var(--darkT); stroke-width:1.5} .blogPg >*::before{content:attr(data-text)} .blogPg .jsLd{margin-left:auto;margin-right:auto} .blogPg .nwLnk::before, .blogPg .jsLd::before{display:none} .blogPg .nwLnk::after, .blogPg .jsLd::after{content:attr(data-text); margin:0 8px} .blogPg .olLnk::before{margin:0 8px} .blogPg .nPst, .blogPg .current{background:var(--contentL); color:var(--bodyCa)} .blogPg .nPst.jsLd svg{fill:var(--darkTa);stroke:var(--darkTa)} .blogPg .nPst svg.line{stroke:var(--darkTa)}
/* Breadcrumb */ .brdCmb{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .brdCmb a{color:var(--bodyC)} .brdCmb >*:not(:last-child)::after{content:'/'; margin:0 4px;font-size:90%;opacity:.6} .brdCmb >*{display:inline} .brdCmb .tl::before{content:attr(data-text)} .brdCmb .hm a{font-size:90%;opacity:.7}
/* Article Style */ .pS h1, .pS h2, .pS h3, .pS h4, .pS h5, .pS h6{margin:1.5em 0 18px; font-family:var(--fontBa);font-weight:700; line-height:1.5em} .pS h1:target, .pS h2:target, .pS h3:target, .pS h4:target, .pS h5:target, .pS h6:target{padding-top:var(--headerH);margin-top:0}
/* Paragraph */ .pS p{margin:1.7em 0} .pIndent{text-indent:2.5rem} .onItm:not(.Rtl) .dropCap{float:left;margin:4px 8px 0 0; font-size:55px;line-height:45px;opacity:.8} .pS hr{margin:3em 0; border:0} .pS hr::before{content:'\2027 \2027 \2027'; display:block;text-align:center; font-size:24px;letter-spacing:0.6em;text-indent:0.6em;opacity:.8;clear:both} .pRef{display:block;font-size:14px;line-height:1.5em; opacity:.7; word-break:break-word}
/* Img and Ad */ .pS img{display:inline-block;border-radius:5px;height:auto !important} .pS img.full{display:block !important; margin-bottom:10px; position:relative; width:100%;max-width:none} .pS .widget, .ps .pAd >*{margin:40px 0}
/* Note */ .note{position:relative;padding:16px 20px 16px 50px;background:var(--notifU);color:#3c4043; font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden} .note::before{content:'';width:60px;height:60px;background:rgba(0,0,0,.4);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .note::after{content:'\002A';position:absolute;left:18px;top:16px; font-size:20px; min-width:15px;text-align:center} .note.wr{background:#ffdfdf;color:#48525c} .note.wr::after{content:'\0021'} .drK .note{background:var(--darkBs);color:rgba(255,255,255,.9)}
/* Ext link */ .extL{display:inline-flex;align-items:center} .extL::after{content:''; width:14px;height:14px; display:inline-block;margin:0 5px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M13 11L21.2 2.80005'/><path d='M22 6.8V2H17.2'/><path d='M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13'/></svg>") center / 14px no-repeat} .extL.alt::after{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3'/><line x1='8' y1='12' x2='16' y2='12'/></svg>")}
/* Scroll img */ .psImg{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center; margin:2em 0; position:relative;left:-7px;right:-7px; width:calc(100% + 14px)} .psImg >*{width:calc(50% - 14px); margin:0 7px 14px; position:relative} .psImg img{display:block} .scImg >*{width:calc(33.3% - 14px); margin:0 7px} .btImg label{position:absolute;top:0;left:0;right:0;bottom:0; border-radius:5px; display:flex;align-items:center;justify-content:center; background:rgba(0,0,0,.6); transition:var(--trans-1); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px); color:var(--darkT); font-size:13px;font-family:var(--fontB)} .hdImg .shImg{width:100%;margin:0; left:0;right:0; transition:var(--trans-1); max-height:0;opacity:0;visibility:hidden} .inImg:checked ~ .hdImg .shImg{max-height:1000vh;opacity:1;visibility:visible} .inImg:checked ~ .hdImg .btImg label{opacity:0;visibility:hidden}
/* Post related */ .pRelate{margin:40px 0;padding:20px 0; border:1px solid #989b9f;border-left:0;border-right:0; font-size:14px;line-height:1.8em} .pRelate a, .drK .pRelate a{color:inherit} .pRelate a:hover{text-decoration:underline} .pRelate b{font-weight:400; margin:0;opacity:.8} .pRelate ul, .pRelate ol{margin:8px 0 0;padding:0 20px}
/* Blockquote */ blockquote, .cmC i[rel=quote]{position:relative;font-size:.97rem; opacity:.8;line-height:1.6em;margin-left:0;margin-right:0;padding:5px 20px;border-left:2px solid var(--contentL)} blockquote.s-1, details.sp{font-size:.93rem; padding:25px 25px 25px 45px; border:1px solid #989b9f;border-left:0;border-right:0;line-height:1.7em} blockquote.s-1::before{content:'\201D';position:absolute;top:10px;left:0; font-size:60px;line-height:normal;opacity:.5}
/* Table */ .ps table{margin:0 auto; font-size:14px;font-family:var(--fontB)} .ps table:not(.tr-caption-container){min-width:90%;border:1px solid var(--contentL);border-radius:3px;overflow:hidden} .ps table:not(.tr-caption-container) td{padding:16px} .ps table:not(.tr-caption-container) tr:not(:last-child) td{border-bottom:1px solid var(--contentL)} .ps table:not(.tr-caption-container) tr:nth-child(2n+1) td{background:rgba(0,0,0,.01)} .ps table th{padding:16px; text-align:inherit; border-bottom:1px solid var(--contentL)} .ps .table{display:block; overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth}
/* Img caption */ figure{margin-left:0;margin-right:0} .ps .tr-caption, .psCaption, figcaption{display:block; font-size:14px;line-height:1.6em; font-family:var(--fontB);opacity:.7}
/* Syntax */ .pre{background:var(--synxBg);color:var(--synxC); direction: ltr} .pre:not(.tb){position:relative;border-radius:3px;overflow:hidden;margin:1.7em auto;font-family:var(--fontC)} .pre pre{margin:0;color:inherit;background:inherit} .pre:not(.tb)::before, .cmC i[rel=pre]::before{content:'</>';display:flex;justify-content:flex-end;position:absolute;right:0;top:0;width:100%;background:inherit;color:var(--synxGray);font-size:10px;padding:0 10px;z-index:2;line-height:30px} .pre:not(.tb).html::before{content:'.html'} .pre:not(.tb).css::before{content:'.css'} .pre:not(.tb).js::before{content:'.js'} .pre:not(.tb):hover::before{content:'Double click to copy | </>'} .pre:not(.tb).html:hover::before{content:'Double click to copy | .html'} .pre:not(.tb).css:hover::before{content:'Double click to copy | .css'} .pre:not(.tb).js:hover::before{content:'Double click to copy | .js'} .pre[data-text]:not([data-text='']):not(.tb)::before{content:attr(data-text)} .pre[data-text]:not([data-text='']):not(.tb):hover::before{content:'Double Click to Copy | ' attr(data-text)} pre, .cmC i[rel=pre]{display:block;position:relative;font-family:var(--fontC);font-size:13px;line-height:1.6em;border-radius:3px;background:var(--synxBg);color:var(--synxC);padding:30px 20px 20px;margin:1.7em auto; -moz-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none; overflow:auto;direction:ltr;white-space:pre} pre i{font-style:normal} pre i.block{color:#fff;background:var(--synxBlue)} pre i.green{color:var(--synxGreen)} pre i.gray{color:var(--synxGray)} pre i.red{color:var(--synxOrange)} pre i.blue{color:var(--synxBlue)} code{display:inline;padding:5px;font-size:14px;border-radius:3px;line-height:inherit;color:var(--synxC);background:#f2f3f5;font-family:var(--fontC)}
/* Multi syntax */ .pre.tb{border-radius:5px} .pre.tb pre{margin:0;background:inherit} .pre.tb .preH{font-size:13px;border-color:rgba(0,0,0,.05);margin:0} .pre.tb .preH >*{padding:13px 20px} .pre.tb .preH::after{content:'</>';font-size:10px;font-family:var(--fontC);color:var(--synxGray);padding:15px;margin-left:auto} .pre.tb >:not(.preH){display:none} .pS input[id*="1"]:checked ~ div[class*="C-1"], .pS input[id*="2"]:checked ~ div[class*="C-2"], .pS input[id*="3"]:checked ~ div[class*="C-3"], .pS input[id*="4"]:checked ~ div[class*="C-4"]{display:block}
/* ToC */ .pS details summary{list-style:none;outline:none} .pS details summary::-webkit-details-marker{display:none} details.sp{padding:16px 20px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border:0;border-radius:10px;} details.sp summary{display:flex;justify-content:space-between;align-items:baseline} details.sp summary::after{content:attr(data-show);padding:4px 10px;background:var(--linkB);color:#fffdfc;font-size:12px;border-radius:var(--buttonR);cursor:pointer} details.sp[open] summary::after{content:attr(data-hide)} details.toc a:hover{text-decoration:underline} details.toc a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit} details.toc ol, details.toc ul{padding:0 20px; list-style-type:decimal} details.toc li ol, details.toc li ul{margin:5px 0 10px; list-style-type:lower-alpha}
/* Accordion */ .showH{margin:1.7em 0;font-size:.93rem;font-family:var(--fontB);line-height:1.7em} details.ac{padding:18px 15px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);margin:20px 0;border-radius:10px} details.ac summary{font-weight:700;cursor:default; display:flex;align-items:baseline; transition:var(--trans-1);cursor:pointer} details.ac summary::before{content:'\203A'; flex:0 0 25px;display:flex;align-items:center;justify-content:flex-start;padding:0 5px; font-weight:400;font-size:1.33rem;color:inherit} details.ac[open] summary{color:var(--linkC)} details.ac:not(.alt)[open] summary::before{transform:rotate(90deg);padding:0 0 0 5px;justify-content:center} details.ac.alt summary::before{content:'\002B'; padding:0 2px} details.ac.alt[open] summary::before{content:'\2212'} details.ac .aC{padding:0 15px;opacity:.9} .drK details.sp, .drK details.ac{background:var(--darkBs)} .drK details.sp summary::after{background:var(--darkU)}
/* Tabs */ .tbHd{display:flex; border-bottom:1px solid var(--contentL);margin-bottom:30px;font-size:14px;font-family:var(--fontB);line-height:1.6em; overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .tbHd >*{padding:12px 15px; border-bottom:1px solid transparent; transition:var(--trans-1);opacity:.6;white-space:nowrap; scroll-snap-align:start} .tbHd >*::before{content:attr(data-text)} .tbCn >*{display:none;width:100%} .tbCn >* p:first-child{margin-top:0} .pS input[id*="1"]:checked ~ .tbHd label[for*="1"], .pS input[id*="2"]:checked ~ .tbHd label[for*="2"], .pS input[id*="3"]:checked ~ .tbHd label[for*="3"], .pS input[id*="4"]:checked ~ .tbHd label[for*="4"]{border-color:var(--linkB);opacity:1} .pS input[id*="1"]:checked ~ .tbCn div[class*="Text-1"], .pS input[id*="2"]:checked ~ .tbCn div[class*="Text-2"], .pS input[id*="3"]:checked ~ .tbCn div[class*="Text-3"], .pS input[id*="4"]:checked ~ .tbCn div[class*="Text-4"]{display:block} .tbHd.stick{position:-webkit-sticky;position:sticky;top:var(--headerH);background:var(--bodyB)}
/* Split */ .ps .blogPg{font-size:13px; justify-content:center; position:relative;width:calc(100% + 8px);left:-4px;right:-4px} .ps .blogPg >*{padding:8px 15px;margin:0 4px 8px}
/* Button */ .button{display:inline-flex;align-items:center; margin:10px 0;padding:12px 15px;outline:0;border:0; border-radius:var(--buttonR);line-height:20px; color:#fffdfc; background:var(--linkB); font-size:14px;font-family:var(--fontB); white-space:nowrap;overflow:hidden;max-width:320px} .button.ln{color:inherit;background:transparent; border:1px solid var(--bodyCa)} .button.ln:hover{border-color:var(--linkB);box-shadow:0 0 0 1px var(--linkB) inset} .btnF{display:flex;justify-content:center; margin:10px 0;width:calc(100% + 12px);left:-6px;right:-6px;position:relative} .btnF >*{margin:0 6px}
/* Download btn */ .dlBox{max-width:500px;background:#f1f1f0;border-radius:10px;padding:12px;margin:1.7em 0; display:flex;align-items:center; font-size:14px} .dlBox .fT{flex-shrink:0;display:flex;align-items:center;justify-content:center; width:45px;height:45px; padding:10px; background:rgba(0,0,0,.1);border-radius:var(--buttonR)} .dlBox .fT::before{content:attr(data-text);opacity:.7} .dlBox .fT.lazy{background-size:cover;background-position:center;background-repeat:no-repeat} .dlBox .fT.lazy::before{display:none} .dlBox a{flex-shrink:0;margin:0;padding:10px 12px;border-radius:var(--buttonR);font-size:13px} .dlBox a::after{content:attr(aria-label)} .dlBox .fN{flex-grow:1; width:calc(100% - 200px);padding:0 15px} .dlBox .fN >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dlBox .fS{line-height:16px;font-size:12px;opacity:.8} .dldCo{display:flex;align-items:center;justify-content:center;max-width:480px;background:rgba(0,0,0,.03);border-radius:10px;margin:30px 0;transition:margin .6s ease;-webkit-transition:margin .6s ease} .dldCo::before{content:'Generating Download Link...';position:absolute;z-index:1;font-size:13px;font-family:var(--fontB);opacity:.8} .dldBx{visibility:hidden;opacity:0;transition:opacity .3s ease;-webkit-transition:opacity .3s ease} .dldSl{visibility:hidden;opacity:0;transition:opacity .3s ease,bottom .6s ease;-webkit-transition:opacity .3s ease,bottom .6s ease} .drK .dldCo{background:var(--darkBa)}
/* Icon btn */ .icon{flex-shrink:0;display:inline-flex} .icon::before{content:'';width:18px;height:18px;background-size:18px;background-repeat:no-repeat;background-position:center} .icon::after{content:'';padding:0 6px} .icon.dl::before, .drK .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><polyline points='8 17 12 21 16 17'/><line x1='12' y1='12' x2='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>")} .icon.demo::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M7.39999 6.32003L15.89 3.49003C19.7 2.22003 21.77 4.30003 20.51 8.11003L17.68 16.6C15.78 22.31 12.66 22.31 10.76 16.6L9.91999 14.08L7.39999 13.24C1.68999 11.34 1.68999 8.23003 7.39999 6.32003Z'/><path d='M10.11 13.6501L13.69 10.0601'/></svg>")} .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308102b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><polyline points='8 17 12 21 16 17'/><line x1='12' y1='12' x2='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>")}
/* Article Style Responsive */ @media screen and (max-width: 640px){.pS img.full{width:calc(100% + 40px);left:-20px;right:-20px; border-radius:0} .note{font-size:13px} .scImg{flex-wrap:nowrap;justify-content:flex-start;position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 13px; overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .scImg >*{flex:0 0 80%;scroll-snap-align:center} .ps .table{position:relative; width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px; display:flex}} @media screen and (max-width:500px){.hdImg{width:100%;left:0;right:0} .hdImg >*, .shImg >*{width:100%;margin:0 0 16px} .ps .tr-caption, .psCaption, figcaption{font-size:13px} .btnF >*{flex-grow:1;justify-content:center}.btnF >*:first-child{flex:0 0 auto} .dlBox a{width:42px;height:42px;justify-content:center} .dlBox a::after, .dlBox .icon::after{display:none}}
/* Author profile */ .admAbt{padding-top:30px} .admPs{display:flex; max-width:480px;margin:30px 0; padding:12px 12px 15px; background:var(--contentB);border-radius:8px; box-shadow:0 10px 25px -3px rgba(0,0,0,.1)} .admIm{flex-shrink:0; padding:5px 0 0} .admIm .im{width:34px;height:34px} .admI{flex-grow:1; width:calc(100% - 34px);padding:0 12px} .admN::before{content:attr(data-write) ' '; opacity:.7;font-size:90%} .admN::after{content:attr(data-text)} .admA{margin:5px 0 0; font-size:90%; opacity:.9;line-height:1.5em; /*display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden*/}
/* Share btn */ .pSh{margin:15px 0;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.05)} .pShc{display:flex;align-items:center;flex-wrap:wrap; position:relative;width:calc(100% + 18px);left:-9px;right:-9px;font-size:13px} .pShc::before{content:attr(data-text);margin:0 9px;flex-shrink:0} .pShc >*{margin:0 5px; display:flex;align-items:center; color:inherit;padding:12px;border-radius:var(--buttonR);background:#f1f1f0} .pShc .c{color:#fffdfc} .pShc .c svg{fill:#fffdfc} .pShc .c::after{content:attr(aria-label)} .pShc .fb{background:#1778F2} .pShc .wa{background:#128C7E} .pShc .tw{background:#1DA1F2} .pShc a::after{content:attr(data-text);margin:0 3px} .pShc svg, .cpL svg{width:18px;height:18px; margin:0 3px} .shL{position:relative;width:calc(100% + 20px);left:-10px;right:-10px;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center} .shL >*{margin:0 10px 20px;text-align:center} .shL >*::after{content:attr(data-text);font-size:90%;opacity:.7;display:block} .shL a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap; width:65px;height:65px; color:inherit;margin:0 auto 5px;padding:8px;border-radius:26px;background:#f1f1f0} .shL svg{opacity:.8} .cpL{padding-bottom:15px} .cpL::before{content:attr(data-text);display:block;margin:0 0 15px;opacity:.8} .cpL svg{margin:0 4px;opacity:.7} .cpL input{border:0;outline:0; background:transparent;color:rgba(8,16,43,.4); padding:18px 8px;flex-grow:1} .cpL label{color:var(--linkC);display:flex;align-items:center;align-self:stretch; flex-shrink:0;padding:0 8px} .cpLb{display:flex;align-items:center;position:relative;background:#f1f1f0;border-radius:4px 4px 0 0;border-bottom:1px solid rgba(0,0,0,.25); padding:0 8px} .cpLb:hover{border-color:rgba(0,0,0,.42);background:#ececec} .cpLn span{display:block;padding:5px 14px 0;font-size:90%;color:#2e7b32; transition:var(--trans-1);animation:fadein 2s ease forwards; opacity:0;height:22px} /* Label Hashtags */ .lbHt{position:relative;display:block;width:calc(100% + 40px);right:-20px;left:-20px;padding:8px 17px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lbHt >*{color:var(--bodyC);padding:9px 12px;background:var(--contentB);font-family:var(--fontVa);font-size:13px;border-radius:var(--greetR);box-shadow:3px 6px 15px rgba(0,0,0,.07);display:inline-flex;margin:0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8} .drK .lbHt >*{background:var(--darkBa);color:var(--darkT)} .Rtl .lbHt{text-align:right} .Rtl .lbHt{margin-right:0;margin-left:5px}
/* Widget Style */ .widget .imgThm{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:108%; font-size:12px;text-align:center; transform:translate(-50%, -50%)} .widget .title{margin:0 0 25px; font-size:var(--widgetT);font-weight:var(--widgetTw);position:relative} .widget .title.dt::before{position:absolute;top:0;right:0;content:'';width:20px;height:20px;display:inline-block;opacity:.3;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 276.167 276.167' fill='%23989b9f'><path d='M33.144,2.471C15.336,2.471,0.85,16.958,0.85,34.765s14.48,32.293,32.294,32.293s32.294-14.486,32.294-32.293 S50.951,2.471,33.144,2.471z'/><path d='M137.663,2.471c-17.807,0-32.294,14.487-32.294,32.294s14.487,32.293,32.294,32.293c17.808,0,32.297-14.486,32.297-32.293 S155.477,2.471,137.663,2.471z'/><path d='M243.873,67.059c17.804,0,32.294-14.486,32.294-32.293S261.689,2.471,243.873,2.471s-32.294,14.487-32.294,32.294 S226.068,67.059,243.873,67.059z'/><path d='M243.038,170.539c17.811,0,32.294-14.483,32.294-32.293c0-17.811-14.483-32.297-32.294-32.297 s-32.306,14.486-32.306,32.297C210.732,156.056,225.222,170.539,243.038,170.539z'/><path d='M136.819,170.539c17.804,0,32.294-14.483,32.294-32.293c0-17.811-14.478-32.297-32.294-32.297 c-17.813,0-32.294,14.486-32.294,32.297C104.525,156.056,119.012,170.539,136.819,170.539z'/><path d='M243.771,209.108c-17.804,0-32.294,14.483-32.294,32.294c0,17.804,14.49,32.293,32.294,32.293 c17.811,0,32.294-14.482,32.294-32.293S261.575,209.108,243.771,209.108z'/></svg>") center / 20px no-repeat} .Rtl .widget .title::before{right:auto;left:0;transform:rotate(-90deg);-webkit-transform:rotate(-90deg)} .widget .title::after{content:'';display:inline-block;vertical-align:middle; width:var(--widgetTa); margin:0 10px;border-bottom:1px solid var(--widgetTac); opacity:.5} .widget input[type=text], .widget input[type=email], .widget textarea{display:block;width:100%;outline:0;border:0;border-bottom:1px solid rgba(0,0,0,.25);border-radius:4px 4px 0 0;background:#f3f3f4; padding:25px 16px 8px 16px; line-height:1.6em; transition:var(--trans-1)} .widget input[type=text]:hover, .widget input[type=email]:hover, .widget textarea:hover{border-color:rgba(0,0,0,.42);background:#ececec} .widget input[type=text]:focus, .widget input[type=email]:focus, .widget textarea:focus, .widget input[data-text=fl], .widget textarea[data-text=fl]{border-color:var(--linkB);background:#ececec} .widget input[type=button], .widget input[type=submit]{display:inline-flex;align-items:center; padding:12px 30px; outline:0;border:0;border-radius:4px; color:#fffdfc; background:var(--linkB); font-size:14px; white-space:nowrap;overflow:hidden;max-width:100%} .widget input[type=button]:hover, .widget input[type=submit]:hover{opacity:.7}
/* Widget BlogSearch */ .BlogSearch{position:fixed;top:0;left:0;right:0;z-index:12} .BlogSearch form{position:relative;min-width:320px} .BlogSearch input{position:relative;display:block;background:var(--srchB);border:0;outline:0;margin-top:-100%;padding:10px 55px;width:100%;height:72px;transition:var(--trans-1);z-index:2;border-radius:0 0 var(--srchMr) var(--srchMr)} .BlogSearch input:focus{margin-top:0;box-shadow:0 10px 40px rgba(0,0,0,.2)} .BlogSearch input:focus ~ button.sb{opacity:.9} .BlogSearch .sb{position:absolute;left:0;top:0;display:flex;align-items:center;padding:0 20px;z-index:3;opacity:.7;height:100%;background:transparent;border:0;outline:0} .BlogSearch .sb svg{width:18px;height:18px;stroke:var(--srchI)} .BlogSearch button.sb{left:auto;right:0;opacity:0;font-size:13px} .BlogSearch button.sb::before{content:'\2715'} @media screen and (min-width:897px){header .BlogSearch{position:static;z-index:1} header .BlogSearch input{margin-top:0;padding:12px 42px;height:auto;font-size:13px;border-radius:var(--srchDr);background:rgba(0,0,0,.03); width:calc(100% + 26px);left:-13px;right:-13px;transition:var(--trans-2)} header .BlogSearch input:hover{background:var(--transB)} header .BlogSearch input:focus{box-shadow:none;margin-top:0; background:var(--transB)} header .BlogSearch .sb{padding:0} header .BlogSearch .fCls{display:none}}
/* Widget Profile */ .prfI:checked ~ .mainWrp .wPrf{top:0;opacity:1;visibility:visible} .prfI:checked ~ .mainWrp .wPrf ~ .fCls{z-index:3;opacity:1;visibility:visible} .wPrf{display:flex;position:absolute;top:-5px;right:0;background:var(--contentB);border-radius:16px 5px 16px 16px;width:260px;max-height:400px;box-shadow:0 10px 25px -3px rgba(0,0,0,.1);transition:var(--trans-1);z-index:4;opacity:0;visibility:hidden;overflow:hidden} .wPrf .prfS{background:inherit} .wPrf.tm .im{width:39px;height:39px;flex-shrink:0} .wPrf.sl .im{width:60px;height:60px;border-radius:26px;margin:0 auto} .wPrf.sl .prfC{text-align:center} .prfH .c{display:none} .prfL{display:flex;align-items:center;position:relative;width:calc(100% + 16px);left:-8px;right:-8px;border-radius:8px;padding:8px 0;transition:var(--trans-1)} .prfL::after{content:attr(data-text);margin:0 2px} .prfL >*{margin:0 8px;flex-shrink:0} a.prfL:hover{background:var(--transB)} .sInf{margin-bottom:0} .sInf .sDt .l{display:inline-flex;align-items:center} .sInf .sTxt{margin:5px auto 0;max-width:320px;font-size:93%;opacity:.9;line-height:1.5em} .sInf .sTxt a{text-decoration:underline} .sInf .lc{display:flex;justify-content:center;margin:10px 0 0;opacity:.8;font-size:90%} .sInf .lc svg{width:16px;height:16px} .sInf .lc::after{content:attr(data-text);margin:0 4px}
/* Widget Scroll Menu */ .navS{background:var(--navB);overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch; display:flex;padding:0;border-radius:10px} .navS ul{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap} .navS li{margin:0 15px;padding:10px 0;position:relative;scroll-snap-align:start} .navS li:first-child{margin-left:auto} .navS li:last-child{margin-right:auto} .navS .l{display:block;color:var(--bodyC);padding:8px 0} .navS .l::before{content:attr(data-text)} .navS .l::after{content:'';height:1px;border-radius:2px 2px 0 0;background:var(--linkC);position:absolute;bottom:0;left:0;right:0;opacity:0} .navS span.l{opacity:.7} .navS a.l:hover, .navS .l.a{color:var(--linkC)} @media screen and (max-width:896px){.navS .secIn{padding:0} .navS li{margin:0;padding:8px 0;display:flex} .navS li::before{content:'';padding:10px} .navS ul::after{content:'';display:block;padding:10px;scroll-snap-align:start} .navS .l{position:relative} .navS .l::after{bottom:-8px} .navS a.l:hover::after, .navS .l.a::after{opacity:1}} @media screen and (max-width:500px){.navS{font-size:13px}} .drK .navS{background:var(--darkBs)} .drK .navS .l{color:var(--darkC)} .drK .navS a.l:hover, .drK .navS .l.a{color:var(--darkU)} .drK .navS .l::after{background:var(--darkU)}
/* Widget FeaturedPost */ @media screen and (min-width:501px){.FeaturedPost .itemFt{position:relative;overflow:hidden;padding:10px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px} .drK .FeaturedPost .itemFt{background:var(--darkBa)} .FeaturedPost .itemFt::after{content:'';position: absolute;right:0;top:0;width:40px;height:15px;background:var(--linkB);border-radius:0 0 0 20px;opacity:.2}} .itemFt .itm >*{flex:0 0 310px;width:310px} .itemFt .itm >*:last-child{flex:1 0 calc(100% - 310px - 40px);width:calc(100% - 310px - 40px)}
/* Widget PopularPosts */ .PopularPosts{padding:20px 20px 30px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px} .itemPp{counter-reset:p-cnt} .itemPp .iCtnt{display:flex} .itemPp >*:not(:last-child){margin-bottom:25px} .itemPp .iCtnt::before{flex-shrink:0;content:'0' counter(p-cnt);counter-increment:p-cnt;width:25px;opacity:.6;font-size:85%;line-height:1.8em} .iInr{flex:1 0;width:calc(100% - 25px)} .iTtl{font-size:.95rem;font-weight:700;line-height:1.5em} .iTtmp{display:inline-flex} .iTtmp::after{content:'\2014';margin:0 5px; color:var(--widgetTac);opacity:.7} .iInf{margin:0 25px 8px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .iInf .pLbls{display:inline;opacity:.8}
/* Widget Label */ /* List Label */ .Label{padding:20px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px} .wL ul{display:flex;flex-wrap:wrap; list-style:none;margin:0;padding:0; position:relative;width:calc(100% + 30px);left:-15px;right:-15px; font-size:13px} .wL li{width:calc(50% - 10px); margin:0 5px} .wL li >*{display:flex;align-items:baseline;justify-content:space-between; color:var(--bodyC);width:100%; padding:8px 10px;border-radius:4px;line-height:20px} .wL li >* svg{width:18px;height:18px;opacity:.8} .wL li >*:hover svg, .wL li >div svg{/*fill:var(--linkC) !important;*/stroke:var(--linkC)} .wL li >*:hover .lbC, .wL li >div .lbC{color:var(--linkC)} .wL .lbR{display:inline-flex;align-items:center} .wL .lbR .lbC{margin:0 5px} .wL .lbAl{max-height:0; overflow:hidden; transition:var(--trans-4)} .wL .lbM{display:inline-block; margin-top:10px;line-height:20px; color:var(--linkC);cursor:pointer} .wL .lbM::before{content:attr(data-show)} .wL .lbM::after, .wL .lbC::after{content:attr(data-text)} .wL .lbM::after{margin:0 8px} .wL .lbT{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7} .wL .lbC, .wL .lbM::after{flex-shrink:0;font-size:12px;opacity:.7} .lbIn:checked ~ .lbAl{max-height:1000vh} .lbIn:checked ~ .lbM::before{content:attr(data-hide)} .lbIn:checked ~ .lbM::after{visibility:hidden} .wL.bg ul{width:calc(100% + 10px);left:-5px;right:-5px} .wL.bg li{margin-bottom:10px} .wL.bg li >*{background:#f6f6f6} /* Cloud Label */ .wL.cl{display:flex;flex-wrap:wrap} .wL.cl >*, .wL.cl .lbAl >*{display:block;max-width:100%} .wL.cl .lbAl{display:flex;flex-wrap:wrap} .wL.cl .lbC::before{content:'';margin:0 4px;flex:0 0} .wL.cl .lbN{display:flex;justify-content:space-between; margin:0 0 8px;padding:9px 13px; border:1px solid var(--contentL);border-radius:3px; color:inherit;line-height:20px} .wL.cl .lbN:hover .lbC, .wL.cl div.lbN .lbC{color:var(--linkB); opacity:1} .wL.cl .lbN:not(div):hover, .wL.cl div.lbN{border-color:var(--linkB)} .wL.cl .lbSz{display:flex} .wL.cl .lbSz::after{content:'';margin:0 4px;flex:0 0}
/* Widget ContactForm */ .ContactForm{max-width:500px; font-family:var(--fontB);font-size:14px} .cArea:not(:last-child){margin-bottom:25px} .cArea label{display:block;position:relative} .cArea label .n{display:block;position:absolute;left:0;right:0;top:0; color:rgba(8,16,43,.4);line-height:1.6em;padding:15px 16px 0;border-radius:4px 4px 0 0;transition:var(--trans-1)} .cArea label .n.req::after{content:'*';font-size:85%} .cArea textarea{height:100px} .cArea textarea:focus, .cArea textarea[data-text=fl]{height:200px} .cArea input:focus ~ .n, .cArea textarea:focus ~ .n, .cArea input[data-text=fl] ~ .n, .cArea textarea[data-text=fl] ~ .n{padding-top:5px;color:rgba(8,16,43,.7);font-size:90%;background:#ececec} .cArea .h{display:block;font-size:90%;padding:5px 16px 0;opacity:.7;line-height:normal} .nArea .contact-form-error-message-with-border{color:#d32f2f} .nArea .contact-form-success-message-with-border{color:#2e7b32} .tNtf img.contact-form-cross{display:none}
/* Widget Sliders */ .sldO{position:relative;display:flex;overflow-y:hidden;overflow-x:scroll; scroll-behavior:smooth;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:0;border-radius:5px; -ms-overflow-style: none} .sldO.no-items{display:none} .sldO.no-items + .section{margin-top:0} .sldO .widget:not(:first-child){margin-top:0} .sldO .widget{position:relative;flex:0 0 100%;width:100%;background:transparent; outline:0;border:0} .sldC{position:relative} .sldS{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center;z-index:-1} .sldIm{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:var(--transB);display:block;padding-top:40%;border-radius:5px;color:#fffdfc;font-size:13px} .sldT{position:absolute;bottom:0;left:0;right:0;display:block;padding:20px; background:linear-gradient(0deg, rgba(30,30,30,.1) 0%, rgba(30,30,30,.05) 60%, rgba(30,30,30,0) 100%); border-radius:0 0 3px 3px} .sldS{animation-name:tonext, snap;animation-timing-function:ease;animation-duration:4s;animation-iteration-count:infinite} .sldO .widget:last-child .sldS{animation-name:tostart, snap} .Rtl .sldS{animation-name:tonext-rev, snap} .Rtl .sldO .widget:last-child .sldS{animation-name:tostart-rev, snap} .sldO:hover .widget .sldS, .Rtl .sldO:hover .widget .sldS, .sldO:focus-within .widget .sldS, .Rtl .sldO:focus-within .widget .sldS{animation-name:none} @media (prefers-reduced-motion:reduce){.sldS, .Rtl .sldS{animation-name:none}} @media screen and (max-width:640px){.sldO{width:calc(100% + 40px);left:-20px;right:-20px;padding:0 12.5px 10px;border-radius:0} .sldO .widget{flex:0 0 90%;width:90%;margin:0 7.5px; box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%)} .sldT{padding:10px 15px} .sldIm{font-size:12px}}
/* Widget Music Player */ #musicPlayer{position:relative;direction:ltr;width:100%;min-height:200px;max-width:480px;margin:20px 0;background:rgba(0,0,0,.03);border-radius:20px;display:flex;align-items:center;justify-content:center} #musicPlayer::before{content:'Loading Tracks...';position:absolute;color:inherit;font-size:13px;font-family:var(--fontB);opacity:.8} .drK #musicPlayer{background:var(--darkBs)}
/* Pop-up */ .fxPu{position:fixed;top:-50%;bottom:-50%;top:-50%;left:-50%;right:-50%;z-index:70;background:rgba(0,0,0,.4);visibility:hidden;opacity:0;transition:all .6s ease;-webkit-transition:all .6s ease} .fxPu.visible{visibility:visible;opacity:1} .fxPuW{position:fixed;top:0;bottom:0;top:0;left:0;right:0;z-index:71;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center} .fxPuC{position:relative;background:#fffdfc;width:100%;max-width:500px;padding:20px 25px 25px;border-radius:20px} .fxPuCl::after{content:'\2715';line-height:16px;font-size:12px;color:#fffdfc;position:absolute;top:-15px;right:15px;background:var(--linkC);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:var(--trans-1);-webkit-transition:var(--trans-1);cursor:pointer} .fxPuCl:hover::after{transform:scale(1.03);-webkit-transform:scale(1.03)} .fxPuS{display:block;text-align:center;margin-bottom:5px} .fxPuS svg.line{stroke-width:1;width:50px;height:50px} .fxPuH{font-size:1.2rem;font-weight:700;font-family:var(--fontBa);margin-bottom:10px;text-align:center} .fxPuD{line-height:1.7em;font-size:15px} .fxPuB{text-align:center;margin-top:20px} .fxPuB .btn{width:45px;height:45px;outline:none;border:none;display:inline-flex;align-items:center;justify-content:center;background:var(--linkC);border-radius:50%} .fxPuB .btn:hover{opacity:.8} .fxPuB .btn svg{stroke:#fffdfc} .drK .fxPuC{background:var(--darkBs)} .drK .fxPuCl::after, .drK .fxPuB .btn{background:var(--darkU)}
/* Toast Notif */ .tNtf span{position:fixed;left:24px;bottom:-70px;display:inline-flex;align-items:center;text-align:center;justify-content:center;z-index:997;background:#323232;color:rgba(255,255,255,.8);font-size:14px;font-family:var(--fontB);border-radius:3px;padding:13px 24px;box-shadow:0 5px 35px rgba(149,157,165,.3);opacity:0;transition:var(--trans-1);animation:slidein 5s ease forwards;-webkit-animation:slidein 5s ease forwards} .tNtf span i{content:''; width:14px;height:14px; display:inline-block;margin:0 5px;opacity:.8} .tNtf span i.check{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><polyline points='22 4 12 14.01 9 11.01'/></svg>") center / 14px no-repeat} .tNtf span i.warn{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(2.500000, 3.000000)'><path d='M9.5,18 C3.00557739,18 0.456662548,17.5386801 0.0435259337,15.2033146 C-0.36961068,12.8679491 2.27382642,8.47741935 3.08841712,7.02846996 C5.81256986,2.18407813 7.66371927,0 9.5,0 C11.3362807,0 13.1874301,2.18407813 15.9115829,7.02846996 C16.7261736,8.47741935 19.3696107,12.8679491 18.9564741,15.2033146 C18.5443995,17.5386801 15.9944226,18 9.5,18 Z'/><line x1='9.5' y1='5.5' x2='9.5' y2='9.395'/><line x1='9.4957' y1='12.895' x2='9.5047' y2='12.895'/></g></svg>") center / 14px no-repeat} .tNtf span i.copy{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='9' y='9' width='13' height='13' rx='2' ry='2'/><path d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/></svg>") center / 14px no-repeat} .tNtf span i.clipboard{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/><rect x='8' y='2' width='8' height='4' rx='1' ry='1'/></svg>") center / 14px no-repeat} .tNtf span i.onCloud{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z'/></svg>") center / 14px no-repeat} .tNtf span i.offCloud{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3'/><line x1='1' y1='1' x2='23' y2='23'/></svg>") center / 14px no-repeat} .tNtf span i.onWifi{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.55a11 11 0 0 1 14.08 0'/><path d='M1.42 9a16 16 0 0 1 21.16 0'/><path d='M8.53 16.11a6 6 0 0 1 6.95 0'/><line x1='12' y1='20' x2='12.01' y2='20'/></svg>") center / 14px no-repeat} .tNtf span i.offWifi{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='1' y1='1' x2='23' y2='23'/><path d='M16.72 11.06A10.94 10.94 0 0 1 19 12.55'/><path d='M5 12.55a10.94 10.94 0 0 1 5.17-2.39'/><path d='M10.71 5.05A16 16 0 0 1 22.58 9'/><path d='M1.42 9a15.91 15.91 0 0 1 4.7-2.88'/><path d='M8.53 16.11a6 6 0 0 1 6.95 0'/><line x1='12' y1='20' x2='12.01' y2='20'/></svg>") center / 14px no-repeat} .tNtf span i.del{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'/><line x1='16.8651429' y1='4.47980952' x2='0.714666667' y2='4.47980952'/><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'/></g></svg>") center / 14px no-repeat} .Rtl .tNtf span{left:auto;right:24px} @media screen and (max-width:896px){.tNtf span{margin-bottom:50px}} @media screen and (max-width:500px){.tNtf span{left:20px;right:20px;font-size:13px} .tNtf.alt span, .Rtl .tNtf.alt span{left:0;right:0;margin-bottom:-25px;justify-content:left;text-align:left;font-size:15px;padding:15px 24px;border-radius:0} .Rtl .tNtf.alt span{justify-content:right;text-align:right} .Rtl .tNtf span{left:20px;right:20px}} .drK .tNtf span{box-shadow:0 10px 40px rgba(0,0,0,.2)} .MN-4 .tNtf span{margin-bottom:0;animation-duration:2s;-webkit-animation-duration:2s}
/* Neon Lighting */ .nLght::before, .nLght::after{content:'';position:fixed;width:100%;bottom:0;left:0;right:0;height:3px;z-index:55;background:linear-gradient(-45deg, #4086F4, #31A952, #FBBE01, #EB4132,#4086F4, #31A952, #FBBE01, #EB4132);background-size:200%;-webkit-animation:animeNeon 5s linear infinite;animation:animeNeon 5s linear infinite;visibility:none;opacity:0;transition:all 1s ease} .nLght::after{height:10px;filter:blur(10px)} .nLght.vsbl::before, .nLght.vsbl::after{visibility:visible;opacity:.7} @-webkit-keyframes animeNeon{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes animeNeon{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* Maintenance Mode */ .mtm{position:fixed;left:0;right:0;top:-35%;bottom:-35%;display:flex;align-items:center;justify-content:center;background:var(--bodyB);transition:all .5s ease;-webkit-transition:all .5s ease;visibility:visible;opacity:1;z-index:499} .mtm.hdn{visibility:hidden;opacity:0} .mtmC{max-width:450px;padding:20px;text-align:center} .mtmH{font-weight:700;font-size:1.5rem;font-family:var(--fontBa);margin-bottom:10px} .mtmD{margin-bottom:10px} .mtm .clock{width:100%;font-size:25px;text-align:center;font-family:var(--fontBa);font-weight:400;position:relative;left:0;right:0} .mtm .tBox{width:65px;height:65px;margin:3px;padding-top:8px;background-color:#f4efff;border-radius:20px;display:inline-block} .mtm .unit{display:block;font-size:10px;margin:auto;font-family:var(--fontB);opacity:0.8} .drK .mtm{background:var(--darkB)} .drK .mtm .tBox{background:var(--darkBa)}
/* Sticky Ad */ .ancrA{position:fixed;bottom:0;left:0;right:0;max-height:200px;padding:5px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1); transition:var(--trans-1);display:flex;align-items:center;justify-content:center;background:#fffdfc;z-index:50;border-top:1px solid var(--contentL)} .ancrC{width:40px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px 0 0;border:1px solid var(--contentL);border-bottom:0;border-right:0;position:absolute;right:0;top:-30px;background:inherit} .ancrC svg{width:18px;height:18px;fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4} .ancrCn{flex-grow:1;overflow:hidden;display:block;position:relative} .ancrI:checked ~ .ancrA{padding:0;min-height:0} .ancrI:checked ~ .ancrA .ancrCn{display:none} .ancrI:checked ~ .ancrA .ancrC svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
/* Error Page */ .erroP{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:0} .erroC{width:calc(100% - 40px);max-width:450px;margin:auto;font-family:var(--fontBa)} .erroC h3{font-size:1.414rem;font-family:inherit} .erroC h3 span:not(.e){position:relative} .erroC h3 span.e{display:block;font-size:140px;line-height:.8;margin-bottom:-1rem;color:#ebebf0} .erroC h3 span.e{animation:glitch 1s linear infinite} .erroC h3 span.e::before, .erroC h3 span.e::after{content:attr(title);position:absolute;left:0;right:0} .erroC h3 span.e::before{animation:glitchTop 1s linear infinite;clip-path:polygon(0 0, 100% 0, 100% 33%, 0 33%);-webkit-clip-path:polygon(0 0, 100% 0, 100% 33%, 0 33%)} .erroC h3 span.e::after{animation:glitchBotom 1.5s linear infinite;clip-path:polygon(0 67%, 100% 67%, 100% 100%, 0 100%);-webkit-clip-path:polygon(0 67%, 100% 67%, 100% 100%, 0 100%)} .erroC p{margin:30px 5%;line-height:1.6em;opacity:.7} .erroC .button{margin:0;padding-left:2em;padding-right:2em;font-size:14px}
/* Extra */ .iFxd.bl{top:auto;bottom:0;right:auto;left:0} .aNm.t{background:rgba(255,255,255,.8);padding:6px} .aNm.t .im{width:16px;height:16px;margin-right:4px} .aNm.t .nm{font-size:13px;color:var(--bodyC)} .aNm.t svg{width:13px;height:13px;fill:#1DA1F2;margin-left:4px} .Rtl .iFxd.bl{top:auto;bottom:0;right:0;left:auto} .Rtl .aNm.t .im{margin-left:4px;margin-right:0} .Rtl .aNm.t svg{margin-left:0;margin-right:4px} .onIndx .blogPts .ntry, .PopularPosts, .widget.Label, .footer{position:relative;overflow:hidden} .onIndx .blogPts .ntry::before, .itemFt .iCtnt::before, .PopularPosts::before, .widget.Label::before, .footer::before{content:'';width:70px;height:70px;position:absolute;z-index:0;background:rgba(0,0,0,.04);bottom:0;left:0;border-radius:0 70px 0 0} .onIndx.Rtl .blogPts .ntry::before, .Rtl .itemFt .iCtnt::before, .Rtl .PopularPosts::before, .Rtl .widget.Label::before, .Rtl .footer::before{border-radius:70px 0 0 0;bottom:0;left:unset;right:0} @media screen and (min-width:501px){.itemFt .iCtnt::before{display:none}} .pTtmp[data-type]{display:inline-flex;align-items:center} .pTtmp[data-type]::before{content:attr(data-type);display:inline;background:var(--linkB);color:#fff;font-size:10px;line-height:.6rem;padding:3px;border-radius:2px;margin-right:4px} .drK .pTtmp[data-type]::before{background:var(--darkU)} .pTtmp[data-type]::after{display:inline} .Rtl .pTtmp[data-type]::before{margin-left:4px;margin-right:0} .Rtl .FeaturedPost .itemFt::after{left:0;right:unset;border-radius:0 0 20px 0} .Rtl .toTopB{right:unset;left:20px} .Rtl .mainWrp .headIc .tNav svg{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
/* Ads Loading Animation */ .adsbygoogle{background:transparent url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid meet'><path fill='rgba(221,221,221,1)' opacity='.5' d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z'></path><path fill='rgba(0,0,255,1)' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'><animateTransform attributeName='transform' dur='.9s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/></path></svg>") center / 26px no-repeat;background-size:45px 45px}
/* Responsive */
@media screen and (min-width:897px){
/* mainIn */ .mainIn, .blogM{display:flex} .blogMn{width:var(--navW);flex-shrink:0;position:relative;transition:var(--trans-1);z-index:1} .blogCont{padding-top:30px} .blogCont::before{content:'';position:absolute;top:var(--headerHi);left:0;height:calc(100% + var(--headerH))} .blogCont{width:calc(100% - var(--navW))} .mnBrs{box-shadow:0 0 15px rgba(0,0,0,.07)} .blogCont .secIn{padding-left:25px;padding-right:25px} .mainbar{flex:1 0 calc(100% - var(--sideW) - 25px);width:calc(100% - var(--sideW) - 25px)} .sidebar{display:flex;flex:0 0 calc(var(--sideW) + 25px);width:calc(var(--sideW) + 25px); margin:0} .sidebar::before{content:'';flex:0 0 25px} .sidebar .sideIn{width:calc(100% - 25px)}
/* mainNav */ .mnBr{position:sticky;position:-webkit-sticky;top:var(--headerH)} .mnBrs{display:flex;height:calc(100vh - var(--headerH));font-size:13px;position:relative} .mnBrs >*:not(.mnMob){width:100%} .mnMen{padding:20px;overflow-y:hidden;overflow-x:hidden} .mnMen:hover{overflow-y:scroll} .mnMob{position:fixed;width:var(--navW)} .mnH, .mobMn{display:none} .bD:not(.hdMn) .navI:checked ~ .mainWrp .blogMn, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMob, .hdMn .navI:not(:checked) ~ .mainWrp .blogMn, .hdMn .navI:not(:checked) ~ .mainWrp .mnMob{width:75px} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn a:hover, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn a:hover{opacity:1;color:inherit} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .a, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn .a{max-width:40px; border-radius:15px} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .drp.mr, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn svg.d, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMob .PageList, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMob .mSoc, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn .drp.mr, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn svg.d, .hdMn .navI:not(:checked) ~ .mainWrp .mnMob .PageList, .hdMn .navI:not(:checked) ~ .mainWrp .mnMob .mSoc{display:none} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMob .mNav, .hdMn .navI:not(:checked) ~ .mainWrp .mnMob .mNav{display:flex} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn >li.br::after, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn >li.br::after{max-width:20px} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMen, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMen:hover, .hdMn .navI:not(:checked) ~ .mainWrp .mnMen, .hdMn .navI:not(:checked) ~ .mainWrp .mnMen:hover{overflow-y:visible;overflow-x:visible} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .n, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr) ul, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn .n, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr) ul{position:absolute;left:35px;top:3px;margin:0 5px;padding:8px 10px;border-radius:5px 16px 16px 16px;max-width:160px;background:var(--contentB);color:var(--bodyC);opacity:0;visibility:hidden;box-shadow:0 5px 20px 0 rgba(0,0,0,.1);z-index:1} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr) ul, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr) ul{padding:0 5px;margin:0;overflow:hidden;display:block} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr):last-child ul, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr):last-child ul{top:auto;bottom:3px;border-radius:16px 16px 16px 5px} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.drp) .a:hover .n, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr):hover ul, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.drp) .a:hover .n, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr):hover ul{opacity:1;visibility:visible} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn ul li >*, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn ul li >*{border-radius:0}
/* Article */ .onIndx.onHm .blogPts >*{flex:0 0 calc(33.33% - 20px);width:calc(33.33% - 20px)} .onIndx.onMlt .blogPts >*{flex:0 0 calc(25% - 20px);width:calc(25% - 20px)}
}
@media screen and (min-width:768px){
::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.35)}::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.35)}
}
@media screen and (max-width:1600px){
/* Quick Edit */ .nBtm.qEdit .qeBtn{margin-bottom:85px}
/* Back to Top */ .nBtm.toTopB{margin-bottom:80px}
}
@media screen and (max-width:1100px){
/* Article */ .onIndx.onHm .blogPts >*{flex:0 0 calc(50% - 20px);width:calc(50% - 20px)} .onIndx.onMlt .blogPts >*{flex:0 0 calc(33.33% - 20px);width:calc(33.33% - 20px)}
/* Widget */ .itemFt .itm >*, .itemFt .itm >*:last-child{flex:0 0 calc(50% - 20px);width:calc(50% - 20px)} .itemFt .itm >*:last-child{flex-grow:1} .itemFt .pSnpt{display:none}
/* Footer */ .fotIn >*, .fotIn >*:first-child{width:calc(50% - 30px)}
}
@media screen and (max-width:896px){
/* Header */ .ntfC{padding-left:20px;padding-right:20px} header, .drK header{box-shadow:none;border:none} header.stick{box-shadow:0 2px 8px 0 rgba(0,0,0,.07)} .drK:not(.HD-2) header.stick{border-bottom:1px solid rgba(255,255,255,.15);box-shadow:none} .HD-2 header{position: relative;padding:15px 15px 0} .HD-2 header.stick{box-shadow:none} .HD-2 .headCn{border-radius:var(--headerR);box-shadow: 0 5px 15px rgba(0,0,0,.07)} .drK.HD-2 .headCn{background:var(--darkBa)} .headL{padding:0 0 0 15px;flex-grow:1;width:50%} .headR{padding:0 20px 0 0;flex-grow:0} .headIc .isSrh{display:block} .headI .headS{margin:0} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .headIc .tNav .h1, .bD:not(.hdMn) .navI:checked ~ .mainWrp .headIc .tNav .h3 {opacity:1} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .headIc .tNav .h2, .bD:not(.hdMn) .navI:checked ~ .mainWrp .headIc .tNav .h1{opacity:0}
/* mainNav */ .blogMn{display:flex;justify-content:flex-start;position:fixed;left:0;top:0;bottom:0;margin-left:-100%;z-index:20;transition:var(--trans-1);width:100%;height:100%} .flT .blogMn{left:15px;top:15px;bottom:15px;height:auto} .flT .mnBr{border-radius:20px;width:80%} .Rtl.flT .blogMn{left:auto;right:15px} .mnBr{width:85%;max-width:480px;height:100%;border-radius:0 12px 12px 0;transition:inherit;z-index:3;overflow:hidden;position:relative;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .mnBrs{padding:60px 0 0;overflow-y:scroll;overflow-x:hidden;width:100%;height:100%} .mnH{padding:0 15px} .mnH label{padding:15px 10px} .mnH .c::after{margin:0 13px} .mnMen{padding-top:0} .navI:checked ~ .mainWrp .blogMn{margin-left:0} .navI:checked ~ .mainWrp .blogMn .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)}
/* Article */ .onIndx.onHm .blogPts >*{flex:0 0 calc(33.33% - 20px);width:calc(33.33% - 20px)}
/* Widget */ .itemFt .pSnpt{display:-webkit-box} .bD:not(.MN-4) .mobMn:not(.no-items) + footer{padding-bottom:calc(55px + 20px)} .bD:not(.MN-4) .wvH{height:calc(100px + 60px)}
/* Widget Scroll Menu */ .HD-2 .navS{box-shadow:0 0 25px rgba(0,0,0,.07)}
/* Back To Top */ .bD:not(.MN-4) .toTopB{margin-bottom:55px} .bD:not(.MN-4) .nBtm.toTopB{margin-bottom:145px} .MN-4 .nBtm.toTopB{margin-bottom:80px}
}
@media screen and (max-width:768px){
/* Article */ .onIndx.onHm .blogPts >*, .onIndx.onMlt .blogPts >*{flex:0 0 calc(50% - 20px);width:calc(50% - 20px)}
}
@media screen and (max-width:640px){
/* Header */ .headCn{height:var(--headerHm)}
/* Pop-up */ .fixL{align-items:flex-end} .fixL .fixLi, .fixL .cmBri{border-radius:12px 12px 0 0; max-width:680px} .fixL .cmBri:not(.mty){border-radius:0;height:100%;max-height:100%}
/* Footer */ footer{padding-top:30px}
}
@media screen and (max-width:500px){
/* Font and Blog */ .iFxd, .crdtIn{font-size:12px} .brdCmb{font-size:13px} .pDesc{font-size:14px} .pEnt{font-size:var(--postFm)} .pTtl.itm{font-size:var(--postTm)} .pInf.ps .pTtmp::after{content:attr(data-time)} .pInf.ps .pDr{font-size:12px} .pInf .pNm, .pInf .pDr{display:flex;flex-direction:column} .pInf .pDr >*:not(:first-child)::before{display:none}
/* Article */ .onIndx:not(.oneGrd) .blogPts{width:calc(100% + 10px);left:-5px;right:-5px} .onIndx:not(.oneGrd) .blogPts >*{padding:8px 8px 40px;flex:0 0 calc(50% - 10px);width:calc(50% - 10px);margin-left:5px;margin-right:5px;margin-bottom:10px} .onIndx:not(.oneGrd) .blogPts .pTag{padding-bottom:5px} .onIndx:not(.oneGrd) .blogPts div.ntry{flex:0 0 calc(100% - 10px)} .onIndx:not(.oneGrd) .pCntn{padding:0} .onIndx:not(.oneGrd) .ntry .pSml{font-size:12px} .onIndx:not(.oneGrd) .blogPts .pInf{bottom:10px;left:8px;right:8px} .onIndx:not(.oneGrd) .ntry .iFxd{font-size:10px} .onIndx:not(.oneGrd) .ntry .iFxd:not(.l) >*{margin-left:0} .Rtl.onIndx:not(.oneGrd) .ntry .iFxd:not(.l) >*{margin-left:5px;margin-right:0} .onIndx:not(.oneGrd) .ntry .iFxd:not(.l) >* svg{width:14px;height:14px;stroke-width:1.7} .onIndx:not(.oneGrd) .ntry .iFxd:not(.l) >* svg{margin:0 1.5px} .onIndx:not(.oneGrd) .ntry .iFxd.l .edit{padding:5px} .onIndx:not(.oneGrd) .ntry .iFxd.l >* svg{margin:0px} .onIndx:not(.oneGrd) .ntry .pTtl{font-size:.8rem;font-weight:600} .onIndx:not(.oneGrd) .ntry:not(.pTag) .pSnpt, .onIndx:not(.oneGrd) .ntry .pInf:not(.nSpr) .pJmp, .onIndx:not(.oneGrd) .ntry .iFxd .spnr, .onIndx:not(.oneGrd) .iFxd .bM{display:none} .onIndx:not(.oneGrd) .ntry .iFxd{padding:8px 3px} .onIndx:not(.oneGrd) .ntry .iFxd.l{top:auto;bottom:0;right:0} .Rtl.onIndx:not(.oneGrd) .ntry .iFxd.l{right:auto;left:0} .onIndx:not(.oneGrd) .ntry .iFxd .cmnt, .onIndx:not(.oneGrd) .ntry .iFxd .pV{padding:3.5px} .onIndx:not(.oneGrd) .ntry .iFxd >* svg{padding:1px} .onIndx.oneGrd .blogPts >*{flex:0 0 calc(100% - 20px);width:calc(100% - 20px)}
/* Share */ .pShc{width:calc(100% + 10px);left:-5px;right:-5px} .pShc::before{width:calc(100% - 10px);margin:0 5px 12px} .pShc .wa::after, .pShc .tw::after{display:none}
/* Widget */ .prfI:checked ~ .mainWrp .wPrf{top:auto;bottom:0} .prfI:checked ~ .mainWrp .Profile .fCls{background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .prfH .c{display:flex} .wPrf{position:fixed;top:auto;left:0;right:0;bottom:-100%;width:100%;max-height:calc(100% - var(--headerH));border-radius:12px 12px 0 0} .itemFt .itm{padding-bottom:80px} .itemFt .itm >*{flex:0 0 calc(100% - 20px);width:calc(100% - 20px)} .itemFt .itm .iCtnt{flex:0 0 calc(100% - 42px);width:calc(100% - 42px);margin:0 auto;position:absolute;left:0;right:0;bottom:0;padding:13px;background:rgba(255,253,252,.92);border-radius:10px;box-shadow:0 10px 20px -5px rgba(0,0,0,.1); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .itemFt .pTtl{font-size:1rem} .itemFt .pSnpt{font-size:93%}
/* Footer */ .fotIn >*, .fotIn >*:first-child{width:calc(100% - 30px)}
}
/* Keyframes Animation */ @keyframes shimmer{100%{transform:translateX(100%)}} @keyframes slidein{0%{opacity:0}10%{opacity:1;bottom:24px}50%{opacity:1;bottom:24px}90%{opacity:1;bottom:24px}100%{opacity:0;bottom:-70px;visibility:hidden}} @keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}} @keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}} @keyframes tonext{ 75%{left:0} 95%{left:100%} 98%{left:100%} 99%{left:0}} @keyframes tostart{ 75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}} @keyframes tonext-rev{ 75%{right:0} 95%{right:100%} 98%{right:100%} 99%{right:0}} @keyframes tostart-rev{ 75%{right:0} 95%{right:-300%} 98%{right:-300%} 99%{right:0}} @keyframes snap{ 96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}} @keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}} @keyframes opaCity{0%{opacity:0}100%{opacity:1}} @-webkit-keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}} @-webkit-keyframes slidein{0%{opacity:0}10%{opacity:1;bottom:24px}50%{opacity:1;bottom:24px}90%{opacity:1;bottom:24px}100%{opacity:0;bottom:-70px;visibility:hidden}} @-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}} @-webkit-keyframes tonext{ 75%{left:0} 95%{left:100%} 98%{left:100%} 99%{left:0}} @-webkit-keyframes tostart{ 75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}} @-webkit-keyframes tonext-rev{ 75%{right:0} 95%{right:100%} 98%{right:100%} 99%{right:0}} @-webkit-keyframes tostart-rev{ 75%{right:0} 95%{right:-300%} 98%{right:-300%} 99%{right:0}} @-webkit-keyframes snap{ 96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}} @-webkit-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}} @-moz-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}} @keyframes glitch{2%,64%{transform:translate(2px,0) skew(0deg)} 4%,60%{transform:translate(-2px,0) skew(0deg)} 62%{transform:translate(0,0) skew(5deg)}} @keyframes glitchTop{2%,64%{transform:translate(2px,-2px)} 4%,60%{transform:translate(-2px,2px)} 62%{transform:translate(13px,-1px) skew(-13deg)}} @keyframes glitchBotom{2%,64%{transform:translate(-2px,0)} 4%,60%{transform:translate(-2px,0)} 62%{transform:translate(-22px,5px) skew(21deg)}} @-webkit-keyframes opaCity{0%{opacity:0}100%{opacity:1}}
/* Noscript Option */ .lazy:not([lazied]){display:none} .bD .pS img.lazy:not([lazied]){display:none !important} .noJs{display:flex;justify-content:flex-end;align-items:center;position:fixed;top:20px;left:20px;right:20px;z-index:99;max-width:640px;border-radius:12px;margin:auto;padding:10px 5px;background:#ffdfdf;font-size:13px;box-shadow:0 10px 20px -10px rgba(0,0,0,.1);color:#48525c} .noJs::before{content:attr(data-text);padding:0 10px;flex-grow:1} .noJs label{flex-shrink:0;padding:10px} .noJs label::after{content:'\2715';line-height:18px;font-size:14px} .nJs:checked ~ .noJs{display:none}
/* Hide Scroll */ .scrlH::-webkit-scrollbar{width:0;height:0} .scrlH::-webkit-scrollbar-track{background:transparent} .scrlH::-webkit-scrollbar-thumb{background:transparent;border:none}
/* --- Remove to reduce CSS size or if you aren't using RTL --- */
.adB{min-height:70px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--darkTa);border:1px solid var(--contentL);border-radius:3px} .adB.h240{min-height:240px} .adB.h360{min-height:360px} .adB.h480{min-height:480px} .h240, .h360, .h480{border-radius:5px 15px 5px 5px} .adB::before{content:attr(data-text)}
/* Article Style RTL */ .Rtl .note{padding:20px 50px 20px 20px} .Rtl .note::before{left:auto;right:-12px} .Rtl .note::after{left:auto;right:18px} .Rtl .pS hr::before{text-indent:-0.6em} .Rtl .dropCap{margin:0;line-height:inherit;font-size:inherit;float:none} .Rtl blockquote, .Rtl .cmC i[rel=quote]{border-left:0;border-right:2px solid var(--contentL)} .Rtl blockquote.s-1{padding:25px 45px 25px 25px;border-right:0} .Rtl blockquote.s-1::before{left:auto;right:0}
/* RTL Mode */ .Rtl .mnMn li li a >* svg{margin-right:0;margin-left:5px} .Rtl .ntfT{padding:0 0 0 15px} .Rtl .headL{padding:0 20px 0 0} .Rtl .headL .headN{padding:0 5px 0 0} .Rtl .BlogSearch .sb{left:auto;right:0} .Rtl .BlogSearch button.sb{left:0;right:auto} .Rtl .wPrf{right:auto;left:0;border-radius:5px 16px 16px 16px} .Rtl .toTopF{right:auto;left:18px} .Rtl .cmAc a::before{content:'\2935'} .Rtl .cmHl >li{padding:0 17.5px 0 0} .Rtl .cmHl >li >.cmAv{left:auto;right:0} .Rtl .cmHl >li >.cmIn{padding:12px 28px 12px 15px} .Rtl .mnMn li:not(.mr) ul{padding-left:0;padding-right:30px} .Rtl .tocL{right:auto;left:-280px} .Rtl .tocLi{border-radius:0 12px 12px 0} .Rtl .tocLi::before{left:auto;right:0} .Rtl .tocC{left:auto;right:-45px} .Rtl .tocC span{border-radius:0 20px 20px 0} .Rtl .tocL svg.rad{right:auto;left:-2px;transform:rotate(176deg)} .Rtl .tocL svg.rad.in{transform:rotate(-86deg)} .Rtl .tocI:checked ~ .tocL{right:auto;left:0} .Rtl .mainWrp:after{right:unset;left:0;border-radius:0 0 200px 0} @media screen and (min-width:897px){.Rtl .blogCont::before{left:auto;right:0} .Rtl:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .n, .Rtl:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr) ul, .Rtl.hdMn .navI:not(:checked) ~ .mainWrp .mnMn .n, .Rtl.hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr) ul{left:auto;right:35px;border-radius:16px 5px 16px 16px} .Rtl:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr):last-child ul, .Rtl.hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr):last-child ul{border-radius:16px 16px 5px 16px}} @media screen and (max-width:896px){.Rtl .headR{padding:0 0 0 20px} .Rtl .headL{padding:0 15px 0 0} .Rtl .blogMn{left:auto;right:0;margin-right:-100%} .Rtl .mnBr{border-radius:12px 0 0 12px} .Rtl.flT .mnBr{border-radius:20px} .Rtl .navI:checked ~ .mainWrp .blogMn{margin-left:auto;margin-right:0}} @media screen and (max-width:500px){.Rtl .wPrf{right:0;border-radius:12px 12px 0 0} .Rtl .ftMn{right:auto;left:-4px;border-radius:16px 16px 16px 5px} .Rtl .cdtIn .PageList{margin-left:9px;margin-right:auto}}
/* Basic Layout */ @media screen and (min-width:897px){.LS-2 header, .LS-2 .tocLi::before, .LS-3 header{border:0} .LS-2, .LS-2 .headCn, .LS-2 .mnBrs, .LS-3 .mnBrs, .LS-3 .headL{background:#fafafc} .LS-2 .blogCont::before{border:0;top:0;right:0;bottom:0;height:100%;z-index:-1;background:var(--contentB);border-radius:15px 0 0 0} .LS-3 .headCn{background:transparent} .LS-3 .headR{background:var(--headerB)} .LS-3 .blogCont::before{z-index:10} .LS-3 .blogMn{z-index:11} .LS-3 .tocL{top:var(--headerHi);z-index:10} .LS-3 .tocI:checked ~ .tocL{z-index:10} .LS-3:not(.hdMn) .navI:checked ~ .mainWrp .headN, .LS-3.hdMn .navI:not(:checked) ~ .mainWrp .headN{display:none} .LS-3:not(.hdMn) .navI:checked ~ .mainWrp .headL, .LS-3 .navI:not(:checked) ~ .mainWrp .headL{width:75px}}

/* --- Your Custom CSS goes here --- */

/*]]>*/</style>
<style>/*<![CDATA[*/
/* Change Mode */ .headR .headM{display:block;position:absolute;top:0;right:0;padding:10px 0;width:150px;background:var(--contentB);font-size:13px;border-radius:10px 5px 10px 10px;box-shadow:0 0 15px rgba(0,0,0,.07);-webkit-transition:var(--trans-2);transition:var(--trans-2);overflow:hidden;z-index:18;opacity:0;visibility:hidden} .headR .headM:before{content:attr(data-text);display:block;padding:0 15px 10px;width:100%;font-size:11px;opacity:.7} .headR .headM >*{display:block;padding:9px 15px;width:100%;cursor:pointer} .headR .headM >*:before{content:attr(aria-label);opacity:.9} .headR .headM >*:hover{background:rgba(0,0,0,.05)} .navM:checked ~ .mainWrp .headM{visibility:visible;opacity:1} .navM:checked ~ .mainWrp .headM + .fCls{visibility:visible;opacity:1;z-index:17} .headR .headM .sydB{display:none} .bD:not(.drK):not(.syD) .headR .headM .lgtB{background-color:rgba(0,0,0,.1)} .drK:not(.syD) .headR .headM .drkB{background-color:rgba(0,0,0,.1)} .syD .headR .headM .sydB{background-color:rgba(0,0,0,.1)} .drK .headR .headM{background:var(--darkBs)} .Rtl .headR .headM{right:auto;left:0;border-radius:5px 10px 10px 10px}
/* Author No Image */ .aFl{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden} .admPs .aFl{width:34px;height:34px} .aFl::before{content:'';position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:var(--linkB);opacity:.8} .aFl >span{position:absolute;z-index:1;font-size:0;color:transparent;padding-top:1.5px;} .admPs .aFl >span{padding-top:2px} .aFl >span:first-letter{color:#fffdfc;font-size:13px} .admPs .aFl >span:first-letter{font-size:16px} .drK .aFl::before{background:var(--darkU);opacity:1}
/* Dark Mode */ .drK.onIndx .blogPts >*, .drK .rPst, .drK .PopularPosts, .drK .Label{background:var(--darkBa)} .drK .tDL .d2{display:block} .drK .tDL::after{content:attr(data-light)} .drK .tDL svg .f{stroke:none;fill:var(--darkT)} .drK .pThmb:not(.nul)::before{background-image:linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,.07) 20%, rgba(0,0,0,.1) 60%, rgba(0,0,0,0))} .drK input::placeholder, .drK .cpL input, .drK .cArea label .n{color:rgba(255,255,255,.25)} .drK .erroC h3 span.e{color:var(--darkBa)} .drK .nArea .contact-form-error-message-with-border{color:#f94f4f} .drK .cmC i[rel=image]::before, .drK .widget input[type=text], .drK .widget input[type=email], .drK .widget textarea{background:var(--darkBs);border-color:rgba(255,255,255,.15)} .drK svg, .drK svg.c-1{fill:var(--darkT)} .drK svg.line, .drK .ancrC svg{fill:none;stroke:var(--darkT)} .drK svg.c-2{fill:var(--darkTa); opacity:.4} .drK, .drK .headCn, .drK .mnBrs{background:var(--darkB);color:var(--darkT)} .drK .ntfC, .drK .mobMn{background:var(--darkBa);color:var(--darkTa)} .drK .ntfC{color:rgba(255,255,255,.9)} .drK header, .drK .mnMn >li.br::after, .drK .blogCont::before, .drK .tbHd, .drK .cmHl >li >.cmIn, .drK .pTag .pMart a, .drK .pRelate, .drK blockquote, .drK .cmC i[rel=quote], .drK blockquote.s-1, .drK details.sp, .drK .ps table:not(.tr-caption-container), .drK .ps table th, .drK .ps table:not(.tr-caption-container) tr:not(:last-child) td, .drK .pre.tb .preH, .drK details.ac, .drK .ancrA, .drK .ancrC, .drK .mnMob{border-color:rgba(255,255,255,.15)} .drK .pre{background:var(--darkBs);color:var(--darkT)} .drK .footer{background:var(--darkBs)} .drK .mnMn li:not(.mr) .a:hover, .drK .mnMn ul li >*:hover, .drK .wL.bg li >*, .drK .mobMn li >*:hover, .drK .shL a, .drK .cpLb{background:rgba(0,0,0,.15)} .drK .tIc::after{background:var(--darkBs)} .drK .wPrf{background:var(--darkBa);box-shadow:0 10px 40px rgba(0,0,0,.2)} .drK header a, .drK h1, .drK h2, .drK h3, .drK h4, .drK h5, .drK h6, .drK footer, .drK .button{color:var(--darkT)} .drK .dlBox, .drK .fixLs, .drK .cArea input:focus ~ .n, .drK .cArea textarea:focus ~ .n, .drK .cArea input[data-text=fl] ~ .n, .drK .cArea textarea[data-text=fl] ~ .n{background:var(--darkBs)} .drK .tocLi{background:var(--darkB)} .drK .admPs, .drK .tocC span, .drK .pShc >*:not(.c), .drK .ancrA, .drK .BlogSearch input, .drK .cmHl >li >.cmIn{background:var(--darkBa)} .drK .tocC span::before{background:var(--darkBa)} .drK .tocC span::after{background:var(--darkU)} .drK .tocL svg.rad{fill:var(--darkBa)} .drK .mobMn li >*:hover svg.line{fill:var(--darkT) !important} .drK .mobMn li >*:hover svg.line .svgC{fill:var(--darkU) !important;stroke:var(--darkU)} .drK.mobS .mobMn li >*:hover, .drK .button.ln{background:transparent} .drK .pTag .pPric::before, .drK .pTag .pInfo small{color:var(--darkTa)} .drK::selection, .drK a, .drK .free::after, .drK .new::after, .drK .mnMn li:not(.mr) .a:hover, .drK .mnMn ul li a:hover, .drK .aTtl a:hover, .drK .pSnpt.nTag, .drK .pTag .pPric, .drK details.ac[open] summary, .drK .cpL label, .drK .wL li >*:hover .lbC, .drK .wL li >div .lbC, .drK .wL .lbM, .drK .cmBtn.ln:hover, .drK .wL.cl .lbN:hover .lbC, .drK .wL.cl div.lbN .lbC{color:var(--darkU)} .drK .mnMn .a:hover svg:not(.d){fill:var(--darkU)} .drK .mnMn .a:hover svg.line:not(.d), .drK .pJmp svg{fill:none;stroke:var(--darkU)} .drK .wL li >*:hover svg, .drK .wL li >div svg{stroke:var(--darkU)} .drK.MN-3 .mobMn li >*:hover::after, .drK.MN-4 .mobMn li >*:hover::after, .drK .toTopF, .drK .blogPg >*, .drK .button, .drK .zmImg::after, .drK .widget input[type=button], .drK .widget input[type=submit]{background:var(--darkU)} .drK.MN-3 .mobMn li >*:hover svg.line, .drK.MN-4 .mobMn li >*:hover svg.line{stroke:var(--darkU);fill:var(--darkU) !important} .drK.MN-3 .mobMn li >*:hover svg .f, .drK.MN-4 .mobMn li >*:hover svg .f, .drK footer .credit a svg{fill:var(--darkU)} .drK .pS input[id*="1"]:checked ~ .tbHd label[for*="1"], .drK .pS input[id*="2"]:checked ~ .tbHd label[for*="2"], .drK .pS input[id*="3"]:checked ~ .tbHd label[for*="3"], .drK .pS input[id*="4"]:checked ~ .tbHd label[for*="4"], .drK .widget input[type=text]:focus, .drK .widget input[type=email]:focus, .drK .widget textarea:focus, .drK .widget input[data-text=fl], .drK .widget textarea[data-text=fl], .drK .wL.cl .lbN:not(div):hover, .drK .wL.cl div.lbN{border-color:var(--darkU)} .drK .button.ln:hover{border-color:var(--darkU);box-shadow:0 0 0 1px var(--darkU) inset} .drK .mnBr a, .drK .pLbls >*, .drK .aTtl a, .drK .blogPg >*, .drK .brdCmb a, .drK .wL li >*, .drK .mobMn li >*, .drK .cmAc a{color:var(--darkT)} .drK .blogPg .nPst, .drK .blogPg .current{background:var(--contentL);color:var(--bodyCa)} .drK .FeaturedPost .itemFt::after{background:var(--darkTa)} @media screen and (min-width:897px){.drK header .BlogSearch input{background:var(--darkBs)} .drK header .BlogSearch input:focus, .drK header .BlogSearch input:hover{background:var(--darkBa)} .drK.bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .n, .drK.bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr) ul, .drK.hdMn .navI:not(:checked) ~ .mainWrp .mnMn .n, .drK.hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr) ul{background:var(--darkBa);box-shadow:0 10px 40px rgba(0,0,0,.2);color:var(--darkTa)} .drK.LS-2 .blogCont::before{background:var(--darkBs)} .drK.LS-3 .headCn{background:transparent} .drK.LS-3 .headL, .drK.LS-3 .mnBrs{background:var(--darkBs)} .drK.LS-3 .headR{background:var(--darkB)} .drK .tocLi::before{border-color:rgba(255,255,255,.15)}} @media screen and (min-width:897px){.drK header{border-bottom:var(--headerL) solid rgba(255,255,255,.15);box-shadow:none} .drK .blogCont::before{border-right:1px solid rgba(255,255,255,.15)} .drK .mnBrs{box-shadow:none}} @media screen and (min-width:641px){.drK .ftMn a:hover{color:var(--darkU)}} @media screen and (max-width:640px){.drK .ftMn{background:var(--darkBa)}} @media screen and (max-width:500px){.drK .itemFt .itm .iCtnt{background:var(--darkBa)}}
/*]]>*/</style>
<style>/*<![CDATA[*/
/* Greetings */ .pGV{display:flex;justify-content:space-between;position:relative;font-size:13px;padding-top:6px;padding-bottom:20px;} .pGV >*{padding:10px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:var(--greetR);display:flex;align-items:center;justify-content:center} .pGV >*:first-child{margin-right:5px} .pGV >*:last-child{margin-left:5px} .Rtl .pGV >*:first-child{margin-right:0;margin-left:5px} .Rtl .pGV >*:last-child{margin-left:0;margin-right:5px} .pGV .pVws.hidden{display:none} .pGV .pGrt::after{content:attr(data-text)} .pGV .pVws::after{content:attr(data-text) ' views'} .pGV svg{width:15px;height:15px;margin-right:6px} .pGV svg.line{stroke-width:1.5} .Rtl .pGV svg{margin-right:0;margin-left:6px} .drK .pGV >*{background:var(--darkBa)}
/* Comments */ .pCmnts{margin-top:50px} .cmDis{text-align:center;margin-top:20px;opacity:.7} .cmMs{margin-bottom:20px} .drK .cmMs{background:var(--darkBa)} .cm iframe{width:100%} .cm:not(.cmBr) .cmBrs{background:transparent;position:relative;padding:80px 20px 0;width:calc(100% + 40px);left:-20px;right:-20px} .fixLs.cmBrs{padding-top:80px} .cmH h3.title{margin:0;flex-grow:1;padding:16px 10px} .cmH .s{margin:0 14px} .cmH .s::before{content:attr(data-text);margin:0 6px;opacity:.7;font-size:90%} .cmH .s::after{content:'\296E';line-height:18px;font-size:17px} .cmAv .im{width:35px;height:35px;border-radius:50%;position:relative} .cmBd.del .cmCo{font-style:italic;font-size:90%;line-height:normal;border:1px dashed rgba(0,0,0,.2);border-radius:3px;margin:.5em 0;padding:15px;opacity:.7; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cmHr{line-height:24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cmHr .d{font-size:90%;opacity:.7} .cmHr .d::before{content:'\00B7';margin:0 7px} .cmHr.a .n{display:inline-flex;align-items:center} .cmHr.a .n::after{content:'\2714';display:flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:8px;background:#519bd6;color:#fefefe;border-radius:50%;margin:0 3px} .cmCo{line-height:1.6em;opacity:.9} .cmC i[rel=image]{font-size:90%; display:block;position:relative; min-height:50px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:1em auto} .cmC i[rel=image]::before{content:'This feature isn\0027t available!';border:1px dashed rgba(0,0,0,.2);border-radius:3px;padding:10px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;background:var(--contentB)} .cmC i[rel=pre], .cmC i[rel=quote]{margin-top:1em;margin-bottom:1em; font-style:normal;line-height:inherit;padding:20px} .cmC i[rel=pre]::before{display:block;width:auto} .cmC i[rel=quote]{display:block;font-style:italic;font-size:inherit;padding:5px 15px} .cmCo img{margin-top:1em;margin-bottom:1em} .cmAc{margin-top:10px} .cmAc a{font-size:90%;color:inherit;opacity:.7;display:inline-flex} .cmAc a::before{content:'\2934';line-height:18px;font-size:16px;transform:rotate(90deg)} .cmAc a::after{content:attr(data-text);margin:0 6px} .cmR{margin:10px 40px 0} .cmRp ~ .cmAc, .cmBd.del ~ .cmAc, .onItm:not(.Rtl) .cmHr .date{display:none} .cmRi:checked ~ .cmRp .thTg{margin-bottom:0} .cmRi:checked ~ .cmRp .thTg::after{content:attr(aria-label)} .cmRi:checked ~ .cmRp .thCh, .cmRi:checked ~ .cmRp .cmR{display:none} .cmAl:checked ~ .cm .cmH .s::before{content:attr(data-new)} .cmAl:checked ~ .cm .cmCn >ol{flex-direction:column-reverse} .thTg{display:inline-flex;align-items:center;margin:15px 0 18px;font-size:90%} .thTg::before{content:'';width:28px;border-bottom:1px solid var(--widgetTac);opacity:.5} .thTg::after{content:attr(data-text);margin:0 12px;opacity:.7} .cmCn ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .cmCn li{margin-bottom:18px;position:relative} .cmCn li .cmRbox{margin-top:20px} .cmCn li li{display:flex;flex-wrap:wrap;width:calc(100% + 12px);left:-6px;right:-6px} .cmCn li li:last-child{margin-bottom:0} .cmCn li li .cmAv{flex:0 0 28px;margin:0 6px} .cmCn li li .cmAv .im{width:28px;height:28px} .cmCn li li .cmIn{width:calc(100% - 52px);margin:0 6px} .cmHl >li{padding-left:17.5px} .cmHl >li >.cmAv{position:absolute;left:0;top:12px} .cmHl >li >.cmIn{background:var(--contentB);padding:12px 15px 12px 28px;border-radius:12px;box-shadow:0 0 30px rgba(0,0,0,.07)} .pCmnts .cmIn img{border-radius:3px} /* Comments Show/Hide */ #comment:target{margin:0;padding-top:60px} .cmSh:checked ~ .cmShw, .cmShw ~ .cm:not(.cmBr), #comment:target .cmShw, #comment:target .cmSh:checked ~ .cm:not(.cmBr){display:none} .cmSh:checked ~ .cm:not(.cmBr), #comment:target .cm:not(.cmBr), #comment:target .cmSh:checked ~ .cmShw{display:block} .cmBtn{display:block;padding:20px;text-align:center;max-width:100%} .cmBtn.ln:hover{color:var(--linkB)} /* Comments Pop-up */ #comment:target .cmSh:checked ~ .cm.cmBr{bottom:-100%;opacity:0;visibility:hidden} #comment:target .cmSh:checked ~ .cm.cmBr .fCls{opacity:0;visibility:hidden} .cmDl{position: absolute;top:15px;right:20px;width:20px;height:20px;background:#ffcdd2;border-radius:50%;transition:var(--trans-2)} .cmDl.rp{top:2.5px;right:10px} .cmDl:hover{opacity:.8;transform:scale(1.08)} .cmDl a{width:20px;height:20px;display:flex;justify-content:center;align-items:center} .cmDl a svg{width:12px;height:12px;stroke-width:1.2} .Rtl .cmDl{right:unset;left:20px} .Rtl .cmDl.rp{left:10px} .drK .cmDl{background:var(--darkB)} .iCmn{cursor:pointer;outline:none;border:none;display:block;font-weight:700;margin:0 auto;max-width:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;background:var(--contentB)} .iCmn::before{content:attr(data-text)} .iCmn:hover::before{opacity:.7} .drK .iCmn{background:var(--darkBs)}
/* Youtube fullpage */ .videoYt{position:relative;padding-bottom:56.25%; overflow:hidden;border-radius:5px} .videoYt iframe{position:absolute;width:100%;height:100%;left:0;right:0}
/* Lazy Youtube */ .lazyYt{background:var(--synxBg);position:relative;overflow:hidden;padding-top:56.25%;border-radius:5px} .lazyYt img{width:100%;top:-16.84%;left:0;opacity:.95} .lazyYt img, .lazyYt iframe, .lazyYt .play{position:absolute} .lazyYt iframe{width:100%;height:100%;bottom:0;right:0} .lazyYt .play{top:50%;left:50%; transform:translate3d(-50%,-50%,0); transition:all .5s ease;display:block;width:70px;height:70px;z-index:1;cursor:pointer} .lazyYt .play svg{width:inherit;height:inherit; fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:8} .lazyYt .play .c{stroke:rgba(255,255,255,.85);stroke-dasharray:650;stroke-dashoffset:650; transition:all .4s ease-in-out; opacity:.3} .lazyYt .play .t{stroke:rgba(255,255,255,.75);stroke-dasharray:240;stroke-dashoffset:480; transition:all .6s ease-in-out; transform:translateY(0)} .lazyYt .play:hover .t{animation:nudge .6s ease-in-out;-webkit-animation:nudge .6s ease-in-out} .lazyYt .play:hover .t, .lazyYt .play:hover .c{stroke-dashoffset:0; opacity:.7;stroke:#FF0000} .nAmp .lazyYt{display:none}
/* Quick Edit */ .qeMn, .qeBtn .svg-2{display:none} .qeBtn{position:fixed;bottom:20px;right:20px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:50px;z-index:5;overflow:hidden;display:flex;align-items:center;justify-content:center;width:35px;height:35px;-webkit-transition:all .2s ease,margin 1s ease;transition:all .2s ease,margin 1s ease;cursor:pointer} .qeBtns .qeBtn.a{bottom:22.5px;right:22.5px;width:30px;height:30px;z-index:4;box-shadow:none;opacity:0} .qeBtns .qeBtn.a:hover{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1} .qeBtn svg{width:18px;height:18px;margin:auto} .qeBtn svg.line{stroke-width:1.3} .qeBtn.a svg{width:16px;height:16px} .qeMn:checked + .qeBtn{-webkit-transform:rotate(360deg);transform:rotate(360deg)} .qeMn:checked + .qeBtn .svg-1{display:none} .qeMn:checked + .qeBtn .svg-2{display:block} .qeMn:checked ~ .qeBtns .qeBtn{box-shadow:0 0 15px rgba(0,0,0,.1)} .qeMn:checked ~ .qeBtns .qeBtn.a{opacity:1} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(1){bottom:60px} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(2){bottom:95px} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(3){bottom:130px} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(4){right:60px} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(5){right:95px} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(6){right:130px} .qeMn:checked ~ .qeBtns + .fCls{visibility:visible;opacity:1;z-inex:4} @media screen and (max-width:896px){.qeBtn{margin-bottom:60px;margin-right:55px} .qEdit.nBtm .qeBtn{margin-bottom:150px;margin-right:55px} .MN-4 .qeBtn{margin-bottom:60px;margin-right:5px} .MN-4 .qEdit.nBtm .qeBtn{margin-right:55px;margin-bottom:85px}} @media screen and (min-width:897px){.qeBtn{margin-bottom:5px;margin-right:55px}} .drK .qeBtn{background:var(--darkBa)}
/* Preloader */ .pldW{direction:ltr;position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:var(--bodyB);align-items:center;justify-content:center;z-index:9999;visibility:visible;opacity:1;transition:all .8s ease} .pldW.e{display:flex} .pldW.h{opacity:0;visibility:hidden} .pldS {position:relative;transform:rotate(165deg)} .pldS:before, .pldS:after{content:'';position:absolute;display:block;width:.5em;height:.5em;border-radius:.25em;transform:translate(-50%,-50%)} .pldS:before{animation:pldBefore 2s infinite} .pldS:after{animation:pldAfter 2s infinite} @keyframes pldBefore{0%{width:.5em;box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}35%{width:2.5em;box-shadow:0 -.5em rgba(225,20,98,.75),0 .5em rgba(111,202,220,.75)}70%{width:.5em;box-shadow:-1em -.5em rgba(225,20,98,.75),1em .5em rgba(111,202,220,.75)}100%{box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}} @keyframes pldAfter{0%{height:.5em;box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}35%{height:2.5em;box-shadow:.5em 0 rgba(61,184,143,.75),-.5em 0 rgba(233,169,32,.75)}70%{height:.5em;box-shadow:.5em -1em rgba(61,184,143,.75),-.5em 1em rgba(233,169,32,.75)}100%{box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}} .drK .pldW{background:var(--darkB)}
/* Lightbox image */ .lbImg{position:relative} .lbImg::before{content:'';position:absolute;top:10px;right:5px;width:30px;height:30px;display:flex;margin:0 5px;background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23363637' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'/></svg>") center / 14px no-repeat;background-color:rgba(0,0,0,.2);border-radius:50%;z-index:2;opacity:0;transition:all 0.2s ease;cursor:pointer} .lbImg:hover::before{opacity:1} .lbImg img {cursor:zoom-in;} .zmImg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px);opacity:0;visibility:hidden;transition:all 0.4s ease;} .zmImg.active{opacity:1;visibility:visible} .zmImg a, .zmImg a:hover{opacity:1} .zmImg img{display:block;max-width:92%;max-height:92%;width:auto;margin:auto;border-radius:10px;box-shadow:0 5px 30px 0 rgba(0,0,0,.05);transform:scale(0.4);transition:all 0.4s ease;transition-property:transform;} .zmImg.active img {transform:scale(1);cursor:zoom-out;} .zmImg img.full{left:auto;right:auto;border-radius:10px;width:auto} .zmImg::after{content:'\2715';line-height:16px;font-size:14px;color:#fffdfc;background:var(--linkB);position:fixed;bottom:-20px;right:-20px; display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;opacity:0;visibility:hidden;transition:all 0.4s ease;} .zmImg.active::after{bottom:20px;right:20px;opacity:1;visibility:visible;cursor:pointer}
/* Highlight */ .pre .pre-subst{color:var(--synxC)} .pre .pre-comment{color:#656e77} .pre .pre-attr, .pre .pre-doctag, .pre .pre-meta, .pre .pre-meta-keyword, .pre .pre-section, .pre .pre-selector-class{color:#015692} .pre .pre-selector-pseudo, .pre .pre-keyword{color:#0a8356} .pre .pre-selector-tag{color:#167406} .pre .pre-attribute{color:#803378} .pre .pre-built_in, .pre .pre-literal, .pre .pre-name, .pre .pre-number, .drK .pre .pre-number, .pre .pre-quote, .pre .pre-selector-id, .pre .pre-template-tag, .pre .pre-title, .pre .pre-type{color:#b75501} .pre .pre-link, .pre .pre-meta-string, .pre .pre-regexp, .pre .pre-selector-attr, .pre .pre-string, .pre .pre-symbol, .pre .pre-template-variable, .pre .pre-variable{color:#54790d} .pre .pre-bullet, .pre .pre-code{color:#535a60} .pre .pre-deletion{color:#c02d2e} .pre .pre-addition{color:#2f6f44} .pre .pre-emphasis{font-style:italic} .pre .pre-strong{font-weight:700} .drK .pre{color:var(--darkT)} .drK .pre .pre-subst, .drK .pre .pre-property, .drK .pre .pre-function{color:#fefefe} .drK .pre .pre-strong{font-weight:bold} .drK .pre .pre-code, .drK .pre .pre-emphasis{font-style:italic} .drK .pre .pre-tag{color:#62c8f3} .drK .pre .pre-name{color:#ff7086} .drK .pre .pre-attr{color:#ffb244} .drK .pre .pre-variable, .drK .pre .pre-template-variable, .drK .pre .pre-selector-id, .drK .pre .pre-selector-class{color:#ade5fc} .drK .pre .pre-string, .drK .pre .pre-bullet{color:#a2fca2} .drK .pre .pre-type, .drK .pre .pre-title, .pre .pre-section, .drK .pre .pre-attribute, .drK .pre .pre-quote, .drK .pre .pre-built_in, .drK .pre .pre-builtin-name{color:#ffa} .pre .pre-number, .drK .pre .pre-symbol, .drK .pre .pre-bullet{color:#d36363} .drK .pre .pre-keyword, .drK .pre .pre-literal{color:#fcc28c} .drK .pre .pre-selector-pseudo{color:#fbc796} .drK .pre .pre-selector-tag{color:#fbb46e} .drK .pre .pre-comment, .drK .pre .pre-deletion, .drK .pre .pre-code{color:#888} .pre .pre-regexp, .drK .pre .pre-regexp, .drK .pre .pre-link{color:#c6b4f0} .drK .pre .pre-meta{color:#fc9b9b} .drK .pre .pre-deletion{background-color:#fc9b9b;color:#333} .drK .pre .pre-addition{background-color:#a2fca2;color:#333}
/* Post Next or Prev */ .chpN{margin:4em 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;width:calc(100% + 20px);left:-10px;right:-10px; font-size:14px;font-family:var(--fontB);line-height:1.6em} .chpN >*{margin:0 10px;flex:0 0 calc(50% - 20px);display:inline-flex;flex-direction:column;color:inherit!important;cursor:default} .chpN >*::before{content:'Previous Chapter'} .chpN >*:not(:first-child)::before{content:'Next Chapter'} .chpN >*::after{content:attr(data-text);display:block; /*display:-webkit-box;*/-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; opacity:.6; font-size:12px;font-family:var(--fontBa);line-height:1.5em;margin-top:4px;cursor:pointer} .chpN >*:hover::after{text-decoration:underline} .chpN >*:not(:first-child){align-items:flex-end; text-align:right} .chpN.n{justify-content:flex-end} .chpN.p{justify-content:flex-start} /*]]>*/</style>
<script>/*<![CDATA[*/ eval(function(p,l,u,s,f,d){while(u--){if(s[u]){p=p.replace(new RegExp('\\b'+u+'\\b','g'),s[u])}}return p}('!16(){16 13(13,14){21 24(14- -355,13)}29 14=58();16 17(13,14){21 24(13- -183,14)}45(;;)61{176(178==-35(17(-125,-92))*(35(13(23,39))/2)+35(17(-71,-77))/3*(-35(17(-106,-125))/4)+35(13(51,51))/5*(-35(13(19,32))/6)+35(13(-1,26))/7+-35(13(71,83))/8+-35(13(69,55))/9*(-35(13(43,57))/10)+35(17(-83,-64))/11)181;14.117(14.135())}53(13){14.117(14.135())}}();65 132=70(185,186),129=70(187,194),126="195",123="196+/=";29 60={38:132+129+126+123,149:16(13){16 14(13,14){21 24(13-152,14)}29 17,18,27,28,30,33,40="",37=0;45(13=60[14(155,162)](13);37<13[14(199,206)];)27=(33=13[67(120,243)](37++))>>2,28=(3&33)<<4|(17=13[14(244,250)](37++))>>4,30=(15&17)<<2|(18=13[67(120,254)](37++))>>6,33=63&18,122(17)?30=33=64:122(18)&&(33=64),40=40+42.38.47(27)+42.38.47(28)+42.38[14(255,257)](30)+42.38.47(33);16 67(13,14){21 24(13-188,14)}21 40},261:16(13){29 14,17,18,27,28,30="",33=0;45(13=13[40(271,256)](/[^210-213-214-9\\+\\/\\=]/78,"");33<13.59;)14=42.38.75(13.47(33++))<<2|(18=42.38.75(13.47(33++)))>>4,17=(15&18)<<4|(27=42.38[37(217,219)](13[40(221,228)](33++)))>>2,18=(3&27)<<6|(28=42.38[40(231,236)](13[37(205,242)](33++))),30+=34.74(14),64!=27&&(30+=34[37(235,234)](17)),64!=28&&(30+=34[40(233,232)](18));16 40(13,14){21 24(13-229,14)}16 37(13,14){21 24(13-227,14)}21 60.89(30)},108:16(13){16 14(13,14){21 24(14- -258,13)}13=13.102(/\\18\\14/78,"\\14");45(29 17="",18=0;18<13[14(180,174)];18++){29 27=13[14(133,150)](18);27<128?17+=34[14(165,173)](27):(127<27&&27<226?17+=34[14(146,173)](27>>6|192):(17+=34[24(225,223)](27>>12|224),17+=34[14(169,173)](27>>6&63|128)),17+=34[14(198,173)](63&27|128))}21 17},89:16(13){45(29 14="",17=0,18=208=52=0;17<13.59;)(18=13[28(95,220)](17))<128?(14+=34.74(18),17++):191<18&&18<224?(52=13[27(-8,22)](17+1),14+=34[27(15,46)]((31&18)<<6|63&52),17+=2):(52=13.100(17+1),84=13[28(95,218)](17+2),14+=34[28(216,215)]((15&18)<<12|(63&52)<<6|63&84),17+=3);16 27(13,14){21 24(13- -212,14)}16 28(13,14){21 24(13-292,14)}21 14},211:16(13){16 14(13,14){21 24(13-273,14)}21(13=41[14(209,237)][14(222,81)](50 238(14(81,272)+13[14(124,82)](/([.$?*|{}()[\\]\\\\/+^])/78,"$1")+"=([^;]*)")))?269(13[1]):268 0},107:16(13,14,17={}){16 18(13,14){21 24(14-134,13)}(17={267:"/",...17}).62 266 265&&(17[24(392,-151)]=17.62[18(264,263)]());262 27=97(101(13))+"="+97(101(14));45(29 28 241 17){27+="; "+28;29 30=17[28];!0!==30&&(27+="="+30)}41[18(109,253)]=27},252:16(13){29 14={};14[24(373,251)]=-1,60.107(13,"",14)},249:16(13,14){76[24(391,248)](13,14)},246:16(13){21 76.105(13)},245:16(13){76[24(114,240)](13)},207:16(13,14){73[24(391,134)](13,14)},167:16(13){21 73[24(166,-393)](13)},164:16(13){73[24(114,-113)](13)},160:16(13){21 13[36[24(385,358)](36.159()*13.59)]},157:16(13){29 14=36[17(113,153)](44(13));16 17(13,14){21 24(14-103,13)}16 18(13,14){21 24(13-230,14)}21 85<=36[18(48,110)](44(13))?14*(36[17(139,87)](44(13))/85)[18(145,144)](2)+"143":96<=36[18(48,142)](44(13))?14*(36[18(48,154)](44(13))/96).79(2)+"189":88<=36[18(48,204)](44(13))?14*(36[17(203,87)](44(13))/88).79(2)+"197":36[18(48,94)](44(13))},190:16(17){29 18=50 93;61{18=50 93}53(13){61{18=50 111("175.99")}53(13){61{18=50 111(14(110,179))}53(13){21 177.172(14(138,94)),!1}}}16 13(13,14){21 24(14-184,13)}16 14(13,14){21 24(13-239,14)}18[14(274,202)]=16(){16 13(13,14){21 24(13-171,14)}29 14;4==18.170&&(200==18[24(140,147)]?(14=18[13(148,156)],17[13(163,115)](14)):13(82,115)==275 17.98&&17[13(277,402)](18))},18[14(367,368)](13(369,378),17[13(376,394)],17[14(382,381)]),18[14(364,379)]()}};16 70(13,14){21 24(14-380,13)}16 56(13){21 41.351(13)}16 352(13){21 41[24(395,356)](13)}16 118(13){21 41[24(388,-109)](13)}16 363(13){21 41[24(365,366)](13)}16 58(){29 13=["349","377","375","372","370","348","362","361","98","360","116","357","353","350","100","105","396","408","407","(?:^|; )","406","405","75","404","401","400","137","398","397","390","389","386","121","383","399","387","90","74","59","403","359","47","16","108","346","310","130","343","307-306","305","304","303","302","301","102","300","299","79","298.99","297","296","295 293 276!","289","288","287","286","285","62","284"];21(58=16(){21 13})()}16 283(13,14){16 17(13,14){21 24(14- -282,13)}21 13[17(-354,-347)][17(-312,-317)](14)}16 281(13,14){21 13[24(384,-280)][24(279,278)](14)}16 345(13){16 14(13,14){21 24(14-308,13)}294[14(309,329)]({342:56(13)[24(341,340)]-20,339:0,90:14(338,337)})}16 336(13){29 14={};16 17(13,14){21 24(14-335,13)}16 18(13,14){21 24(13-291,14)}14[18(334,333)]=17(332,331),14[18(330,328)]=17(311,327),56(13).137(14)}16 326(13,14){21 24(14- -325,13)}16 323(13){29 14={};16 17(13,14){21 24(13- -150,14)}16 18(13,14){21 24(14- -344,13)}14[18(119,86)]=18(68,49),14.130=17(247,259),56(13)[17(270,290)](14)}16 24(13,14){29 17=58();21(24=16(13,14){21 17[13-=371]})(13,14)}16 322(13,14,17,18,27){65 28=41.121(24(374,131));16 30(13,14){21 24(14- -260,13)}28.136=14,28[30(193,161)]=17,28[30(168,141)]=13,27&&(28.116=27),118(18)[30(182,158)](28)}16 321(13,14,17){16 18(13,14){21 24(14- -324,13)}16 27(13,14){21 24(13-320,14)}65 28=41[27(124,319)](18(25,54));28.136=14,28[18(66,72)]=18(103,91),28.318="316/315",28.314=13,17&&(28[18(104,80)]=17),41[18(112,83)][27(313,201)](28)}', 10, 409, '|||||||||||||t|n||function|e|r|||return|||_0x178b|||o|u|var|c|||i|String|parseInt|Math|s|kS||a|document|this||Number|for||charAt|641||new||c2|catch|||getid||_0x55e1|length|Pu|try|expires|||const||f|||_0x51f4a5|||sessionStorage|fromCharCode|indexOf|localStorage||g|toFixed||1202|1155||c3|1e9||514|1e3|u8_de|behavior|||XMLHttpRequest|624|700|1e6|unescape|error|XMLHTTP|charCodeAt|encodeURIComponent|replace|||getItem||sC|u8_en|544|622|ActiveXObject||500|429|1178|onload|push|qSel||596|createElement|isNaN|vjggsbmc|1168||pkhgedjk|||hgjggyfh|block||ggfuguhg|||shift|id|scrollIntoView|625|490|428||666|B|600|612||872|1091|en|||992|508|646|1429|1097|abv||random|rdm||1428|1146|rSS||409|gSS|||readyState|719|warn|||Msxml2|if|console|873854|597||break||505|836|870|889|869||M|gAj||||863|osqeigwlhvyz|ukx3508749216|K||1424||1134|676|483|634|1043|1394|sSS|c1|1179|A|gC|416|Za|z0|737|723|1024|717|1013|688|1144|1208|839||431|2048|608|1156|709||1125|1172|1140|1032|1039|1148|1157|RegExp||513|in|1053|627|1400|rLS|gLS||879|sLS|1393|904|dC|524|609|1427|1119|1408||||de|let|534|509|Date|instanceof|path|void|decodeURIComponent||1088|1192|789|664|typeof|wrong|1121|599|423|549|remCt|731|addCt|smooth|setItem|cookie|center|querySelector|49758EOuVVI||||went|window|Something|floor|classList|Microsoft|3512376kRaahX|3260yCibet|link|GET|url|open|script|age|max|845|1264|offsetTop|1176||1160|href|css|text||type|1166|742|ldCss|ldJs|stE||774|_0x5949b4|1199|690|1278|662|1203|1222|753|721|810|stC|1238|1261|left|438|439|top|responseText||stS|3923688UGcGhI||524usdNgG|160GWrUHi|head|getElementById|getclass|610PAtQkJ|||525|sign||18027onqsIt|send|src|toUTCString|qSell|642|417|1107|614|595|1239|LHVYZUKXmbdrtnfjcap||end|||rel|1193|getElementsByClassName|1213|659|465|658|660|success|||onreadystatechange|removeItem||MBDRTNFJCAPOSQEIGW|remove||||1212||9uXEtTy|31401524ZYnZiy|async|status|match|appendChild|1115|scroll|querySelectorAll|stylesheet|add|675880bQrepP|abs'.split('|'))); function remPar(n,r){function t(n,r){return _0x50d0(r-93,n)}function e(n,r){return _0x50d0(n-406,r)}function a(n){return n[_0x50d0(0,-900)](/([.?*+^$[\]\\(){}|-])/g,"\\$1")}window[t(95,94)][e(408,411)]&&(n=n?a(n):"",r=r?a(r):"",window[t(93,94)][e(408,405)](null,"",location.pathname+(""!=n?location[e(409,406)][t(93,93)](new RegExp(e(410,411)+n+"="+r+t(99,98),"g"),"").replace(new RegExp(e(410,411)+n+(""!==r?"="+r:""),"g"),"")[t(96,93)](/^&/,"?"):"")+location.hash))}function _0x476a(){var n=["replace","history","replaceState","search","[?&]","[^&]+"];return(_0x476a=function(){return n})()}function _0x50d0(n,r){var t=_0x476a();return(_0x50d0=function(n,r){return t[n=+n]})(n,r)}; /*]]>*/</script>
<script>/*<![CDATA[*/
/* Remove ?m=0, ?m=1 - some features may not work */ /*remPar("m", "0"); remPar("m", "1");*/
/* Disable Default Cookie Consent */ cookieChoices = {};
/* @shinsenter/defer.js */ !function(c,i,t){var f,o=/^data-(.+)/,u='IntersectionObserver',r=/p/.test(i.readyState),s=[],a=s.slice,d='lazied',n='load',e='pageshow',l='forEach',m='hasAttribute',h='shift';function p(e){i.head.appendChild(e)}function v(e,n){a.call(e.attributes)[l](n)}function y(e,n,t,o){return o=(o=n?i.getElementById(n):o)||i.createElement(e),n&&(o.id=n),t&&(o.onload=t),o}function b(e,n){return a.call((n||i).querySelectorAll(e))}function g(t,e){b('source',t)[l](g),v(t,function(e,n){(n=o.exec(e.name))&&(t[n[1]]=e.value)}),e&&(t.className+=' '+e),n in t&&t[n]()}function I(e){f(function(o){o=b(e||'[type=deferjs]'),function e(n,t){(n=o[h]())&&(n.parentNode.removeChild(n),(t=y(n.nodeName)).text=n.text,v(n,function(e){'type'!=e.name&&(t[e.name]=e.value)}),t.src&&!t[m]('async')?(t.onload=t.onerror=e,p(t)):(p(t),e()))}()})}(f=function(e,n){r?t(e,n):s.push(e,n)}).all=I,f.js=function(n,t,e,o){f(function(e){(e=y('SCRIPT',t,o)).src=n,p(e)},e)},f.css=function(n,t,e,o){f(function(e){(e=y('LINK',t,o)).rel='stylesheet',e.href=n,p(e)},e)},f.dom=function(e,n,t,o,i){function r(e){o&&!1===o(e)||g(e,t)}f(function(t){t=u in c&&new c[u](function(e){e[l](function(e,n){e.isIntersecting&&(n=e.target)&&(t.unobserve(n),r(n))})},i),b(e||'[data-src]')[l](function(e){e[m](d)||(e.setAttribute(d,''),t?t.observe(e):r(e))})},n)},f.reveal=g,c.Defer=f,c.addEventListener('on'+e in c?e:n,function(){for(I();s[0];t(s[h](),s[h]()))r=1})}(this,document,setTimeout),function(e,n){e.defer=n=e.Defer,e.deferscript=n.js,e.deferstyle=n.css,e.deferimg=e.deferiframe=n.dom}(this);
/* Adsense Functions */
/* Push Ads */ function pushAds(){for(let a,b=qSell("ins.adsbygoogle"),c=0;c<b.length;c++)a=b[c],a&&null==a.getAttribute("data-ad-pushed")&&!a.classList.contains("adsbygoogle-noablate")&&((adsbygoogle=window.adsbygoogle||[]).push({}),a.setAttribute("data-ad-pushed","true"))};
/* Insert After */ function insertAfter(e,n){var t;null!=e&&null!=n&&((t=n.parentNode).lastChild==n?t.appendChild(e):t.insertBefore(e,n.nextSibling))};
/* Middle Ads */ function middleAds(e,n){for(var t=0;t<n.length;t++){var l=document.getElementById("postBody"),d=document.getElementById(n[t][0]),l=l.getElementsByTagName(e);0<l.length?insertAfter(d,l[n[t][1]]):null!=d&&(d.remove())}};
/* Recurring Ads */ function recurAds(e,n){var t=document.getElementById("postBody"),l=n.ads?document.getElementById(n.ads):null,d=t.getElementsByTagName(e);if(0<d.length&&null!=l)for(var r,i=0;i<d.length;i++)i%n.every==0&&0!==i&&((r=document.createElement("div")).classList.add("recAd"),r.innerHTML=l?l.innerHTML:n.html||"",insertAfter(r,d[i])),i==d.length-1&&null!=l&&(l.remove());else null!=l&&(l.remove())};
/*]]>*/</script>
<script id='polyfill-js'>'IntersectionObserver'in window||document.write('<script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver"><\/script>');</script>
<script type='application/ld+json'>{"@context": "https://schema.org", "@type": "WebSite", "url": "https://codedscripts.blogspot.com/", "name": "Coded Scripts", "alternateName": "Coded Scripts", "potentialAction": {"@type": "SearchAction", "target": "https://codedscripts.blogspot.com/search?q={search_term_string}", "query-input": "required name=search_term_string"}}
</script>
<!--[ Defer Adsense script use shinsenter/defer.js ]-->
<!--<script type='deferjs' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000' crossorigin='anonymous'/>-->
<!-- Open - Floating buttons for telegram and whatsapp -->
<style>
.telegram-float {
position: fixed;
bottom: 128px;
right: 20px;
z-index: 10;
opacity: 0; /* Initially hide the Telegram icon */
transition: opacity 0.3s ease;
}

.telegram-icon {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #0088cc;
display: flex;
justify-content: center;
align-items: center;
animation-name: pulse;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}

@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 136, 204, 0.5);
}
80% {
box-shadow: 0 0 0 14px rgba(0, 136, 204, 0);
}
}

.telegram-icon svg {
fill: #fff;
width: 30px;
height: 30px;
}

.whatsapp-float {
position: fixed;
bottom: 180px;
right: 20px;
z-index: 15;
opacity: 0; /* Initially hide the WhatsApp icon */
transition: opacity 0.3s ease;
}

.whatsapp-icon {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #25D366;
display: flex;
justify-content: center;
align-items: center;
animation-name: pulse;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}

.whatsapp-icon svg {
fill: #fff;
width: 30px;
height: 30px;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
var telegramFloat = document.querySelector('.telegram-float');
var whatsappFloat = document.querySelector('.whatsapp-float');
var lastScrollTop = 0;

window.onscroll = function () {
var scrollTop = window.scrollY || document.documentElement.scrollTop;

// Telegram Floating Button
if (scrollTop > lastScrollTop) {
// Scrolling down
telegramFloat.style.opacity = '1';
} else {
// Scrolling up
telegramFloat.style.opacity = '0';
}

// WhatsApp Floating Button
if (scrollTop > lastScrollTop) {
// Scrolling down
whatsappFloat.style.opacity = '1';
} else {
// Scrolling up
whatsappFloat.style.opacity = '0';
}

lastScrollTop = scrollTop;
};
});
</script>
<!-- Close - Floating buttons for telegram and whatsapp -->
<script>/*<![CDATA[*/
/**
* Anti Ad Blocker Code by Fineshop Design
* Last Updated: 16:42 12/08/2023 IST
* Copyright: [Deo Kumar, Fineshop Design](https://www.fineshopdesign.com)
*/
(function(){const n=document,o=n.head;var t="pointer-events: none; height: 1px; width: 0; opacity: 0; visibility: hidden; position: fixed; bottom: 0;";const a=n.createElement("div"),s=n.createElement("div"),d=n.createElement("ins");a.id="div-gpt-ad-3061307416813-0",a.style=t,s.className="textads banner-ads banner_ads ad-unit ad-zone ad-space adsbox ads",s.style=t,d.className="adsbygoogle",d.style="display: none;";const i={allowed:null,elements:[a,s,d]};this.checkAdsStatus=function(t){const e=n.body;"function"==typeof t&&("boolean"==typeof i.allowed?t(i):(e.appendChild(a),e.appendChild(s),e.appendChild(d),setTimeout(function(){if(0===a.offsetHeight||0===s.offsetHeight||d.firstElementChild)i.allowed=!1,t(i);else{const e=n.createElement("script");e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js",e.async=!0,e.crossOrigin="anonymous",e.onload=function(){i.allowed=!0,t(i)},e.onerror=function(){i.allowed=!1,t(i)},o.appendChild(e)}a.remove(),s.remove(),d.remove()},40)))}}).call(this);

function antiAdBlockerHandler() {
window.checkAdsStatus(function(ads) {
if (!ads.allowed) {
// Ads are Blocked
console.log("%c[ADS]", "color:#d32f2f;", "Blocked");

const icon = "<svg style='stroke:none;fill:currentColor!important' viewBox='0 0 24 24'><path d='M12.2 9L10.2 7H13C14.1 7 15 7.9 15 9V11.8L13 9.8V9H12.2M23 9V7H19C17.9 7 17 7.9 17 9V11C17 12.1 17.9 13 19 13H21V15H18.2L20.2 17H21C22.1 17 23 16.1 23 15V13C23 11.9 22.1 11 21 11H19V9H23M22.1 21.5L20.8 22.8L14.4 16.4C14.1 16.7 13.6 17 13 17H9V10.9L7 8.9V17H5V13H3V17H1V9C1 7.9 1.9 7 3 7H5.1L1.1 3L2.4 1.7L22.1 21.5M5 9H3V11H5V9M13 14.9L11 12.9V15H13V14.9Z'/></svg>";
const title = "Ad blocker detected!";
const message = "<p>We have detected that you are using adblocking plugin in your browser.<br/>The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.</p>";

// Lets create the popup
const element = document.createElement("div");
element.className = "popSc";
element.innerHTML = "<div class='popBo'>" + icon + "<h2>" + title + "</h2><div class='popCo'>" + message + "</div></div>"
document.body.appendChild(element);
} else {
// Ads are allowed;
console.log("%c[ADS]", "color:#43a047;", "Allowed");
}
});
document.removeEventListener("DOMContentLoaded", antiAdBlockerHandler);
};

if (document.readyState === "complete" || document.readyState !== "loading") {
antiAdBlockerHandler();
} else {
document.addEventListener("DOMContentLoaded", antiAdBlockerHandler);
}
/*]]>*/</script>
<!--[ </head> close ]-->
<!--<head><style type='text/css'>@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}</style>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4107775646633759889&amp;zx=354ea74d-5b88-48d9-b823-5f7baf7324f0' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4107775646633759889&amp;zx=354ea74d-5b88-48d9-b823-5f7baf7324f0' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2154110861787126&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>

<!-- data-ad-client=ca-pub-2154110861787126 -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Poppins"></head>
<!--[ <body> open ]-->
<body class='MN-3 mobS flT hdMn bD onItm onPs' id='mainCont'>
<!--[ Show only one grid column in Mobile ]-->
<!--[ Enable tag below to change Mobile Menu style, try 'MN-2', 'MN-3' or 'MN-4' ]-->
<!--[ Enable tag below to change Header style (Only Mobile) ]-->
<!--<b:class name='HD-2'/>-->
<!--[ Enable tag below to make some Elements floating ]-->
<!--[ Enable tag below to minimize Navigation Menu in desktop ]-->
<!--[ Change basic layout style in desktop, try 'LS-2' or 'LS-3' ]-->
<!--<b:class name='LS-2'/>-->
<!--[ Active function ]-->
<input class='prfI hidden' id='offPrf' type='checkbox'/>
<input class='navI hidden' id='offNav' type='checkbox'/>
<input class='navM hidden' id='onMode' type='checkbox'/>
<!--[ Preloader ]-->
<!--[ Disable all the codes to remove preloader ]-->
<!--<div class='pldW' id='preloader'> <div class='pldS'/> </div> <script>/*<![CDATA[*/ var preloader=document.querySelector('#preloader'); preloader.classList.add('e'); document.addEventListener('DOMContentLoaded', function(){setTimeout(function(){preloader.classList.add('h')},2000); neonLight(5000);}); /*]]>*/</script>-->
<!--[ Toast Notif ]-->
<div class='tNtf alt notranslate' id='toastNotif'></div>
<!--[ Fixed Notif ]-->
<div id='fixedNotif'></div>
<!--[ Neon Lighting ]-->
<div class='nLght' id='neonLight'></div>
<div class='hidden section' id='license' name='License'><div class='widget HTML' data-version='2' id='HTML15'>
<div class='blog-admin' id='admCk'></div>
<span class='pu-views' data-add='true' data-id='WebsiteStats'></span>
<script>const blogUrl='https://codedscripts.blogspot.com/';const blogID='4107775646633759889';const postID='8129998340886010995';const blogTitle='Coded Scripts';const isPreview='false';const isHomepage='false';const isSearch='false';const isBlog='false';const isSingleItem='true';const isPost='true';const isPage='false';const isError='false';const isMobile='false';const isPrivateBlog='false';const analyticsID='';const caPubAdsense='ca-pub-2154110861787126';const licenseKey='KL30SxS='; /*<![CDATA[[*/ /* Adtnl JS */ function _0x5bbe(){var e=["4376qYpvmR","55450FYjxnM","toString","getPropertyValue","151770RPDrAo","getComputedStyle","147UGmURR","3700773qzVVQQ","drK","search","apply","length","classList","(((.+)+)+)+$","26ftCMLj","matchMedia","lgT","5531890YAocLl","theme0","webMode","matches","878332QutNDF","constructor","add","20709HiTzhJ","content","sLS","gLS","themeC","5791210DcgbdX","body","syD","webTheme"];return(_0x5bbe=function(){return e})()}function _0x4b2a59(e,t){return _0xce6d(t- -836,e)}function _0x5a8f2f(e,t){return _0xce6d(e-659,t)}function themeColor(e){function t(e,t){return _0xce6d(t-532,e)}function n(e,t){return _0xce6d(e-968,t)}e=window[t(543,532)](document[n(993,979)])[n(999,1010)]("--"+e);for(var r=qSell("meta[name='theme-color'],meta[name='msapplication-navbutton-color'],meta[name='apple-mobile-web-app-status-bar-style']"),a=0;a<r[t(525,538)];a++)r[a][n(988,988)]=e}function _0xce6d(e,t){var n=_0x5bbe();return(_0xce6d=function(e,t){return n[e=+e]})(e,t)}!function(){function e(e,t){return _0xce6d(t- -164,e)}function t(e,t){return _0xce6d(e- -735,t)}for(var n=_0x5bbe();;)try{if(664889==-parseInt(t(-706,-703))*(-parseInt(t(-726,-740))/2)+-parseInt(e(-171,-162))/3+parseInt(t(-719,-705))/4+parseInt(e(-157,-152))/5+parseInt(t(-703,-702))/6*(parseInt(t(-734,-722))/7)+parseInt(e(-140,-136))/8*(-parseInt(t(-716,-726))/9)+parseInt(t(-711,-702))/10)break;n.push(n.shift())}catch(e){n.push(n.shift())}}(),null!=Pu[_0x4b2a59(-829,-814)](_0x4b2a59(-837,-822))?function(){function e(e,t){return _0xce6d(t-896,e)}var t,n,r=(t=this,o=function(){if(n){var e=n[_0xce6d(5,-620)](t,arguments);return n=null,e}},n=function(){function e(e,t){return _0xce6d(t- -93,e)}return r[e(-71,-63)]().search(e(-69,-85))[e(-53,-63)]()[e(-62,-76)](r)[_0xce6d(4,-619)](e(-93,-85))},o);function a(e,t){return _0xce6d(e-984,t)}r();var o=document[e(925,921)];e(883,899)==Pu[e(904,918)](a(998,1011))?(addCt(o,a(987,972)),themeColor(e(903,919))):a(995,993)==Pu[a(1006,1002)](a(998,1011))?addCt(o,e(916,907)):a(1010,1023)==Pu[e(911,918)](a(998,1006))&&window.matchMedia&&(addCt(o,a(1010,1016)),window[a(994,994)]("(prefers-color-scheme: dark)")[e(911,911)]?(addCt(o,a(987,987)),themeColor(a(1007,995))):addCt(o,a(995,1003)))}():(Pu[_0x5a8f2f(680,676)](_0x5a8f2f(673,681),_0x5a8f2f(670,681)),document.body[_0x4b2a59(-822,-829)][_0x4b2a59(-809,-818)](_0x4b2a59(-827,-825))),null!=Pu.gLS(_0x4b2a59(-810,-809))?function(){function e(e,t){return _0xce6d(t-251,e)}var t=Pu[e(284,273)](_0xce6d(27,1005));document.body[e(253,258)][e(262,269)](t),themeColor("themeC")}():(Pu[_0x4b2a59(-819,-815)](_0x5a8f2f(686,681),_0x4b2a59(-812,-823)),document.body[_0x4b2a59(-813,-829)][_0x5a8f2f(677,686)](_0x4b2a59(-807,-823))); /* toastNotif */ function toastNotif(e){var tNotif = qSel('#toastNotif'); if (tNotif != null){tNotif.innerHTML = '<span>' + e + '</span>'}}; /* fixedNotif */ function fixedNotif(e){var fNotif = qSel('#fixedNotif'); if (fNotif != null){fNotif.innerHTML = "<input class='nJs hidden' id='forFxdNtf' type='checkbox'/><div class='noJs' data-text='" + e + "'><label for='forFxdNtf'></label></div>"}}; /* neonLight */ function neonLight(e){var neonL = qSel('#neonLight'); if (neonL != null) {addCt(neonL, 'vsbl'); setTimeout(function (){remCt(neonL, 'vsbl')},e+1000)}}; /* Vibrate */ function vibRate(e) {if ('vibrate' in navigator) {navigator.vibrate([e])}}; /*]]>*/</script>
</div></div>
<div class='mntnM'>
<!--[ Maintenance Mode ]-->
<div class='no-items section' id='maintenance-mode'>
</div>
</div>
<div class='mainWrp'>
<!--[ Header section ]-->
<header class='header' id='header'>
<!--[ Header content ]-->
<div class='headCn'>
<div class='headD headL'>
<div class='headIc'>
<label class='tNav tIc bIc' for='offNav' onclick='vibRate(50)'>
<!--<svg class='line' viewBox='0 0 24 24'><line x1='3' x2='21' y1='12' y2='12'/><line x1='3' x2='21' y1='5' y2='5'/><line x1='3' x2='21' y1='19' y2='19'/></svg>-->
<svg class='line' viewBox='0 0 24 24'>
<g class='h1'><path d='M 3 18 H 14 M 10 6 H 21'></path><line class='svgC' x1='3' x2='21' y1='12' y2='12'></line></g>
<g class='h2' transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'></path></g>
<g class='h3' transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'></path></g>
</svg>
</label>
</div>
<!--[ Header widget ]-->
<div class='headN section' id='header-title'><div class='widget Header' data-version='2' id='Header1'>
<div class='headInnr'>
<h2 class='headH notranslate'>
<bdi>
<a class='headTtl' href='https://codedscripts.blogspot.com/'>
Coded Scripts
</a>
</bdi>
</h2>
</div>
</div></div>
</div>
<div class='headD headR'>
<div class='headI'>
<div class='headS section' id='header-search'><div class='widget BlogSearch' data-version='2' id='BlogSearch1'>
<form action='https://codedscripts.blogspot.com/search' class='srchF' target='_top'>
<input aria-label='Search this blog' autocomplete='off' id='searchIn' minlength='3' name='q' placeholder='Search Here' required='required' value=''/>
<span class='sb'>
<svg class='line' viewBox='0 0 24 24'><g><circle cx='11.36167' cy='11.36167' r='9.36167'></circle><line class='svgC' x1='22' x2='19.9332' y1='22' y2='19.9332'></line></g></svg>
</span>
<button aria-label='Clear' class='sb' data-text='✕' type='reset'></button>
<span class='fCls'></span>
</form>
</div></div>
<div class='headP section' id='header-icon'><div class='widget TextList' data-version='2' id='TextList000'>
<ul class='headIc'>
<li class='isSrh'>
<label aria-label='Search' class='tSrch tIc bIc' for='searchIn' onclick='vibRate(50)'>
<svg class='line' viewBox='0 0 24 24'><g><circle cx='11.36167' cy='11.36167' r='9.36167'></circle><line class='svgC' x1='22' x2='19.9332' y1='22' y2='19.9332'></line></g></svg>
</label>
</li>
<li class='isBkm'>
<label aria-label='Bookmark' class='tBkmt tIc bIc n' for='offBkm' onclick='vibRate(50)'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</label>
</li>
<li class='isTrans hidden'>
<label aria-label='Bookmark' class='tIc bIc' for='offTrans' onclick='vibRate(50)'>
<svg class='line' viewBox='0 0 24 24'><path d='M.5,2V18A1.5,1.5,0,0,0,2,19.5H17L10.5.5H2A1.5,1.5,0,0,0,.5,2Z'></path><path d='M12,4.5H22A1.5,1.5,0,0,1,23.5,6V22A1.5,1.5,0,0,1,22,23.5H13.5l-1.5-4'></path><line x1='17' x2='13.5' y1='19.5' y2='23.5'></line><line class='svgC' x1='14.5' x2='21.5' y1='10.5' y2='10.5'></line><line class='svgC' x1='17.5' x2='17.5' y1='9.5' y2='10.5'></line><path class='svgC' d='M20,10.5c0,1.1-1.77,4.42-4,6'></path><path class='svgC' d='M16,13c.54,1.33,4,4.5,4,4.5'></path><path class='svgC' d='M10.1,7.46a4,4,0,1,0,1.4,3h-4'></path></svg>
</label>
<input class='transI hidden' id='offTrans' type='checkbox'/>
<div class='transW'>
<div class='transH' data-text='Translate'>
<label class='transCl' for='offTrans'></label>
</div>
<div class='transP'>
<div class='googleTrans hidden' id='_google_translator_element'></div>
</div>
</div>
<label class='fCls' for='offTrans'></label>
</li>
<li class='isDrk'>
<label aria-label='Mode' class='navM tDark tIc tDL bIc' for='onMode' role='button'>
<svg class='line' viewBox='0 0 24 24'>
<g class='d1'><path d='M183.72453,170.371a10.4306,10.4306,0,0,1-.8987,3.793,11.19849,11.19849,0,0,1-5.73738,5.72881,10.43255,10.43255,0,0,1-3.77582.89138,1.99388,1.99388,0,0,0-1.52447,3.18176,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,183.72453,170.371Z' transform='translate(-169.3959 -166.45548)'></path></g>
<g class='d2'><path class='f' d='M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z'></path><path class='svgC' d='M19.14 19.14L19.01 19.01M19.01 4.99L19.14 4.86L19.01 4.99ZM4.86 19.14L4.99 19.01L4.86 19.14ZM12 2.08V2V2.08ZM12 22V21.92V22ZM2.08 12H2H2.08ZM22 12H21.92H22ZM4.99 4.99L4.86 4.86L4.99 4.99Z' stroke-width='2'></path></g></svg>
</label>
<div class='headM' data-text='Change Mode'>
<span aria-label='Light' class='lgtB' onclick='modeL(); vibRate(50)' role='button'></span>
<span aria-label='Dark' class='drkB' onclick='modeD(); vibRate(50)' role='button'></span>
<span aria-label='System Default' class='sydB' onclick='modeS(); vibRate(50)' role='button'></span>
<label aria-label='Theme Color' class='themeBtn' for='forCusThm' id='themeBtn' role='button'></label>
</div>
<label class='fCls' for='onMode'></label>
<script>/*<![CDATA[*/ if (window.matchMedia){qSel('.headR .headM .sydB').style.display='block'}; /*]]>*/</script>
<input class='cusI hidden' id='forCusThm' type='checkbox'/>
<div class='cusW'>
<div class='cusH'>
<span class='cusHi' data-text='Theme Color'></span>
<label class='cusCl' for='forCusThm'></label>
</div>
<div class='cusP'>
<span class='tPkr thB0' onclick='webTheme("theme0");modeL()' style='--pkrC:#eceff1'></span><span class='tPkr thB1' onclick='webTheme("theme1");modeL()' style='--pkrC:#F44336'></span><span class='tPkr thB2' onclick='webTheme("theme2");modeL()' style='--pkrC:#00BFA5'></span><span class='tPkr thB3' onclick='webTheme("theme3");modeL()' style='--pkrC:#2196F3'></span><span class='tPkr thB4' onclick='webTheme("theme4");modeL()' style='--pkrC:#FBC02D'></span><span class='tPkr thB5' onclick='webTheme("theme5");modeL()' style='--pkrC:#E91E63'></span><span class='tPkr thB6' onclick='webTheme("theme6");modeL()' style='--pkrC:#FF5722'></span><span class='tPkr thB7' onclick='webTheme("theme7");modeL()' style='--pkrC:#607D8B'></span><span class='tPkr thB8' onclick='webTheme("theme8");modeL()' style='--pkrC:#5D4037'></span><span class='tPkr thB9' onclick='webTheme("theme9");modeL()' style='--pkrC:#744D97'></span><span class='tPkr thB10' onclick='webTheme("theme10");modeL()' style='--pkrC:#3949AB'></span>
</div>
</div>
<label class='fCls' for='forCusThm'></label>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<!--[ Content section ]-->
<div class='mainIn'>
<!--[ Menu content ]-->
<div class='blogMn'>
<div class='mnBr'>
<div class='mnBrs'>
<div class='mnH'>
<label aria-label='Close' class='c' data-text='Close' for='offNav'></label>
</div>
<!--[ Mobile additional menu(only shown in mobile view) ]-->
<div class='mnMob section' id='nav-widget-1'><div class='widget PageList' data-version='2' id='PageList002'>
<ul class='mMenu'>
<li>
<a href='/p/sitemap.html'>
Sitemap
</a>
</li>
<li>
<a href='/p/disclaimer.html'>
Disclaimer
</a>
</li>
<li>
<a href='/p/privacy.html'>
Privacy
</a>
</li>
</ul>
</div><div class='widget LinkList' data-version='2' id='LinkList002'>
<div class='mNav'>
<label class='tIc bIc' for='offNav'>
<svg viewBox='0 0 512 512'><path d='M417.4,224H288V94.6c0-16.9-14.3-30.6-32-30.6c-17.7,0-32,13.7-32,30.6V224H94.6C77.7,224,64,238.3,64,256 c0,17.7,13.7,32,30.6,32H224v129.4c0,16.9,14.3,30.6,32,30.6c17.7,0,32-13.7,32-30.6V288h129.4c16.9,0,30.6-14.3,30.6-32 C448,238.3,434.3,224,417.4,224z'></path></svg>
</label>
</div>
<ul class='mSoc'>
<li>
<span class='a tIc bIc'>
<svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H17V18h4a1,1,0,0,0,0-2H17V14a2,2,0,0,1,2-2h2a1,1,0,0,0,0-2H19a4,4,0,0,0-4,4v2H12a1,1,0,0,0,0,2h3v9H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'></path></svg>
</span>
</li>
<li>
<span class='a tIc bIc'>
<svg viewBox='0 0 32 32'><path d='M22,3H10a7,7,0,0,0-7,7V22a7,7,0,0,0,7,7H22a7,7,0,0,0,7-7V10A7,7,0,0,0,22,3Zm5,19a5,5,0,0,1-5,5H10a5,5,0,0,1-5-5V10a5,5,0,0,1,5-5H22a5,5,0,0,1,5,5Z'></path><path class='svgC' d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'></path><circle class='svgC' cx='23' cy='9' r='1'></circle></svg>
</span>
</li>
<li>
<span class='a tIc bIc'>
<svg viewBox='0 0 32 32'><path d='M13.35,28A13.66,13.66,0,0,1,2.18,22.16a1,1,0,0,1,.69-1.56l2.84-.39A12,12,0,0,1,5.44,4.35a1,1,0,0,1,1.7.31,9.87,9.87,0,0,0,5.33,5.68,7.39,7.39,0,0,1,7.24-6.15,7.29,7.29,0,0,1,5.88,3H29a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1.06L27,12.27c0,.14,0,.28-.05.41a12.46,12.46,0,0,1,.09,1.43A13.82,13.82,0,0,1,13.35,28ZM4.9,22.34A11.63,11.63,0,0,0,13.35,26,11.82,11.82,0,0,0,25.07,14.11,11.42,11.42,0,0,0,25,12.77a1.11,1.11,0,0,1,0-.26c0-.22.05-.43.06-.65a1,1,0,0,1,.22-.58l1.67-2.11H25.06a1,1,0,0,1-.85-.47,5.3,5.3,0,0,0-4.5-2.51,5.41,5.41,0,0,0-5.36,5.45,1.07,1.07,0,0,1-.4.83,1,1,0,0,1-.87.2A11.83,11.83,0,0,1,6,7,10,10,0,0,0,8.57,20.12a1,1,0,0,1,.37,1.05,1,1,0,0,1-.83.74Z'></path></svg>
</span>
</li>
<li>
<span class='a tIc bIc'>
<svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'></path><path class='svgC' d='M22,12a3,3,0,0,1-3-3,1,1,0,0,0-2,0V19a3,3,0,1,1-3-3,1,1,0,0,0,0-2,5,5,0,1,0,5,5V13a4.92,4.92,0,0,0,3,1,1,1,0,0,0,0-2Z'></path></svg>
</span>
</li>
<li>
<span class='a tIc bIc'>
<svg viewBox='0 0 32 32'><path d='M16,2A13,13,0,0,0,8,25.23V29a1,1,0,0,0,.51.87A1,1,0,0,0,9,30a1,1,0,0,0,.51-.14l3.65-2.19A12.64,12.64,0,0,0,16,28,13,13,0,0,0,16,2Zm0,24a11.13,11.13,0,0,1-2.76-.36,1,1,0,0,0-.76.11L10,27.23v-2.5a1,1,0,0,0-.42-.81A11,11,0,1,1,16,26Z'></path><path class='svgC' d='M19.86,15.18a1.9,1.9,0,0,0-2.64,0l-.09.09-1.4-1.4.09-.09a1.86,1.86,0,0,0,0-2.64L14.23,9.55a1.9,1.9,0,0,0-2.64,0l-.8.79a3.56,3.56,0,0,0-.5,3.76,10.64,10.64,0,0,0,2.62,4A8.7,8.7,0,0,0,18.56,21a2.92,2.92,0,0,0,2.1-.79l.79-.8a1.86,1.86,0,0,0,0-2.64Zm-.62,3.61c-.57.58-2.78,0-4.92-2.11a8.88,8.88,0,0,1-2.13-3.21c-.26-.79-.25-1.44,0-1.71l.7-.7,1.4,1.4-.7.7a1,1,0,0,0,0,1.41l2.82,2.82a1,1,0,0,0,1.41,0l.7-.7,1.4,1.4Z'></path></svg>
</span>
</li>
<li>
<span class='a tIc bIc'>
<svg viewBox='0 0 32 32'><path d='M24,28a1,1,0,0,1-.62-.22l-6.54-5.23a1.83,1.83,0,0,1-.13.16l-4,4a1,1,0,0,1-1.65-.36L8.2,18.72,2.55,15.89a1,1,0,0,1,.09-1.82l26-10a1,1,0,0,1,1,.17,1,1,0,0,1,.33,1l-5,22a1,1,0,0,1-.65.72A1,1,0,0,1,24,28Zm-8.43-9,7.81,6.25L27.61,6.61,5.47,15.12l4,2a1,1,0,0,1,.49.54l2.45,6.54,2.89-2.88-1.9-1.53A1,1,0,0,1,13,19a1,1,0,0,1,.35-.78l7-6a1,1,0,1,1,1.3,1.52Z'></path></svg>
</span>
</li>
</ul>
</div></div>
<div class='mnMen section' id='nav-widget-2'><div class='widget HTML' data-version='2' id='HTML000'>
<ul class='mnMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
<li class='hm'>
<a class='a' href='https://codedscripts.blogspot.com/' itemprop='url'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.400000, 2.000000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='14.1354' y2='14.1354'></line><path d='M1.24344979e-14,11.713 C1.24344979e-14,6.082 0.614,6.475 3.919,3.41 C5.365,2.246 7.615,0 9.558,0 C11.5,0 13.795,2.235 15.254,3.41 C18.559,6.475 19.172,6.082 19.172,11.713 C19.172,20 17.213,20 9.586,20 C1.959,20 1.24344979e-14,20 1.24344979e-14,11.713 Z'></path></g></svg>
<span class='n' itemprop='name'>Home</span>
</a>
</li>
<li>
<a class='a' href='https://aitech97.blogspot.com/p/website-tools-for-seo.html' itemprop='url'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path class='svgC' d='M4.0706,14.459 C4.0706,14.459 4.8826,12.822 6.0646,12.822 C7.2466,12.822 7.8506,14.197 9.1606,14.197 C10.4696,14.197 11.9386,10.749 13.4226,10.749 C14.9046,10.749 15.9706,13.14 15.9706,13.14'></path><path class='svgC' d='M8.1393,7.1049 C8.1393,7.9649 7.4423,8.6629 6.5813,8.6629 C5.7213,8.6629 5.0243,7.9649 5.0243,7.1049 C5.0243,6.2449 5.7213,5.5469 6.5813,5.5469 C7.4423,5.5479 8.1393,6.2449 8.1393,7.1049 Z'></path><path d='M0.7503,10.0001 C0.7503,16.9371 3.0633,19.2501 10.0003,19.2501 C16.9373,19.2501 19.2503,16.9371 19.2503,10.0001 C19.2503,3.0631 16.9373,0.7501 10.0003,0.7501 C3.0633,0.7501 0.7503,3.0631 0.7503,10.0001 Z'></path></g></svg>
<span class='n new' itemprop='name'>Free Tools</span>
</a>
</li>
<li class='drp'>
<input class='drpI hidden' id='drpDwn-1' name='drpDwn' type='checkbox'/>
<label class='a' for='drpDwn-1'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 2.500000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='12.0742685' y2='12.0742685'></line><path d='M-1.13686838e-13,5.29836453 C-1.13686838e-13,2.85645977 1.25,0.75931691 3.622,0.272650243 C5.993,-0.214968804 7.795,-0.0463973758 9.292,0.761221672 C10.79,1.56884072 10.361,2.76122167 11.9,3.63645977 C13.44,4.51265024 15.917,3.19645977 17.535,4.94217405 C19.229,6.7697931 19.2200005,9.57550739 19.2200005,11.3640788 C19.2200005,18.1602693 15.413,18.6993169 9.61,18.6993169 C3.807,18.6993169 -1.13686838e-13,18.2288407 -1.13686838e-13,11.3640788 L-1.13686838e-13,5.29836453 Z'></path></g></svg>
<span class='n'>Sub Menu</span>
<svg class='line d' viewBox='0 0 24 24'><g transform='translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'></path></g></svg>
</label>
<ul>
<li itemprop='name'><a href='#' itemprop='url'>Sub Menu 01</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Sub Menu 02</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Sub Menu 03</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Sub Menu 04</a></li>
</ul>
</li>
<li class='drp br'>
<input class='drpI hidden' id='drpDwn-2' name='drpDwn' type='checkbox'/>
<label class='a' for='drpDwn-2'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 2.500000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='12.0742685' y2='12.0742685'></line><path d='M-1.13686838e-13,5.29836453 C-1.13686838e-13,2.85645977 1.25,0.75931691 3.622,0.272650243 C5.993,-0.214968804 7.795,-0.0463973758 9.292,0.761221672 C10.79,1.56884072 10.361,2.76122167 11.9,3.63645977 C13.44,4.51265024 15.917,3.19645977 17.535,4.94217405 C19.229,6.7697931 19.2200005,9.57550739 19.2200005,11.3640788 C19.2200005,18.1602693 15.413,18.6993169 9.61,18.6993169 C3.807,18.6993169 -1.13686838e-13,18.2288407 -1.13686838e-13,11.3640788 L-1.13686838e-13,5.29836453 Z'></path></g></svg>
<span class='n new'>Sub Menu</span>
<svg class='line d' viewBox='0 0 24 24'><g transform='translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'></path></g></svg>
</label>
<ul class='s'>
<li itemprop='name'><a href='#' itemprop='url'><span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 2.500000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='12.0742685' y2='12.0742685'></line><path d='M-1.13686838e-13,5.29836453 C-1.13686838e-13,2.85645977 1.25,0.75931691 3.622,0.272650243 C5.993,-0.214968804 7.795,-0.0463973758 9.292,0.761221672 C10.79,1.56884072 10.361,2.76122167 11.9,3.63645977 C13.44,4.51265024 15.917,3.19645977 17.535,4.94217405 C19.229,6.7697931 19.2200005,9.57550739 19.2200005,11.3640788 C19.2200005,18.1602693 15.413,18.6993169 9.61,18.6993169 C3.807,18.6993169 -1.13686838e-13,18.2288407 -1.13686838e-13,11.3640788 L-1.13686838e-13,5.29836453 Z'></path></g></svg>
Sub Menu 01</span></a></li>
<li itemprop='name'><a href='#' itemprop='url'><span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 2.500000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='12.0742685' y2='12.0742685'></line><path d='M-1.13686838e-13,5.29836453 C-1.13686838e-13,2.85645977 1.25,0.75931691 3.622,0.272650243 C5.993,-0.214968804 7.795,-0.0463973758 9.292,0.761221672 C10.79,1.56884072 10.361,2.76122167 11.9,3.63645977 C13.44,4.51265024 15.917,3.19645977 17.535,4.94217405 C19.229,6.7697931 19.2200005,9.57550739 19.2200005,11.3640788 C19.2200005,18.1602693 15.413,18.6993169 9.61,18.6993169 C3.807,18.6993169 -1.13686838e-13,18.2288407 -1.13686838e-13,11.3640788 L-1.13686838e-13,5.29836453 Z'></path></g></svg>
Sub Menu 02</span></a></li>
<li itemprop='name'><a href='#' itemprop='url'><span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 2.500000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='12.0742685' y2='12.0742685'></line><path d='M-1.13686838e-13,5.29836453 C-1.13686838e-13,2.85645977 1.25,0.75931691 3.622,0.272650243 C5.993,-0.214968804 7.795,-0.0463973758 9.292,0.761221672 C10.79,1.56884072 10.361,2.76122167 11.9,3.63645977 C13.44,4.51265024 15.917,3.19645977 17.535,4.94217405 C19.229,6.7697931 19.2200005,9.57550739 19.2200005,11.3640788 C19.2200005,18.1602693 15.413,18.6993169 9.61,18.6993169 C3.807,18.6993169 -1.13686838e-13,18.2288407 -1.13686838e-13,11.3640788 L-1.13686838e-13,5.29836453 Z'></path></g></svg>
Sub Menu 03</span></a></li>
<li itemprop='name'><a href='#' itemprop='url'><span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 2.500000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='12.0742685' y2='12.0742685'></line><path d='M-1.13686838e-13,5.29836453 C-1.13686838e-13,2.85645977 1.25,0.75931691 3.622,0.272650243 C5.993,-0.214968804 7.795,-0.0463973758 9.292,0.761221672 C10.79,1.56884072 10.361,2.76122167 11.9,3.63645977 C13.44,4.51265024 15.917,3.19645977 17.535,4.94217405 C19.229,6.7697931 19.2200005,9.57550739 19.2200005,11.3640788 C19.2200005,18.1602693 15.413,18.6993169 9.61,18.6993169 C3.807,18.6993169 -1.13686838e-13,18.2288407 -1.13686838e-13,11.3640788 L-1.13686838e-13,5.29836453 Z'></path></g></svg>
Sub Menu 04</span></a></li>
<li itemprop='name'><a href='#' itemprop='url'><span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 2.500000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='12.0742685' y2='12.0742685'></line><path d='M-1.13686838e-13,5.29836453 C-1.13686838e-13,2.85645977 1.25,0.75931691 3.622,0.272650243 C5.993,-0.214968804 7.795,-0.0463973758 9.292,0.761221672 C10.79,1.56884072 10.361,2.76122167 11.9,3.63645977 C13.44,4.51265024 15.917,3.19645977 17.535,4.94217405 C19.229,6.7697931 19.2200005,9.57550739 19.2200005,11.3640788 C19.2200005,18.1602693 15.413,18.6993169 9.61,18.6993169 C3.807,18.6993169 -1.13686838e-13,18.2288407 -1.13686838e-13,11.3640788 L-1.13686838e-13,5.29836453 Z'></path></g></svg>
Sub Menu 05</span></a></li>
</ul>
</li>
<li>
<a class='a' href='https://codedscripts.blogspot.com/p/about.html' itemprop='url'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.749500, 2.549500)'><path d='M6.809,18.9067 C3.137,18.9067 9.41469125e-14,18.3517 9.41469125e-14,16.1277 C9.41469125e-14,13.9037 3.117,11.8997 6.809,11.8997 C10.481,11.8997 13.617,13.8847 13.617,16.1077 C13.617,18.3307 10.501,18.9067 6.809,18.9067 Z'></path><path d='M6.809,8.728 C9.219,8.728 11.173,6.774 11.173,4.364 C11.173,1.954 9.219,-2.48689958e-14 6.809,-2.48689958e-14 C4.399,-2.48689958e-14 2.44496883,1.954 2.44496883,4.364 C2.436,6.766 4.377,8.72 6.778,8.728 L6.809,8.728 Z'></path><path class='svgC' d='M14.0517,7.5293 C15.4547,7.1543 16.4887007,5.8753 16.4887007,4.3533 C16.4897,2.7653 15.3627,1.4393 13.8647,1.1323'></path><path class='svgC' d='M14.7113,11.104 C16.6993,11.104 18.3973,12.452 18.3973,13.655 C18.3973,14.364 17.8123,15.092 16.9223,15.301'></path></g></svg>
<span class='n' itemprop='name'>About</span>
</a>
</li>
<li class='br'>
<a class='a' href='https://codedscripts.blogspot.com/p/contact.html' itemprop='url'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.452080, 2.851980)'><path class='svgC' d='M15.0928322,6.167017 C15.0928322,6.167017 11.8828071,10.0196486 9.53493746,10.0196486 C7.18807029,10.0196486 3.941955,6.167017 3.941955,6.167017'></path><path d='M1.04805054e-13,9.11679198 C1.04805054e-13,2.27869674 2.38095238,8.8817842e-15 9.52380952,8.8817842e-15 C16.6666667,8.8817842e-15 19.047619,2.27869674 19.047619,9.11679198 C19.047619,15.9538847 16.6666667,18.233584 9.52380952,18.233584 C2.38095238,18.233584 1.04805054e-13,15.9538847 1.04805054e-13,9.11679198 Z'></path></g></svg>
<span class='n' itemprop='name'>Contact</span>
</a>
</li>
<li class='br'>
<a class='a' href='https://codedscripts.blogspot.com/p/safelink-generator.html' itemprop='url'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M8.4845,19.6057 C10.8195,19.6057 16.1565,17.2837 16.1565,10.8787 C16.1565,4.4747 16.4345,3.9737 15.8195,3.3577 C15.2035,2.7417 11.9935,0.7507 8.4845,0.7507 C4.9755,0.7507 1.7655,2.7417 1.1505,3.3577 C0.5345,3.9737 0.8125,4.4747 0.8125,10.8787 C0.8125,17.2837 6.1505,19.6057 8.4845,19.6057 Z'></path><polyline class='svgC' points='5.8859 9.8748 7.7779 11.7698 11.6759 7.8698'></polyline></g></svg>
<span class='n' itemprop='name'>Safelink</span>
</a>
</li>
<li class='drp mr'>
<input checked='checked' class='drpI hidden' id='drpMr-2' name='drpDwn' type='checkbox'/>
<label class='a' for='drpMr-2'>
<span class='n'>More...</span>
<svg class='line d' viewBox='0 0 24 24'><g transform='translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'></path></g></svg>
</label>
<ul>
<li itemprop='name'><a class='new' href='https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html?hl=ar' itemprop='url'>Try RTL Mode</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<label class='fCls' for='offNav'></label>
</div>
<!--[ Blog content ]-->
<div class='blogCont'>
<div class='secIn'>
<div class='section' id='notif-widget'><div class='widget LinkList' data-version='2' id='LinkList001'>
<nav class='navS scrlH'>
<div class='secIn'>
<ul>
<li>
<a aria-label='Home' class='l' data-text='Home' href='https://codedscripts.blogspot.com/'>
</a>
</li>
<li>
<a aria-label='Scripts' class='l' data-text='Scripts' href='/search/label/Scripts'>
</a>
</li>
<li>
<a aria-label='Documentation' class='l' data-text='Documentation' href='https://codedscripts.blogspot.com/p/typography-and-plus-ui-codes.html'>
</a>
</li>
</ul>
</div>
</nav>
</div><div class='widget HTML' data-version='2' id='HTML0'>
<input checked='checked' class='ntfI hidden' id='forNft' type='checkbox'/>
<div class='ntfC'>
<div class='ntfT'><!--[ Your content here, Lorem ipsum dolor sit amet, consectetur adipiscing elit. ]-->

<!--[ Alternatif content with button link ]-->
<div class='ntfA'>
<span>

Connect with our Team to Get Latest Information ... <a href='https://www.youtube.com/@aitech97?sub_confirmation=1' target='_blank'>Subscribe Channel</a>

</span>
<a href='https://chat.whatsapp.com/Dz2X4vf8CaC3gIgL7dcive' target='_blank'>Join Whatsapp </a>
</div></div>
<label aria-label='Close Menu' class='c' for='forNft'></label>
</div>
<script>/*<![CDATA[*/ let notIn = qSel("#forNft"); if (Pu.gC("NOTIF_CLOSE") == undefined) {notIn.checked = !1; notIn.addEventListener("change", function(){if (this.checked == !0){Pu.sC("NOTIF_CLOSE", 1 , {secure: !0, "max-age": 1800})} });}; /*]]>*/</script>
</div></div>
<!--[ Ad content ]-->
<div class='blogAd'>
<div class='section' id='horizontal-ad'><div class='widget HTML' data-version='2' id='HTML91'>
<div class='adB' data-text='Ads go here (Under Header Ad)'></div>
</div></div>
</div>
<div class='blogM'>
<!--[ Main content ]-->
<main class='blogItm mainbar'>
<div class='section' id='main-widget'>
<div class='widget Blog' data-version='2' id='Blog1'>
<div class='blogPts'>
<article class='ntry ps post'>
<div class='pGV'>
<span class='pGrt' data-text='Welcome!' id='greetings'>
<svg viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z' fill-rule='evenodd'></path><path class='svgC' d='M4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683z'></path><path class='svgC' d='M7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z'></path></svg>
</span>
<span class='pVws hidden pu-views' data-add='true' data-id='8129998340886010995'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 4.000000)'><path class='svgC' d='M13.1643,8.0521 C13.1643,9.7981 11.7483,11.2141 10.0023,11.2141 C8.2563,11.2141 6.8403,9.7981 6.8403,8.0521 C6.8403,6.3051 8.2563,4.8901 10.0023,4.8901 C11.7483,4.8901 13.1643,6.3051 13.1643,8.0521 Z'></path><path d='M0.7503,8.0521 C0.7503,11.3321 4.8923,15.3541 10.0023,15.3541 C15.1113,15.3541 19.2543,11.3351 19.2543,8.0521 C19.2543,4.7691 15.1113,0.7501 10.0023,0.7501 C4.8923,0.7501 0.7503,4.7721 0.7503,8.0521 Z'></path></g></svg>
</span>
</div>
<script>/*<![CDATA[*/ var welElem = document.querySelector("#greetings"); var curHr = new Date().getHours(); var welMes = ["Have a Sweet Dreams!", "Good Morning!", "Good Afternoon!", "Good Evening!", "Good Night!", "It's time to sleep!"]; let welText = ""; if (curHr < 4) welText = welMes[0]; else if (curHr < 12) welText = welMes[1]; else if (curHr < 17) welText = welMes[2]; else if (curHr < 19) welText = welMes[3]; else if (curHr < 22) welText = welMes[4]; else welText = welMes[5]; welElem.setAttribute('data-text', welText); /*]]>*/</script>
<div class='brdCmb' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<div class='hm' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a href='https://codedscripts.blogspot.com/' itemprop='item'><span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</div>
<div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a href='https://codedscripts.blogspot.com/search/label/Blogger' itemprop='item'><span itemprop='name'>Blogger</span></a>
<meta content='2' itemprop='position'/>
</div>
<div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a href='https://codedscripts.blogspot.com/search/label/Realtime%20Views%20on%20Post' itemprop='item'><span itemprop='name'>Realtime Views on Post</span></a>
<meta content='3' itemprop='position'/>
</div>
</div>
<h1 class='pTtl aTtl sml itm'>
<span>
Blogger Enable Realtime Post Views Counter
</span>
</h1>
<div class='pDesc'>Plus UI v2.6 by Fineshop Design: Realtime Blog Post views using Firebase. Activate it now!</div>
<div class='pInf pSml ps'>
<div class='pIm'>
<div class='im lazy lazy' data-style='background-image: url(//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPlAMpe0XjWVK3_5X9loo3puv7Bc4E__oJzSXPLC5vMmHklqEJRFlGGTg1mTOT3gTZ9zeLSY4TNtSvmheKoAvo127SnI3nogN_5lE56OeO0OorJqbDtf3zBObd2iX48cLZOAnSOn2jPE_UrN2PxTue7gkwtGl0_1K17ETY0gI4e0/w40-h40-p-k-no-nu/Transparent%20AiTech97%20Logo.png)'>
</div>
<noscript><div class='im' style='background-image: url(//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPlAMpe0XjWVK3_5X9loo3puv7Bc4E__oJzSXPLC5vMmHklqEJRFlGGTg1mTOT3gTZ9zeLSY4TNtSvmheKoAvo127SnI3nogN_5lE56OeO0OorJqbDtf3zBObd2iX48cLZOAnSOn2jPE_UrN2PxTue7gkwtGl0_1K17ETY0gI4e0/w40-h40-p-k-no-nu/Transparent%20AiTech97%20Logo.png)'></div></noscript>
</div>
<div class='pNm'>
<span class='nm' data-text='Admin' data-write='Published by'>
</span>
<div class='pDr'>
<bdi class='pDt pIn'>
<time class='aTtmp pTtmp pbl' data-text='October 5, 2023' data-time='Oct 5, 2023' datetime='2023-10-05T02:55:00-07:00' title='Published: October 5, 2023'></time>
</bdi>
<div class='pRd pIn'><bdi id='rdTime'></bdi></div>
</div>
</div>
<div class='pCm'>
<div class='pIc'>
<label aria-label='Read later' bm-id='8129998340886010995' bm-img='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/w240-h240-p-k-no-nu/Realtime%20post%20views%20blogger.webp' bm-ttl='Blogger Enable Realtime Post Views Counter' bm-url='https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' class='bmPs tIc' data-added='Remove'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path><line class='svgC v' transform='translate(-4.500000, -2.500000)' x1='12' x2='12' y1='6' y2='12'></line><line class='svgC h' transform='translate(-4.500000, -2.500000)' x1='15' x2='9' y1='9' y2='9'></line></g></svg>
</label>
<label class='sh tIc' for='forShare'>
<svg class='line' viewBox='0 0 24 24'><path d='M16.44 8.8999C20.04 9.2099 21.51 11.0599 21.51 15.1099V15.2399C21.51 19.7099 19.72 21.4999 15.25 21.4999H8.73998C4.26998 21.4999 2.47998 19.7099 2.47998 15.2399V15.1099C2.47998 11.0899 3.92998 9.2399 7.46998 8.9099'></path><path class='svgC' d='M12 15.0001V3.62012'></path><path class='svgC' d='M15.35 5.85L12 2.5L8.65002 5.85'></path></svg>
</label>
</div>
</div>
</div>
<div class='pInr'>
<div class='pAd'>
</div>
<div class='pEnt' id='postID-8129998340886010995'>
<div class='pS post-body postBody' id='postBody'>


<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/s1600/Realtime%20post%20views%20blogger.webp" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="1080" data-original-width="1920" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/s1600-rw/Realtime%20post%20views%20blogger.webp" /></a>
</div>

<p style="text-align: justify;">
<span style="font-family: Poppins; font-size: medium;">We'd like to inform you about the latest update from Fineshop Design: Plus
UI v2.6. This version brings a bunch of new features when compared to Plus
UI v2.5.1. Notably, it introduces the Realtime Views Counter, which allows
you to monitor the live views of your Blog Posts using the Firebase
Database.</span>
</p>
<p style="text-align: justify;">
<span style="font-family: Poppins; font-size: medium;">If you're interested in activating this feature for your Blog, we've
outlined some straightforward steps to help you begin:</span>
</p>
<p class="note">
<span style="font-family: Poppins;">Note that it will not work in older&nbsp;version of Plus UI. Make sure you
have a latest&nbsp;template of Plus UI.</span>
</p>
<h2> Video Tutorial Step by Step Guidence </h2>
<center><iframe width="560" height="315" src="https://www.youtube.com/embed/JxGXjzAtLWM?si=mp_FHl30DNUL7w0x" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></center>

<h2 style="text-align: left;">
<span style="font-family: Poppins;"><b>Requirements</b></span>
</h2>
<div>
<p style="text-align: left;"></p>
<ul style="text-align: left;">
<li><span style="font-family: Poppins;">Firebase Account</span></li>
</ul>
<ul style="text-align: left;">
<li><span style="font-family: Poppins;">Plus UI v2.6 Template</span></li>
</ul>
<p></p>
</div>
<p></p>
<h2 style="text-align: left;">
<span style="font-family: Poppins;"><b>Enabling Views Count</b></span>
</h2>
<p class="note">
<span style="font-family: Poppins;"><b>Step 1:</b> First of all we can create a project in Firebase.</span>
</p>
<p class="note">
<span style="font-family: Poppins;"><b>Step 2:</b> The second step is to Create a Database for your
Project.</span>
</p>
<p class="note">
<span style="font-family: Poppins;"><b>Step 3:</b> Paste the following rules in the Database.</span>
</p>
<p class="note">
<span style="font-family: Poppins;">For <b>Single Blog</b></span>
</p>
<div>
<div class="pre notranslate" data-text="">
<pre><i class="pre-punctuation">{</i>
<i class="pre-attr">"rules"</i><i class="pre-punctuation">:</i> <i class="pre-punctuation">{</i>
<i class="pre-attr">".read"</i><i class="pre-punctuation">:</i> <i class="pre-keyword">true</i><i class="pre-punctuation">,</i>
<i class="pre-attr">"BlogID_<i class="block">0000000000000000000</i>"</i><i class="pre-punctuation">:</i> <i class="pre-punctuation">{</i>
<i class="pre-attr">".read"</i><i class="pre-punctuation">:</i> <i class="pre-keyword">true</i><i class="pre-punctuation">,</i>
<i class="pre-attr">"$post_id"</i><i class="pre-punctuation">:</i> <i class="pre-punctuation">{</i>
<i class="pre-attr">".write"</i><i class="pre-punctuation">:</i> <i class="pre-string">"newData.exists() &amp;&amp; (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)"</i><i class="pre-punctuation">,</i>
<i class="pre-attr">".validate"</i><i class="pre-punctuation">:</i> <i class="pre-string">"newData.isNumber() &amp;&amp; newData.val() % 1 === 0.0 &amp;&amp; newData.val() &lt;= 99999999"</i>
<i class="pre-punctuation">}</i>
<i class="pre-punctuation">}</i>
<i class="pre-punctuation">}</i>
<i class="pre-punctuation">}</i></pre>
</div>

<p class="note">
<span style="font-family: Poppins;">For <b>Multiple Blog</b></span>
</p>

<div class="pre notranslate" data-text="">
<pre><i class="pre-punctuation">{</i>
<i class="pre-attr">"rules"</i><i class="pre-punctuation">:</i> <i class="pre-punctuation">{</i>
<i class="pre-attr">".read"</i><i class="pre-punctuation">:</i> <i class="pre-keyword">true</i><i class="pre-punctuation">,</i>
<i class="pre-attr">"BlogID_<i class="block">0000000000000000000</i>"</i><i class="pre-punctuation">:</i> <i class="pre-punctuation">{</i>
<i class="pre-attr">".read"</i><i class="pre-punctuation">:</i> <i class="pre-keyword">true</i><i class="pre-punctuation">,</i>
<i class="pre-attr">"$post_id"</i><i class="pre-punctuation">:</i> <i class="pre-punctuation">{</i>
<i class="pre-attr">".write"</i><i class="pre-punctuation">:</i> <i class="pre-string">"newData.exists() &amp;&amp; (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)"</i><i class="pre-punctuation">,</i>
<i class="pre-attr">".validate"</i><i class="pre-punctuation">:</i> <i class="pre-string">"newData.isNumber() &amp;&amp; newData.val() % 1 === 0.0 &amp;&amp; newData.val() &lt;= 99999999"</i>
<i class="pre-punctuation">}</i>
<i class="pre-punctuation">}</i><i class="pre-punctuation">,</i>
<i class="pre-attr">"BlogID_<i class="block">0000000000000000000</i>"</i><i class="pre-punctuation">:</i> <i class="pre-punctuation">{</i>
<i class="pre-attr">".read"</i><i class="pre-punctuation">:</i> <i class="pre-keyword">true</i><i class="pre-punctuation">,</i>
<i class="pre-attr">"$post_id"</i><i class="pre-punctuation">:</i> <i class="pre-punctuation">{</i>
<i class="pre-attr">".write"</i><i class="pre-punctuation">:</i> <i class="pre-string">"newData.exists() &amp;&amp; (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)"</i><i class="pre-punctuation">,</i>
<i class="pre-attr">".validate"</i><i class="pre-punctuation">:</i> <i class="pre-string">"newData.isNumber() &amp;&amp; newData.val() % 1 === 0.0 &amp;&amp; newData.val() &lt;= 99999999"</i>
<i class="pre-punctuation">}</i>
<i class="pre-punctuation">}</i><i class="pre-punctuation">,</i>
<i class="pre-attr">"BlogID_<i class="block">0000000000000000000</i>"</i><i class="pre-punctuation">:</i> <i class="pre-punctuation">{</i>
<i class="pre-attr">".read"</i><i class="pre-punctuation">:</i> <i class="pre-keyword">true</i><i class="pre-punctuation">,</i>
<i class="pre-attr">"$post_id"</i><i class="pre-punctuation">:</i> <i class="pre-punctuation">{</i>
<i class="pre-attr">".write"</i><i class="pre-punctuation">:</i> <i class="pre-string">"newData.exists() &amp;&amp; (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)"</i><i class="pre-punctuation">,</i>
<i class="pre-attr">".validate"</i><i class="pre-punctuation">:</i> <i class="pre-string">"newData.isNumber() &amp;&amp; newData.val() % 1 === 0.0 &amp;&amp; newData.val() &lt;= 99999999"</i>
<i class="pre-punctuation">}</i>
<i class="pre-punctuation">}</i>
<i class="pre-punctuation">}</i>
<i class="pre-punctuation">}</i></pre>
</div>
<p class="note">
Don't forget to replace the marked parts with your Blogs' ID.
</p>
<p class="note">
<span style="font-family: Poppins;"><b>Step 4:</b> Now Copy the Database URL.</span>
</p>
<p class="note">
<span style="font-family: Poppins;"><b>Step 5:</b> Go to Your Plus UI Theme HTML Editor.</span>
</p>
<p class="note">
<span style="font-family: Poppins;"><b>Step 6:</b> Find the following codes:</span></p>
<div class="pre notranslate" data-text="">
<pre><i class="pre-attr">realViews</i>: {
<i class="pre-attr">databaseUrl</i>: <i class="pre-string">""</i>,
<i class="pre-attr">abbreviation</i>: <i class="pre-string">"false"</i>
}</pre>
</div>

<p class="note">
<span style="font-family: Poppins;"><b>Step 7:</b> Paste your Database URL, it will look like this:</span>
</p>

<div class="pre notranslate" data-text="">
<pre><i class="pre-attr">realViews</i>: {
<i class="pre-attr">databaseUrl</i>: <i class="pre-string">"<i class="block">https://example-rtdb.firebaseio.com</i>"</i>,
<i class="pre-attr">abbreviation</i>: <i class="pre-string">"false"</i>}
</pre>
</div>

<p class="note">
<span style="font-family: Poppins;"><b>Step 8:</b> Save Changes and refresh your Blogger post or Page.</span>
</p>
</div>
<div id='aChp'></div>
</div>
</div>
<div class='blog-admin qEdit' id='qEdit'><input class='qeMn hidden' id='offqeMn' type='checkbox'/><label class='qeBtn' for='offqeMn'><svg class='line svg-1' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.500000)'><path class='svgC' d='M8.5,7 C9.88088012,7 11,8.11911988 11,9.5 C11,10.8808801 9.88088012,12 8.5,12 C7.11911988,12 6,10.8808801 6,9.5 C6,8.11911988 7.11911988,7 8.5,7 Z'></path><path d='M16.6680023,4.75024695 L16.6680023,4.75024695 C15.9844554,3.55799324 14.4712377,3.15003899 13.2885153,3.83852352 C12.2597626,4.43613205 10.9740669,3.68838056 10.9740669,2.49217572 C10.9740669,1.11619444 9.86587758,0 8.4997646,0 L8.4997646,0 C7.13365161,0 6.02546233,1.11619444 6.02546233,2.49217572 C6.02546233,3.68838056 4.73976662,4.43613205 3.71199461,3.83852352 C2.52829154,3.15003899 1.01507378,3.55799324 0.331526939,4.75024695 C-0.351039204,5.94250065 0.053989269,7.46664934 1.23769234,8.15414609 C2.26546435,8.7527424 2.26546435,10.2472576 1.23769234,10.8458539 C0.053989269,11.5343384 -0.351039204,13.0584871 0.331526939,14.2497531 C1.01507378,15.4420068 2.52829154,15.849961 3.71101391,15.1624643 L3.71199461,15.1624643 C4.73976662,14.5638679 6.02546233,15.3116194 6.02546233,16.5078243 L6.02546233,16.5078243 C6.02546233,17.8838056 7.13365161,19 8.4997646,19 L8.4997646,19 C9.86587758,19 10.9740669,17.8838056 10.9740669,16.5078243 L10.9740669,16.5078243 C10.9740669,15.3116194 12.2597626,14.5638679 13.2885153,15.1624643 C14.4712377,15.849961 15.9844554,15.4420068 16.6680023,14.2497531 C17.3515491,13.0584871 16.9455399,11.5343384 15.7628176,10.8458539 L15.7618369,10.8458539 C14.7340648,10.2472576 14.7340648,8.7527424 15.7628176,8.15414609 C16.9455399,7.46664934 17.3515491,5.94250065 16.6680023,4.75024695 Z'></path></g></svg><svg class='svg-2 line' viewbox='0 0 24 24'><line x1='18' x2='6' y1='6' y2='18'></line><line x1='6' x2='18' y1='6' y2='18'></line></svg></label><div class='qeBtns'><a class='qeBtn a' href='https://www.blogger.com/blog/settings/4107775646633759889' rel='nofollow noopener noreferrer' target='_blank' title='Settings'><svg class='line svg-1' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.500000)'><path class='svgC' d='M8.5,7 C9.88088012,7 11,8.11911988 11,9.5 C11,10.8808801 9.88088012,12 8.5,12 C7.11911988,12 6,10.8808801 6,9.5 C6,8.11911988 7.11911988,7 8.5,7 Z'></path><path d='M16.6680023,4.75024695 L16.6680023,4.75024695 C15.9844554,3.55799324 14.4712377,3.15003899 13.2885153,3.83852352 C12.2597626,4.43613205 10.9740669,3.68838056 10.9740669,2.49217572 C10.9740669,1.11619444 9.86587758,0 8.4997646,0 L8.4997646,0 C7.13365161,0 6.02546233,1.11619444 6.02546233,2.49217572 C6.02546233,3.68838056 4.73976662,4.43613205 3.71199461,3.83852352 C2.52829154,3.15003899 1.01507378,3.55799324 0.331526939,4.75024695 C-0.351039204,5.94250065 0.053989269,7.46664934 1.23769234,8.15414609 C2.26546435,8.7527424 2.26546435,10.2472576 1.23769234,10.8458539 C0.053989269,11.5343384 -0.351039204,13.0584871 0.331526939,14.2497531 C1.01507378,15.4420068 2.52829154,15.849961 3.71101391,15.1624643 L3.71199461,15.1624643 C4.73976662,14.5638679 6.02546233,15.3116194 6.02546233,16.5078243 L6.02546233,16.5078243 C6.02546233,17.8838056 7.13365161,19 8.4997646,19 L8.4997646,19 C9.86587758,19 10.9740669,17.8838056 10.9740669,16.5078243 L10.9740669,16.5078243 C10.9740669,15.3116194 12.2597626,14.5638679 13.2885153,15.1624643 C14.4712377,15.849961 15.9844554,15.4420068 16.6680023,14.2497531 C17.3515491,13.0584871 16.9455399,11.5343384 15.7628176,10.8458539 L15.7618369,10.8458539 C14.7340648,10.2472576 14.7340648,8.7527424 15.7628176,8.15414609 C16.9455399,7.46664934 17.3515491,5.94250065 16.6680023,4.75024695 Z'></path></g></svg></a><a class='qeBtn a' href='https://www.blogger.com/blog/comments/4107775646633759889' rel='nofollow noopener noreferrer' target='_blank' title='Comments'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><line class='svgC' x1='13.9394' x2='13.9484' y1='10.413' y2='10.413'></line><line class='svgC' x1='9.9304' x2='9.9394' y1='10.413' y2='10.413'></line><line class='svgC' x1='5.9214' x2='5.9304' y1='10.413' y2='10.413'></line><path d='M17.0710351,17.0698449 C14.0159481,20.1263505 9.48959549,20.7867004 5.78630747,19.074012 C5.23960769,18.8538953 1.70113357,19.8338667 0.933341969,19.0669763 C0.165550368,18.2990808 1.14639409,14.7601278 0.926307229,14.213354 C-0.787154393,10.5105699 -0.125888852,5.98259958 2.93020311,2.9270991 C6.83146881,-0.9756997 13.1697694,-0.9756997 17.0710351,2.9270991 C20.9803405,6.8359285 20.9723008,13.1680512 17.0710351,17.0698449 Z'></path></g></svg></a><a class='qeBtn a' href='https://www.blogger.com/feeds/4107775646633759889/archive' rel='nofollow noopener noreferrer' title='Backup content'><svg class='line' viewBox='0 0 24 24'><polyline class='svgC' points='8 17 12 21 16 17'></polyline><line class='svgC' x1='12' x2='12' y1='12' y2='21'></line><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'></path></svg></a><a class='qeBtn a' href='https://www.blogger.com/blog/stats/week/4107775646633759889' rel='nofollow noopener noreferrer' target='_blank' title='7-days blog stats'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.300000, 2.300000)'><line class='svgC' x1='5.18305279' x2='5.18305279' y1='7.960947' y2='14.6546312'></line><line class='svgC' x1='9.73684179' x2='9.73684179' y1='4.757368' y2='14.6552627'></line><line class='svgC' x1='14.2156838' x2='14.2156838' y1='11.498211' y2='14.6550531'></line><path d='M-3.55271368e-14,9.73684211 C-3.55271368e-14,2.43473684 2.43473684,2.13162821e-14 9.73684211,2.13162821e-14 C17.0389474,2.13162821e-14 19.4736842,2.43473684 19.4736842,9.73684211 C19.4736842,17.0389474 17.0389474,19.4736842 9.73684211,19.4736842 C2.43473684,19.4736842 -3.55271368e-14,17.0389474 -3.55271368e-14,9.73684211 Z'></path></g></svg></a><a class='qeBtn a' href='https://www.blogger.com/blog/posts/4107775646633759889' rel='nofollow noopener noreferrer' target='_blank' title='Dashboard'><svg class='line' viewBox='0 0 24 24'><line x1='8' x2='21' y1='6' y2='6'></line><line x1='8' x2='21' y1='12' y2='12'></line><line x1='8' x2='21' y1='18' y2='18'></line><line class='svgC' x1='3' x2='3.01' y1='6' y2='6'></line><line class='svgC' x1='3' x2='3.01' y1='12' y2='12'></line><line class='svgC' x1='3' x2='3.01' y1='18' y2='18'></line></svg></a><a class='qeBtn a' href='https://www.blogger.com/blog/post/edit/4107775646633759889/8129998340886010995' rel='nofollow noopener noreferrer' target='_blank' title='Edit post'><svg class='line' viewBox='0 0 24 24'><path d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'></path><path class='svgC' d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'></path></svg></a></div><label class='fCls' for='offqeMn'></label></div>
<div class='pAd'>
</div>
<script type='application/ld+json'>{"@context": "http://schema.org", "@type": "BlogPosting", "mainEntityOfPage": {"@type": "WebPage", "@id": "https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html"}, "headline": "Blogger Enable Realtime Post Views Counter", "description": "We\u0026#39;d like to inform you about the latest update from Fineshop Design: Plus UI v2.6. This version brings a bunch of new features when compared to Plus UI v2.5.1. Notably, it introduces the Realtime Views Counter, which allows &#8230;", "articleBody": "We\u0026#39;d like to inform you about the latest update from Fineshop Design: Plus\n UI v2.6. This version brings a bunch of new features when compared to Plus\n UI v2.5.1. Notably, it introduces the Realtime Views Counter, which allows\n you to monitor the live views of your Blog Posts using the Firebase\n Database. If you\u0026#39;re interested in activating this feature for your Blog, we\u0026#39;ve\n outlined some straightforward steps to help you begin: Note that it will not work in older&#160;version of Plus UI. Make sure you\n have a latest&#160;template of Plus UI. Video Tutorial Step by Step Guidence \u003cb\u003e Requirements\u003c/b\u003e Firebase Account Plus UI v2.6 Template \u003cb\u003e Enabling Views Count\u003c/b\u003e\u003cb\u003e Step 1:\u003c/b\u003e First of all we can create a project in Firebase.\u003cb\u003e Step 2:\u003c/b\u003e The second step is to Create a Database for your\n Project.\u003cb\u003e Step 3:\u003c/b\u003e Paste the following rules in the Database. For \u003cb\u003e Single Blog\u003c/b\u003e\u003ci class\u003d\"pre-punctuation\"\u003e {\u003c/i\u003e\u003ci class\u003d\"pre-attr\"\u003e \u0026quot;rules\u0026quot;\u003c/i\u003e\u003ci class\u003d\"pre-punctuation\"\u003e :\u003c/i\u003e\u003ci class\u003d\"pre-punctuation\"\u003e {\u003c/i\u003e\u003ci class\u003d\"pre-attr\"\u003e \u0026quot;.read\u0026quot;\u003c/i\u003e\u003ci class\u003d\"pre-punctuation\"\u003e :\u003c/i\u003e\u003ci class\u003d\"pre-keyword\"\u003e true\u003c/i\u003e\u003ci class\u003d\"pre-punctuation\"\u003e ,\u003c/i\u003e\u003ci class\u003d\"pre-attr\"\u003e \u0026quot;BlogID_\u003ci class\u003d\"block\"\u003e 0000000000000000000\u003c/i\u003e \u0026quot;\u003c/i\u003e\u003ci class\u003d\"pre-punctuation\"\u003e :\u003c/i\u003e\u003ci class\u003d\"pre-punctuation\"\u003e {\u003c/i\u003e\u003ci class\u003d\"pre-attr\"\u003e \u0026quot;.read\u0026quot;\u003c/i\u003e\u003ci class\u003d\"pre-punctuation\"\u003e :\u003c/i\u003e\u003ci class\u003d\"pre-keyword\"\u003e true\u003c/i\u003e\u003ci class\u003d\"pre-punctuation\"\u003e ,\u003c/i\u003e\u003ci class\u003d\"pre-attr\"\u003e \u0026quot;$post_id\u0026quot;\u003c/i\u003e\u003ci class\u003d\"pre-punctuation\"\u003e :\u003c/i\u003e\u003ci class\u003d\"pre-punctuation\"\u003e {\u003c/i\u003e\u003ci class\u003d\"pre-attr\"\u003e \u0026quot;.w&#8230;", "datePublished": "2023-10-05T02:55:00-07:00", "dateModified": "2023-10-05T07:33:33-07:00", "image": {"@type": "ImageObject", "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/w1200-h630-p-k-no-nu/Realtime%20post%20views%20blogger.webp", "height": 630, "width": 1200},"publisher": {"@type": "Organization", "name": "Coded Scripts", "logo": {"@type": "ImageObject", "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZv0L5KU00mZw6kG0It7eiT-AhKPatVA1HeASJ0MQfJUJm1Wr-zbeZFmMvdudwn8DFvGl0c4fEodvThyphenhyphen9FzSbmnkC8oFCtQn9ZCyNSmMXq12N2y4gjjSb4FrAYaawYR8kavd-6cUsMKV6Z/s297/fd-logo.png", "width": 297, "height": 45}}, "author": { "@type": "Person", "name": "Admin", "url": "https://codedscripts.blogspot.com/", "image": "//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPlAMpe0XjWVK3_5X9loo3puv7Bc4E__oJzSXPLC5vMmHklqEJRFlGGTg1mTOT3gTZ9zeLSY4TNtSvmheKoAvo127SnI3nogN_5lE56OeO0OorJqbDtf3zBObd2iX48cLZOAnSOn2jPE_UrN2PxTue7gkwtGl0_1K17ETY0gI4e0/s220/Transparent%20AiTech97%20Logo.png"}}</script>
<script>/*<![CDATA[*/ function get_text(el) {ret = ''; var length = el.childNodes.length; for(var i = 0; i < length; i++) {var node = el.childNodes[i]; if(node.nodeType != 8) {ret += node.nodeType != 1 ? node.nodeValue : get_text(node);} } return ret;} var words = get_text(document.getElementById('postBody')); var count = words.split(' ').length; var avg = 200; var counted = count / avg; var maincount = Math.round(counted); document.getElementById('rdTime').innerHTML = 'Estimated read time: ' + maincount + ' min'; /*]]>*/</script>
<div class='admAbt'>
<h2 class='title dt'>About the Author</h2>
<div class='admPs'>
<div class='admIm'>
<div class='im lazy lazy' data-style='background-image: url(//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPlAMpe0XjWVK3_5X9loo3puv7Bc4E__oJzSXPLC5vMmHklqEJRFlGGTg1mTOT3gTZ9zeLSY4TNtSvmheKoAvo127SnI3nogN_5lE56OeO0OorJqbDtf3zBObd2iX48cLZOAnSOn2jPE_UrN2PxTue7gkwtGl0_1K17ETY0gI4e0/w40-h40-p-k-no-nu/Transparent%20AiTech97%20Logo.png)'>
</div>
<noscript><div class='im' style='background-image: url(//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPlAMpe0XjWVK3_5X9loo3puv7Bc4E__oJzSXPLC5vMmHklqEJRFlGGTg1mTOT3gTZ9zeLSY4TNtSvmheKoAvo127SnI3nogN_5lE56OeO0OorJqbDtf3zBObd2iX48cLZOAnSOn2jPE_UrN2PxTue7gkwtGl0_1K17ETY0gI4e0/w40-h40-p-k-no-nu/Transparent%20AiTech97%20Logo.png)'></div></noscript>
</div>
<div class='admI'>
<bdi class='admN' data-text='Admin' data-write='Posted by'></bdi>
<div class='admA'>
I&#39;m Abdul Majeed Founder &amp; CEO of Ai Tech 97. Expert Content Writing, Social Media Marketing, AI Tools Provider, and Blogger Expert. Have 2 Years of Experience in these fields.
</div>
</div>
</div>
</div>
<div class='pSh'>
<div class='lbHt'>
<a aria-label='Blogger' href='https://codedscripts.blogspot.com/search/label/Blogger'>#Blogger</a>
<a aria-label='Realtime Views on Post' href='https://codedscripts.blogspot.com/search/label/Realtime%20Views%20on%20Post'>#Realtime Views on Post</a>
<a aria-label='Scripts' href='https://codedscripts.blogspot.com/search/label/Scripts'>#Scripts</a>
</div>
<div class='pShc' data-text='Share:'>
<a aria-label='Facebook' class='c fb' data-text='Share' href='https://www.facebook.com/sharer.php?u=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' rel='noopener' role='button' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z'></path></svg>
</a>
<a aria-label='Whatsapp' class='c wa' data-text='Share' href='https://api.whatsapp.com/send?text=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' rel='noopener' role='button' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M6.9,48.4c-0.4,1.5-0.8,3.3-1.3,5.2c-0.7,2.9,1.9,5.6,4.8,4.8l5.1-1.3c1.7-0.4,3.5-0.2,5.1,0.5 c4.7,2.1,10,3,15.6,2.1c12.3-1.9,22-11.9,23.5-24.2C62,17.3,46.7,2,28.5,4.2C16.2,5.7,6.2,15.5,4.3,27.8c-0.8,5.6,0,10.9,2.1,15.6 C7.1,44.9,7.3,46.7,6.9,48.4z M21.3,19.8c0.6-0.5,1.4-0.9,1.8-0.9s2.3-0.2,2.9,1.2c0.6,1.4,2,4.7,2.1,5.1c0.2,0.3,0.3,0.7,0.1,1.2 c-0.2,0.5-0.3,0.7-0.7,1.1c-0.3,0.4-0.7,0.9-1,1.2c-0.3,0.3-0.7,0.7-0.3,1.4c0.4,0.7,1.8,2.9,3.8,4.7c2.6,2.3,4.9,3,5.5,3.4 c0.7,0.3,1.1,0.3,1.5-0.2c0.4-0.5,1.7-2,2.2-2.7c0.5-0.7,0.9-0.6,1.6-0.3c0.6,0.2,4,1.9,4.7,2.2c0.7,0.3,1.1,0.5,1.3,0.8 c0.2,0.3,0.2,1.7-0.4,3.2c-0.6,1.6-2.1,3.1-3.2,3.5c-1.3,0.5-2.8,0.7-9.3-1.9c-7-2.8-11.8-9.8-12.1-10.3c-0.3-0.5-2.8-3.7-2.8-7.1 C18.9,22.1,20.7,20.4,21.3,19.8z'></path></svg>
</a>
<a aria-label='Twitter' class='c tw' data-text='Tweet' href='https://twitter.com/share?url=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' rel='noopener' role='button' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M11.4,26.6C11.5,26.6,11.5,26.6,11.4,26.6c-0.9,0-1.8-0.2-2.6-0.4c-1.3-0.4-2.5,0.8-2.1,2 c1.1,4.3,4.5,7.7,8.8,8.6c-1,0.3-2,0.4-3,0.4c-1,0-1.7,1.1-1.2,2c1.9,3.5,5.6,5.9,9.7,6h1c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2 c-1.3,0-2.9-0.1-4.5-0.5c-1-0.2-2-0.2-2.9,0.1c-1.7,0.6-3.5,1.1-5.4,1.3C8.5,50.2,8,50.7,8,51.4v0c0,0.5,0.3,1,0.8,1.2 c3.9,1.7,8.3,2.7,12.9,2.7c21.1,0,32.7-17.9,32.7-33.5v0c0-0.9,0.4-1.8,1.1-2.4c1.2-1,2.3-2.1,3.3-3.4c0.4-0.5-0.1-1.2-0.7-1 c-1.2,0.4-2.4,0.7-3.7,0.9c-0.2,0-0.3-0.2-0.1-0.4c1.5-1.1,2.8-2.6,3.6-4.3c0.3-0.6-0.3-1.2-0.9-0.9c-1.1,0.6-2.3,1-3.5,1.4 c-1.2,0.4-2.6,0.1-3.6-0.7c-1.9-1.5-4.4-2.4-7-2.4c-5.3,0-9.8,3.7-11.1,8.8c-0.2,0.9,0.5,1.7,1.4,1.7c1.6-0.1,3.2-0.3,4.4-0.5 c1-0.2,2,0.3,2.4,1.2c0.5,1.2-0.2,2.4-1.3,2.7c-4.6,1.3-9.7,0.4-9.7,0.4l0,0C21.2,21.8,14.3,18,9.3,12.5C8.6,11.7,7.3,12,7,12.9 c-0.4,1.2-0.6,2.5-0.6,3.9C6.4,20.9,8.4,24.5,11.4,26.6z'></path></svg>
</a>
<label aria-label='Share to other apps' for='forShare'>
<svg viewBox='0 0 512 512'><path d='M417.4,224H288V94.6c0-16.9-14.3-30.6-32-30.6c-17.7,0-32,13.7-32,30.6V224H94.6C77.7,224,64,238.3,64,256 c0,17.7,13.7,32,30.6,32H224v129.4c0,16.9,14.3,30.6,32,30.6c17.7,0,32-13.7,32-30.6V288h129.4c16.9,0,30.6-14.3,30.6-32 C448,238.3,434.3,224,417.4,224z'></path></svg>
</label>
</div>
</div>
</div>
</article>
<div class='pFoot'>
<input class='shIn fixi hidden' id='forShare' type='checkbox'/>
<div class='shBr fixL'>
<div class='shBri fixLi'>
<div class='shBrs fixLs'>
<div class='shH fixH fixT' data-text='Share to other apps'>
<label aria-label='Close' class='c cl' for='forShare'></label>
</div>
<div class='shC'>
<div class='shL'>
<div data-text='Facebook'>
<a aria-label='Facebook' href='https://www.facebook.com/sharer.php?u=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' rel='noopener' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z'></path></svg>
</a>
</div>
<div data-text='WhatsApp'>
<a aria-label='Whatsapp' href='https://api.whatsapp.com/send?text=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' rel='noopener' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M6.9,48.4c-0.4,1.5-0.8,3.3-1.3,5.2c-0.7,2.9,1.9,5.6,4.8,4.8l5.1-1.3c1.7-0.4,3.5-0.2,5.1,0.5 c4.7,2.1,10,3,15.6,2.1c12.3-1.9,22-11.9,23.5-24.2C62,17.3,46.7,2,28.5,4.2C16.2,5.7,6.2,15.5,4.3,27.8c-0.8,5.6,0,10.9,2.1,15.6 C7.1,44.9,7.3,46.7,6.9,48.4z M21.3,19.8c0.6-0.5,1.4-0.9,1.8-0.9s2.3-0.2,2.9,1.2c0.6,1.4,2,4.7,2.1,5.1c0.2,0.3,0.3,0.7,0.1,1.2 c-0.2,0.5-0.3,0.7-0.7,1.1c-0.3,0.4-0.7,0.9-1,1.2c-0.3,0.3-0.7,0.7-0.3,1.4c0.4,0.7,1.8,2.9,3.8,4.7c2.6,2.3,4.9,3,5.5,3.4 c0.7,0.3,1.1,0.3,1.5-0.2c0.4-0.5,1.7-2,2.2-2.7c0.5-0.7,0.9-0.6,1.6-0.3c0.6,0.2,4,1.9,4.7,2.2c0.7,0.3,1.1,0.5,1.3,0.8 c0.2,0.3,0.2,1.7-0.4,3.2c-0.6,1.6-2.1,3.1-3.2,3.5c-1.3,0.5-2.8,0.7-9.3-1.9c-7-2.8-11.8-9.8-12.1-10.3c-0.3-0.5-2.8-3.7-2.8-7.1 C18.9,22.1,20.7,20.4,21.3,19.8z'></path></svg>
</a>
</div>
<div data-text='Twitter'>
<a aria-label='Twitter' href='https://twitter.com/share?url=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' rel='noopener' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M11.4,26.6C11.5,26.6,11.5,26.6,11.4,26.6c-0.9,0-1.8-0.2-2.6-0.4c-1.3-0.4-2.5,0.8-2.1,2 c1.1,4.3,4.5,7.7,8.8,8.6c-1,0.3-2,0.4-3,0.4c-1,0-1.7,1.1-1.2,2c1.9,3.5,5.6,5.9,9.7,6h1c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2 c-1.3,0-2.9-0.1-4.5-0.5c-1-0.2-2-0.2-2.9,0.1c-1.7,0.6-3.5,1.1-5.4,1.3C8.5,50.2,8,50.7,8,51.4v0c0,0.5,0.3,1,0.8,1.2 c3.9,1.7,8.3,2.7,12.9,2.7c21.1,0,32.7-17.9,32.7-33.5v0c0-0.9,0.4-1.8,1.1-2.4c1.2-1,2.3-2.1,3.3-3.4c0.4-0.5-0.1-1.2-0.7-1 c-1.2,0.4-2.4,0.7-3.7,0.9c-0.2,0-0.3-0.2-0.1-0.4c1.5-1.1,2.8-2.6,3.6-4.3c0.3-0.6-0.3-1.2-0.9-0.9c-1.1,0.6-2.3,1-3.5,1.4 c-1.2,0.4-2.6,0.1-3.6-0.7c-1.9-1.5-4.4-2.4-7-2.4c-5.3,0-9.8,3.7-11.1,8.8c-0.2,0.9,0.5,1.7,1.4,1.7c1.6-0.1,3.2-0.3,4.4-0.5 c1-0.2,2,0.3,2.4,1.2c0.5,1.2-0.2,2.4-1.3,2.7c-4.6,1.3-9.7,0.4-9.7,0.4l0,0C21.2,21.8,14.3,18,9.3,12.5C8.6,11.7,7.3,12,7,12.9 c-0.4,1.2-0.6,2.5-0.6,3.9C6.4,20.9,8.4,24.5,11.4,26.6z'></path></svg>
</a>
</div>
<div data-text='Telegram'>
<a aria-label='Telegram' href='https://t.me/share/url?url=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' rel='noopener' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'></path></svg>
</a>
</div>
<div data-text='Pinterest'>
<a aria-label='Pinterest' data-pin-config='beside' href='https://pinterest.com/pin/create/button/?url=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html&media=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/w1600/Realtime%20post%20views%20blogger.webp' rel='noopener' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M14.4,53.8c2.4,2,6.1,0.6,6.8-2.4l0-0.1c0.4-1.8,2.4-10.2,3.2-13.7c0.2-0.9,0.2-1.8-0.1-2.7 C24.2,34,24,32.8,24,31.5c0-4.1,2.4-7.2,5.4-7.2c2.5,0,3.8,1.9,3.8,4.2c0,2.6-1.6,6.4-2.5,9.9c-0.7,3,1.5,5.4,4.4,5.4 c5.3,0,8.9-6.8,8.9-14.9c0-6.1-4.1-10.7-11.6-10.7c-8.5,0-13.8,6.3-13.8,13.4c0,2.4,0.7,4.2,1.8,5.5c0.5,0.6,0.6,0.9,0.4,1.6 c-0.1,0.5-0.4,1.8-0.6,2.2c-0.2,0.7-0.8,1-1.4,0.7c-3.9-1.6-5.7-5.9-5.7-10.7c0-8,6.7-17.5,20-17.5c10.7,0,17.7,7.7,17.7,16 c0,11-6.1,19.2-15.1,19.2c-1.9,0-3.8-0.7-5.2-1.6c-0.9-0.6-2.1-0.1-2.4,0.9c-0.5,1.9-1.1,4.3-1.3,4.9c-0.1,0.5-0.3,0.9-0.4,1.4 c-1,2.7,0.9,5.5,3.7,5.7c2.1,0.1,4.2,0,6.3-0.3c12.4-2,22.1-12.2,23.4-24.7C61.5,18.1,48.4,4,32,4C16.5,4,4,16.5,4,32 C4,40.8,8.1,48.6,14.4,53.8z'></path></svg>
</a>
</div>
<div data-text='LinkedIn'>
<a aria-label='Linkedin' href='https://www.linkedin.com/sharing/share-offsite/?url=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' rel='noopener' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M8,54.7C8,55.4,8.6,56,9.3,56h9.3c0.7,0,1.3-0.6,1.3-1.3V23.9c0-0.7-0.6-1.3-1.3-1.3H9.3 c-0.7,0-1.3,0.6-1.3,1.3V54.7z'></path><path d='M46.6,22.3c-4.5,0-7.7,1.8-9.4,3.7c-0.4,0.4-1.1,0.1-1.1-0.5l0-1.6c0-0.7-0.6-1.3-1.3-1.3h-9.4 c-0.7,0-1.3,0.6-1.3,1.3c0.1,5.7,0,25.4,0,30.7c0,0.7,0.6,1.3,1.3,1.3h9.5c0.7,0,1.3-0.6,1.3-1.3V37.9c0-1,0-2,0.3-2.7 c0.8-2,2.6-4.1,5.7-4.1c4.1,0,6,3.1,6,7.6v15.9c0,0.7,0.6,1.3,1.3,1.3h9.3c0.7,0,1.3-0.6,1.3-1.3V37.4C60,27.1,54.1,22.3,46.6,22.3 z'></path><path d='M13.9,18.9L13.9,18.9c3.8,0,6.1-2.4,6.1-5.4C19.9,10.3,17.7,8,14,8c-3.7,0-6,2.3-6,5.4 C8,16.5,10.3,18.9,13.9,18.9z'></path></svg>
</a>
</div>
<div data-text='Line'>
<a aria-label='Line' href='https://timeline.line.me/social-plugin/share?url=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' rel='noopener' target='_blank'>
<svg viewBox='0 0 24 24'><path d='M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314'></path></svg>
</a>
</div>
<div data-text='Email'>
<a aria-label='Email' href='mailto:?body=https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html' target='_blank'>
<svg viewBox='0 0 500 500'><path d='M468.051,222.657c0-12.724-5.27-24.257-13.717-32.527 L282.253,45.304c-17.811-17.807-46.702-17.807-64.505,0L45.666,190.129c-8.448,8.271-13.717,19.803-13.717,32.527v209.054 c0,20.079,16.264,36.341,36.34,36.341h363.421c20.078,0,36.34-16.262,36.34-36.341V222.657z M124.621,186.402h250.758 c11.081,0,19.987,8.905,19.987,19.991v34.523c-0.088,4.359-1.818,8.631-5.181,11.997l-55.966,56.419l83.224,83.127 c6.904,6.904,6.904,18.081,0,24.985s-18.085,6.904-24.985,0l-85.676-85.672H193.034l-85.492,85.672 c-6.907,6.904-18.081,6.904-24.985,0c-6.906-6.904-6.906-18.081,0-24.985l83.131-83.127l-55.875-56.419 c-3.638-3.638-5.363-8.358-5.181-13.177v-33.343C104.632,195.307,113.537,186.402,124.621,186.402z'></path></svg>
</a>
</div>
</div>
<div class='cpL' data-message='Copy to clipboard' data-text='or copy link'>
<div class='cpLb'>
<svg class='line' viewBox='0 0 24 24'><path d='M13.0601 10.9399C15.3101 13.1899 15.3101 16.8299 13.0601 19.0699C10.8101 21.3099 7.17009 21.3199 4.93009 19.0699C2.69009 16.8199 2.68009 13.1799 4.93009 10.9399'></path><path class='svgC' d='M10.59 13.4099C8.24996 11.0699 8.24996 7.26988 10.59 4.91988C12.93 2.56988 16.73 2.57988 19.08 4.91988C21.43 7.25988 21.42 11.0599 19.08 13.4099'></path></svg>
<input id='getlink' onClick='this.select()' readonly='readonly' value='https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html'/>
<label for='getlink' onclick='copyFunction()'>Copy</label>
</div>
<div class='cpLn' id='cpNotif'></div>
<script>function copyFunction(){document.getElementById('getlink').select(),document.execCommand('copy'),toastNotif('<i class="copy"></i>Link copied to clipboard!'); if('vibrate' in navigator){navigator.vibrate([50])};}</script>
</div>
</div>
</div>
</div>
<label class='fCls' for='forShare'></label>
</div>
<div id='rPst'></div>
<script>
var labelArray = ["Blogger","Realtime Views on Post","Scripts",];
// Auto Related Posts (Bottom)
var relatedPostConfig = {
homePage: "https://codedscripts.blogspot.com/",
// Replace You may like these posts to change Related Posts title
widgetTitle: "<h2 class='title dt'>You may like these posts</h2>",

numPosts: 6,
summaryLength: 180,
titleLength:"auto",
thumbnailSize: 300,
noImage: "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
containerId: "rPst",
newTabLink: false,
moreText: "Read more",
// Change the related post style, there are 4 styles available
widgetStyle: 3,
callBack:function(){}
}

// Auto Related Posts (In-Article)
var autoRelatedConfig = {
homePage: "https://codedscripts.blogspot.com/",
numPosts: 10,
titleLength:"auto",
newTabLink: false,
callBack:function(){}
}
// Auto Chapter
var autoChapterConfig = {
homePage: "https://codedscripts.blogspot.com/",
titleLength: "60",
newTabLink: false,
callBack:function(){}
}
</script>
<div class='pCmnts' id='comment'>
<input class='cmSh fixi hidden' id='forComments' type='checkbox'/>
<div class='cmShw'>
<label class='cmBtn button ln' for='forComments'>
Post a Comment
</label>
</div>
<section class='cm cmBr fixL' data-embed='true' data-num-comments='0' id='comments'>
<div class='cmBri mty'>
<div class='cmBrs fixLs'>
<div class='cmH fixH'>
<h3 class='title'>
Post a Comment
</h3>
<div class='cmI cl'>
<label aria-label='Close' class='c' for='forComments'></label>
</div>
</div>
<div class='cmC'>
<script>var comment = false;</script>
<div class='cmFrm'>
<div id='commentForm'>
<button class='iCmn' data-comment='https://www.blogger.com/comment/frame/4107775646633759889?po=8129998340886010995&hl=en&skin=contempo&skin=contempo' data-text='Join the conversation (0)' id='iCmn'></button>
<script>/*<![CDATA[*/ (function(){var tCom=getid('iCmn'),urlCom=tCom.getAttribute('data-comment'),ifCom=document.createElement('iframe');ifCom.width='100%';ifCom.height='296';ifCom.setAttribute('data-src',urlCom);ifCom.setAttribute('id','comment-editor');ifCom.setAttribute('class','blogger-iframe-colorize blogger-comment-from-post lazy');ifCom.setAttribute('name','comment-editor');ifCom.setAttribute('lazied','');tCom.addEventListener('click',function(){tCom.insertAdjacentElement('beforebegin',ifCom);this.remove();});})() /*]]>*/</script>
</div>
</div>
</div>
</div>
</div>
<label class='fCls' for='forComments'></label>
</section>
<script>/*<![CDATA[*/ var observerK=new MutationObserver(function(mutations,me){var cekkomen=getid('comment-editor');if(cekkomen){var b=getid("comment-editor"),d=b.getAttribute("data-src");if(b.setAttribute("src",d),1==comment){var f=getclass("rpTo"),c=getid("commentForm"),h=f.length,k=function(b,d,e,f){b.addEventListener("click",function(){var c=b.getAttribute("data-reply-to");getid("c"+c).appendChild(d);getid("commentForm").className='cmRbox';getid("addCm").className='commentsReply';e.src=f+"&parentID="+c})};for(i=0;i<h;i++)k(f[i],c,b,d);var l=getclass("cmFrm")[0];getid("addCm").addEventListener("click",function(){l.appendChild(c);getid("commentForm").className='comment-replybox-thread';getid("addCm").className='hidden';b.src=d})};me.disconnect();return}});observerK.observe(document,{childList:true,subtree:true}); var bscom=getid('forComments'),bskom=getid('iCmn');if(bscom!==null){bscom.addEventListener('click',function(){if(bscom.checked==true){if(bskom!==null){bskom.click()};}})}; /*]]>*/</script>
<script>/*<![CDATA[*/ /* Comment tag, license: dte.web.id/teknis/paket-javascript-fitur-manipulasi */ function repText(id) {var a = document.getElementById(id); if (!a) return; var b = a.innerHTML; b = b.replace(/<i rel="image">(.*?)<\/i>/ig, "<img class='lazy' data-src='$1' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' alt='Image Comment' \/>"); a.innerHTML = b;} repText('cmHolder'); /*]]>*/</script>
</div>
</div>
</div>
</div>
</div>
</main>
<!--[ Sidebar content ]-->
<aside class='blogItm sidebar'>
<div class='sideIn'>
<div class='section' id='side-widget'><div class='widget Image' data-version='2' id='Image5'>
<h3 class='title'>
Typography and Plus UI Codes
</h3>
<div class='widget-content'>
<a href='https://codedscripts.blogspot.com/p/typography-and-plus-ui-codes.html'>
<img alt='Typography and Plus UI Codes' height='174' id='Image5_img' src='https://blogger.googleusercontent.com/img/a/AVvXsEi5uowqvs_fTandiLiPq4yQEgC-Yjz72X-0n0g8uSn3dIl6mBCAreWs3P4bzgSCAw3Te4CDwbeixT1Ep7EBb5Ko0ozfY8U6g_hMFj8-cnjkLuvVlZjVxCIEzBMUB4kzrc5lOSB4iJYVw4pI8HI87CHdL2JSD59vEejzyXdeo8_V2Eaikvfge344WXtvuw=s309' srcset='https://blogger.googleusercontent.com/img/a/AVvXsEi5uowqvs_fTandiLiPq4yQEgC-Yjz72X-0n0g8uSn3dIl6mBCAreWs3P4bzgSCAw3Te4CDwbeixT1Ep7EBb5Ko0ozfY8U6g_hMFj8-cnjkLuvVlZjVxCIEzBMUB4kzrc5lOSB4iJYVw4pI8HI87CHdL2JSD59vEejzyXdeo8_V2Eaikvfge344WXtvuw=s72 72w, https://blogger.googleusercontent.com/img/a/AVvXsEi5uowqvs_fTandiLiPq4yQEgC-Yjz72X-0n0g8uSn3dIl6mBCAreWs3P4bzgSCAw3Te4CDwbeixT1Ep7EBb5Ko0ozfY8U6g_hMFj8-cnjkLuvVlZjVxCIEzBMUB4kzrc5lOSB4iJYVw4pI8HI87CHdL2JSD59vEejzyXdeo8_V2Eaikvfge344WXtvuw=s128 128w, https://blogger.googleusercontent.com/img/a/AVvXsEi5uowqvs_fTandiLiPq4yQEgC-Yjz72X-0n0g8uSn3dIl6mBCAreWs3P4bzgSCAw3Te4CDwbeixT1Ep7EBb5Ko0ozfY8U6g_hMFj8-cnjkLuvVlZjVxCIEzBMUB4kzrc5lOSB4iJYVw4pI8HI87CHdL2JSD59vEejzyXdeo8_V2Eaikvfge344WXtvuw=s220 220w, https://blogger.googleusercontent.com/img/a/AVvXsEi5uowqvs_fTandiLiPq4yQEgC-Yjz72X-0n0g8uSn3dIl6mBCAreWs3P4bzgSCAw3Te4CDwbeixT1Ep7EBb5Ko0ozfY8U6g_hMFj8-cnjkLuvVlZjVxCIEzBMUB4kzrc5lOSB4iJYVw4pI8HI87CHdL2JSD59vEejzyXdeo8_V2Eaikvfge344WXtvuw=s400 400w, https://blogger.googleusercontent.com/img/a/AVvXsEi5uowqvs_fTandiLiPq4yQEgC-Yjz72X-0n0g8uSn3dIl6mBCAreWs3P4bzgSCAw3Te4CDwbeixT1Ep7EBb5Ko0ozfY8U6g_hMFj8-cnjkLuvVlZjVxCIEzBMUB4kzrc5lOSB4iJYVw4pI8HI87CHdL2JSD59vEejzyXdeo8_V2Eaikvfge344WXtvuw=s640 640w, https://blogger.googleusercontent.com/img/a/AVvXsEi5uowqvs_fTandiLiPq4yQEgC-Yjz72X-0n0g8uSn3dIl6mBCAreWs3P4bzgSCAw3Te4CDwbeixT1Ep7EBb5Ko0ozfY8U6g_hMFj8-cnjkLuvVlZjVxCIEzBMUB4kzrc5lOSB4iJYVw4pI8HI87CHdL2JSD59vEejzyXdeo8_V2Eaikvfge344WXtvuw=s800 800w, https://blogger.googleusercontent.com/img/a/AVvXsEi5uowqvs_fTandiLiPq4yQEgC-Yjz72X-0n0g8uSn3dIl6mBCAreWs3P4bzgSCAw3Te4CDwbeixT1Ep7EBb5Ko0ozfY8U6g_hMFj8-cnjkLuvVlZjVxCIEzBMUB4kzrc5lOSB4iJYVw4pI8HI87CHdL2JSD59vEejzyXdeo8_V2Eaikvfge344WXtvuw=s1024 1024w, https://blogger.googleusercontent.com/img/a/AVvXsEi5uowqvs_fTandiLiPq4yQEgC-Yjz72X-0n0g8uSn3dIl6mBCAreWs3P4bzgSCAw3Te4CDwbeixT1Ep7EBb5Ko0ozfY8U6g_hMFj8-cnjkLuvVlZjVxCIEzBMUB4kzrc5lOSB4iJYVw4pI8HI87CHdL2JSD59vEejzyXdeo8_V2Eaikvfge344WXtvuw=s1280 1280w, https://blogger.googleusercontent.com/img/a/AVvXsEi5uowqvs_fTandiLiPq4yQEgC-Yjz72X-0n0g8uSn3dIl6mBCAreWs3P4bzgSCAw3Te4CDwbeixT1Ep7EBb5Ko0ozfY8U6g_hMFj8-cnjkLuvVlZjVxCIEzBMUB4kzrc5lOSB4iJYVw4pI8HI87CHdL2JSD59vEejzyXdeo8_V2Eaikvfge344WXtvuw=s1600 1600w' width='309'>
</img>
</a>
<br/>
<span class='caption'>Click Above Image to See All Documentation</span>
</div>
</div><div class='widget PopularPosts' data-version='2' id='PopularPosts00'>
<h2 class='title dt'>Popular Posts</h2>
<div class='itemPp' role='feed'>
<article class='itm mostP'>
<div class='iThmb pThmb'>
<a class='thmb' href='https://codedscripts.blogspot.com/2023/10/countdown-download-box.html'>
<img alt='How to Add 3 Best Download Buttons in Blogger Post with Scripts' class='imgThm lazy' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjofDPDGwiyw7YskQVaIhIPA5-RDFIUxTbnPSmq8WGm1Q3RpprXkFwnxnVJhytPwFBtnQsfluxf_80_eGQqs0sbnnif8dSjW0S48sc3iov7KbHqZw7LMmas_xSDxEoLwqfIaHCOQ-8YMUToQaAmOz0pOmdRTuQp77_IcagGCpxp8nC61bmUVs92aviD9w/w600-h300-p-k-no-nu/How%20to%20Add%203%20Best%20Downlaod%20Buttons%20in%20Blogger%20Post%20with%20Scripts.webp' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<noscript><img alt='How to Add 3 Best Download Buttons in Blogger Post with Scripts' class='imgThm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjofDPDGwiyw7YskQVaIhIPA5-RDFIUxTbnPSmq8WGm1Q3RpprXkFwnxnVJhytPwFBtnQsfluxf_80_eGQqs0sbnnif8dSjW0S48sc3iov7KbHqZw7LMmas_xSDxEoLwqfIaHCOQ-8YMUToQaAmOz0pOmdRTuQp77_IcagGCpxp8nC61bmUVs92aviD9w/w600-h300-p-k-no-nu/How%20to%20Add%203%20Best%20Downlaod%20Buttons%20in%20Blogger%20Post%20with%20Scripts.webp'/></noscript>
</a>
<div class='iFxd'>
<a aria-label='Comments' class='cmnt' data-text='2' href='https://codedscripts.blogspot.com/2023/10/countdown-download-box.html#comment' role='button'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path d='M17.0710351,17.0698449 C14.0159481,20.1263505 9.48959549,20.7867004 5.78630747,19.074012 C5.23960769,18.8538953 1.70113357,19.8338667 0.933341969,19.0669763 C0.165550368,18.2990808 1.14639409,14.7601278 0.926307229,14.213354 C-0.787154393,10.5105699 -0.125888852,5.98259958 2.93020311,2.9270991 C6.83146881,-0.9756997 13.1697694,-0.9756997 17.0710351,2.9270991 C20.9803405,6.8359285 20.9723008,13.1680512 17.0710351,17.0698449 Z'></path></g></svg>
</a>
<span class='pV hidden pu-views' data-id='5007873296071851702'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 4.000000)'><path class='svgC' d='M13.1643,8.0521 C13.1643,9.7981 11.7483,11.2141 10.0023,11.2141 C8.2563,11.2141 6.8403,9.7981 6.8403,8.0521 C6.8403,6.3051 8.2563,4.8901 10.0023,4.8901 C11.7483,4.8901 13.1643,6.3051 13.1643,8.0521 Z'></path><path d='M0.7503,8.0521 C0.7503,11.3321 4.8923,15.3541 10.0023,15.3541 C15.1113,15.3541 19.2543,11.3351 19.2543,8.0521 C19.2543,4.7691 15.1113,0.7501 10.0023,0.7501 C4.8923,0.7501 0.7503,4.7721 0.7503,8.0521 Z'></path></g></svg>
</span>
<span aria-label='Read later' bm-id='5007873296071851702' bm-img='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjofDPDGwiyw7YskQVaIhIPA5-RDFIUxTbnPSmq8WGm1Q3RpprXkFwnxnVJhytPwFBtnQsfluxf_80_eGQqs0sbnnif8dSjW0S48sc3iov7KbHqZw7LMmas_xSDxEoLwqfIaHCOQ-8YMUToQaAmOz0pOmdRTuQp77_IcagGCpxp8nC61bmUVs92aviD9w/w240-h240-p-k-no-nu/How%20to%20Add%203%20Best%20Downlaod%20Buttons%20in%20Blogger%20Post%20with%20Scripts.webp' bm-ttl='How to Add 3 Best Download Buttons in Blogger Post with Scripts' bm-url='https://codedscripts.blogspot.com/2023/10/countdown-download-box.html' class='bM bmPs' data-added='Remove' role='button'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path><line class='svgC v' transform='translate(-4.500000, -2.500000)' x1='12' x2='12' y1='6' y2='12'></line><line class='svgC h' transform='translate(-4.500000, -2.500000)' x1='15' x2='9' y1='9' y2='9'></line></g></svg>
</span>
</div>
<div class='iFxd bl'>
<div class='aNm t'>
<div class='im lazy' data-style='background-image: url(//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPlAMpe0XjWVK3_5X9loo3puv7Bc4E__oJzSXPLC5vMmHklqEJRFlGGTg1mTOT3gTZ9zeLSY4TNtSvmheKoAvo127SnI3nogN_5lE56OeO0OorJqbDtf3zBObd2iX48cLZOAnSOn2jPE_UrN2PxTue7gkwtGl0_1K17ETY0gI4e0/w20-h20-p-k-no-nu/Transparent%20AiTech97%20Logo.png)'>
</div>
<bdi class='nm' data-text='Admin'></bdi>
<svg viewBox='0 0 24 24'><path d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z'></path></svg>
</div>
</div>
<div class='blog-admin'>
<div class='iFxd l'>
<a aria-label='Edit this post' class='edit' data-text='Edit' href='https://www.blogger.com/blog/post/edit/4107775646633759889/5007873296071851702' role='button' target='_blank'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 3.500000)'><line class='svgC' x1='9.8352' x2='16.2122' y1='16.0078' y2='16.0078'></line><path d='M12.5578,1.3589 L12.5578,1.3589 C11.2138,0.3509 9.3078,0.6229 8.2998,1.9659 C8.2998,1.9659 3.2868,8.6439 1.5478,10.9609 C-0.1912,13.2789 1.4538,16.1509 1.4538,16.1509 C1.4538,16.1509 4.6978,16.8969 6.4118,14.6119 C8.1268,12.3279 13.1638,5.6169 13.1638,5.6169 C14.1718,4.2739 13.9008,2.3669 12.5578,1.3589 Z'></path><line x1='7.0041' x2='11.8681' y1='3.7114' y2='7.3624'></line></g></svg>
</a>
</div>
</div>
</div>
<div class='iInf pSml'>
<time class='aTtmp iTtmp pbl' data-text='Oct 10' datetime='2023-10-10T05:44:00-07:00' title='Published: October 10, 2023'></time>
<div class='pLbls' data-text='in'>
<a aria-label='Countdown Download Box' data-text='Countdown Download Box' href='https://codedscripts.blogspot.com/search/label/Countdown%20Download%20Box' rel='tag'>
</a>
<a aria-label='Downlaod Buttons' data-text='Downlaod Buttons' href='https://codedscripts.blogspot.com/search/label/Downlaod%20Buttons' rel='tag'>
</a>
</div>
</div>
<div class='iCtnt'>
<div class='iInr'>
<h3 class='iTtl aTtl'><a href='https://codedscripts.blogspot.com/2023/10/countdown-download-box.html'>How to Add 3 Best Download Buttons in Blogger Post with Scripts</a></h3>
<div class='pSnpt'>
Table of Contents Everyone wants to put a download button on their blogger post if they want to provide something to someone wh&#8230;
</div>
</div>
</div>
</article>
<article class='itm'>
<div class='iInf pSml'>
<time class='aTtmp iTtmp pbl' data-text='Dec 7' datetime='2023-12-07T08:30:00-08:00' title='Published: December 7, 2023'></time>
<div class='pLbls' data-text='in'>
<a aria-label='Feature' data-text='Feature' href='https://codedscripts.blogspot.com/search/label/Feature' rel='tag'>
</a>
<a aria-label='Multi Language' data-text='Multi Language' href='https://codedscripts.blogspot.com/search/label/Multi%20Language' rel='tag'>
</a>
</div>
</div>
<div class='iCtnt'>
<div class='iInr'>
<h3 class='iTtl aTtl'><a href='https://codedscripts.blogspot.com/2023/12/How-to-setup-google-translater.html'>How to Setup Google Translate</a></h3>
</div>
</div>
</article>
<article class='itm'>
<div class='iInf pSml'>
<time class='aTtmp iTtmp pbl' data-text='Nov 17' datetime='2023-11-17T06:42:00-08:00' title='Published: November 17, 2023'></time>
<div class='pLbls' data-text='in'>
<a aria-label='Click to Download' data-text='Click to Download' href='https://codedscripts.blogspot.com/search/label/Click%20to%20Download' rel='tag'>
</a>
<a aria-label='Countdown Timer' data-text='Countdown Timer' href='https://codedscripts.blogspot.com/search/label/Countdown%20Timer' rel='tag'>
</a>
</div>
</div>
<div class='iCtnt'>
<div class='iInr'>
<h3 class='iTtl aTtl'><a href='https://codedscripts.blogspot.com/2023/11/download-popup-ad-button-with-countdown-timer.html'>Create a Download Popup Ad Button With Countdown Timer</a></h3>
</div>
</div>
</article>
<article class='itm'>
<div class='iInf pSml'>
<time class='aTtmp iTtmp pbl' data-text='Sep 25' datetime='2023-09-25T04:24:00-07:00' title='Published: September 25, 2023'></time>
<div class='pLbls' data-text='in'>
<a aria-label='Anti Ads Blocker' data-text='Anti Ads Blocker' href='https://codedscripts.blogspot.com/search/label/Anti%20Ads%20Blocker' rel='tag'>
</a>
<a aria-label='Blogger' data-text='Blogger' href='https://codedscripts.blogspot.com/search/label/Blogger' rel='tag'>
</a>
</div>
</div>
<div class='iCtnt'>
<div class='iInr'>
<h3 class='iTtl aTtl'><a href='https://codedscripts.blogspot.com/2023/09/powerful-anti-ads-blogger.html'>How to add powerful Anti Ad Blocker to your Blogger site</a></h3>
</div>
</div>
</article>
</div>
</div><div class='widget Label' data-version='2' id='Label00'>
<h2 class='title dt'>Labels</h2>
<div class='wL pSml bg ls'>
<ul>
<li>
<a aria-label='Anti Ads Blocker' class='lbN' href='https://codedscripts.blogspot.com/search/label/Anti%20Ads%20Blocker'>
<span class='lbT'>Anti Ads Blocker</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Auto Lightbox' class='lbN' href='https://codedscripts.blogspot.com/search/label/Auto%20Lightbox'>
<span class='lbT'>Auto Lightbox</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Blogger' class='lbN' href='https://codedscripts.blogspot.com/search/label/Blogger'>
<span class='lbT'>Blogger</span>
<span class='lbR'>
<span class='lbC' data-text='4'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Click to Download' class='lbN' href='https://codedscripts.blogspot.com/search/label/Click%20to%20Download'>
<span class='lbT'>Click to Download</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Countdown Download Box' class='lbN' href='https://codedscripts.blogspot.com/search/label/Countdown%20Download%20Box'>
<span class='lbT'>Countdown Download Box</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Countdown Timer' class='lbN' href='https://codedscripts.blogspot.com/search/label/Countdown%20Timer'>
<span class='lbT'>Countdown Timer</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
</ul>
<div class='lbSh'>
<input class='lbIn hidden' id='lbAl-2' type='checkbox'/>
<ul class='lbAl'>
<li>
<a aria-label='CSS' class='lbN' href='https://codedscripts.blogspot.com/search/label/CSS'>
<span class='lbT'>CSS</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Downlaod Buttons' class='lbN' href='https://codedscripts.blogspot.com/search/label/Downlaod%20Buttons'>
<span class='lbT'>Downlaod Buttons</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Feature' class='lbN' href='https://codedscripts.blogspot.com/search/label/Feature'>
<span class='lbT'>Feature</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Image with caption' class='lbN' href='https://codedscripts.blogspot.com/search/label/Image%20with%20caption'>
<span class='lbT'>Image with caption</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='image with grid layout' class='lbN' href='https://codedscripts.blogspot.com/search/label/image%20with%20grid%20layout'>
<span class='lbT'>image with grid layout</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Multi Language' class='lbN' href='https://codedscripts.blogspot.com/search/label/Multi%20Language'>
<span class='lbT'>Multi Language</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Realtime Views on Post' class='lbN' href='https://codedscripts.blogspot.com/search/label/Realtime%20Views%20on%20Post'>
<span class='lbT'>Realtime Views on Post</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Scripts' class='lbN' href='https://codedscripts.blogspot.com/search/label/Scripts'>
<span class='lbT'>Scripts</span>
<span class='lbR'>
<span class='lbC' data-text='5'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
<li>
<a aria-label='Translate' class='lbN' href='https://codedscripts.blogspot.com/search/label/Translate'>
<span class='lbT'>Translate</span>
<span class='lbR'>
<span class='lbC' data-text='1'></span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'></path></g></svg>
</span>
</a>
</li>
</ul>
<label aria-label='Show labels' class='lbM' data-hide='Show less' data-show='Show more' data-text='(+9)' for='lbAl-2' role='button'></label>
</div>
</div>
</div><div class='widget HTML' data-version='2' id='HTML11'>
<input class='tocI hidden' id='forTocJs' type='checkbox'/>
<div class='tocL'>
<div class='tocLi'>
<div class='tocLs'>
<label aria-label='Close' class='tocH fixH' for='forTocJs'>
<div class='tocC'>
<svg class='rad' viewBox='0 0 160 160'><path d='M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z' transform='translate(0 10)'></path></svg>
<span>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.610000, 2.750100)'><line class='svgC' x1='11.9858' x2='4.7658' y1='12.9463' y2='12.9463'></line><line class='svgC' x1='11.9858' x2='4.7658' y1='9.1865' y2='9.1865'></line><line class='svgC' x1='7.521' x2='4.766' y1='5.4272' y2='5.4272'></line><path d='M7.63833441e-14,9.25 C7.63833441e-14,16.187 2.098,18.5 8.391,18.5 C14.685,18.5 16.782,16.187 16.782,9.25 C16.782,2.313 14.685,0 8.391,0 C2.098,0 7.63833441e-14,2.313 7.63833441e-14,9.25 Z'></path></g></svg>
</span>
<svg class='rad in' viewBox='0 0 160 160'><path d='M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z' transform='translate(0 10)'></path></svg>
</div>
<div class='tocT fixT' data-text='Table of contents'>
<span class='c cl' data-texxt='Close'></span>
</div>
</label>
<div class='tocIn' id='postToc'></div>
</div>
</div>
<label class='fCls' for='forTocJs'></label>
</div>
</div></div>
<!--[ Sidebar sticky ]-->
<div class='sideSticky no-items section' id='side-sticky'>
</div>
</div>
</aside>
</div>
<!--[ Mobile Menu ]-->
<div class='mobMn section' id='mobile-menu'><div class='widget TextList' data-version='2' id='TextList99'>
<ul>
<li class='mH'>
<a aria-label='Home' data-text='Home' href='https://codedscripts.blogspot.com/' role='button'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.400000, 2.000000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='14.1354' y2='14.1354'></line><path d='M1.24344979e-14,11.713 C1.24344979e-14,6.082 0.614,6.475 3.919,3.41 C5.365,2.246 7.615,0 9.558,0 C11.5,0 13.795,2.235 15.254,3.41 C18.559,6.475 19.172,6.082 19.172,11.713 C19.172,20 17.213,20 9.586,20 C1.959,20 1.24344979e-14,20 1.24344979e-14,11.713 Z'></path></g></svg>
</a>
</li>
<li class='mS'>
<label aria-label='Search' data-text='Search' for='searchIn'>
<svg class='line' viewBox='0 0 24 24'><g><circle cx='11.36167' cy='11.36167' r='9.36167'></circle><line class='svgC' x1='22' x2='19.9332' y1='22' y2='19.9332'></line></g></svg>
</label>
</li>
<li class='mN'>
<label aria-label='Menu' data-text='Menu' for='offNav'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.000000, 3.000000)'><path class='fill' d='M18.00036,3.6738 C18.00036,5.7024 16.35516,7.3476 14.32656,7.3476 C12.29796,7.3476 10.65366,5.7024 10.65366,3.6738 C10.65366,1.6452 12.29796,-6.39488462e-15 14.32656,-6.39488462e-15 C16.35516,-6.39488462e-15 18.00036,1.6452 18.00036,3.6738 Z'></path><path class='fill svgC' d='M7.3467,3.6738 C7.3467,5.7024 5.7024,7.3476 3.6729,7.3476 C1.6452,7.3476 4.79616347e-15,5.7024 4.79616347e-15,3.6738 C4.79616347e-15,1.6452 1.6452,-6.39488462e-15 3.6729,-6.39488462e-15 C5.7024,-6.39488462e-15 7.3467,1.6452 7.3467,3.6738 Z'></path><path class='fill svgC' d='M18.00036,14.26194 C18.00036,16.29054 16.35516,17.93484 14.32656,17.93484 C12.29796,17.93484 10.65366,16.29054 10.65366,14.26194 C10.65366,12.23334 12.29796,10.58814 14.32656,10.58814 C16.35516,10.58814 18.00036,12.23334 18.00036,14.26194 Z'></path><path class='fill' d='M7.3467,14.26194 C7.3467,16.29054 5.7024,17.93484 3.6729,17.93484 C1.6452,17.93484 4.79616347e-15,16.29054 4.79616347e-15,14.26194 C4.79616347e-15,12.23334 1.6452,10.58814 3.6729,10.58814 C5.7024,10.58814 7.3467,12.23334 7.3467,14.26194 Z'></path></g></svg>
</label>
</li>
<li class='mS'>
<label aria-label='Share' data-text='Share' for='forShare'>
<svg class='line' viewBox='0 0 24 24'><path d='M92.30583,264.72053a3.42745,3.42745,0,0,1-.37,1.57,3.51,3.51,0,1,1,0-3.13995A3.42751,3.42751,0,0,1,92.30583,264.72053Z' transform='translate(-83.28571 -252.73452)'></path><circle class='svgC' cx='18.48892' cy='5.49436' r='3.51099'></circle><circle class='svgC' cx='18.48892' cy='18.50564' r='3.51099'></circle><line class='cls-3' x1='12.53012' x2='8.65012' y1='8.476' y2='10.416'></line><line class='cls-3' x1='12.53012' x2='8.65012' y1='15.496' y2='13.556'></line></svg>
</label>
</li>
<li class='mC'>
<label aria-label='Comments' data-text='Comments' for='forComments'>
<svg class='line' viewBox='0 0 24 24'><path d='M22 10V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H14'></path><path class='svgC' d='M19.5 7C20.8807 7 22 5.88071 22 4.5C22 3.11929 20.8807 2 19.5 2C18.1193 2 17 3.11929 17 4.5C17 5.88071 18.1193 7 19.5 7Z'></path></svg>
</label>
</li>
</ul>
</div></div>
<!--[ Footer section ]-->
<footer>
<div class='footer'>
<div class='fotIn'>
<div class='section' id='footer-widget-1'><div class='widget HTML' data-version='2' id='HTML77'>
<div class='widget-content abtU' data-text='CEO : Abdul Majeed'><div><div class='lazy abtL' data-style='background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNJO8BCCwakgX3npKAq3XgAn0BDek62Bze5HAvOMHp_UnpTODMlxRa3VvGp_GH6DZZ9DqKZXw5Hnj_FvjUtP18SecCu22zAcIEnbyqNF434I6Wzn7smyRw4aRogfejYiSDTT01RWRZIU8ZggM9wq8zUxpIaO36h8ghDzhs-sXUEA99PiS54MGzAn-Y-w/s500/Coded%20Scripts%20white%20version.png)'></div><div class='abtT'><h2 class='tl'>Coded Scripts</h2><p class='abtD'>Good design makes the ordinary extraordinary. </p></div></div>
<p class='hidden pu-views' data-id='WebsiteStats'></p></div>
</div><div class='widget LinkList' data-version='2' id='LinkList1'>
<ul class='sL'>
<li>
<span class='l' data-text='Facebook'>
</span>
</li>
<li>
<span class='l' data-text='Instagram'>
</span>
</li>
<li>
<span class='l' data-text='Twitter'>
</span>
</li>
<li>
<span class='l' data-text='Youtube'>
</span>
</li>
<li>
<span class='l' data-text='LinkedIn'>
</span>
</li>
</ul>
</div></div>
<div class='section' id='footer-widget-2'><div class='widget LinkList' data-version='2' id='LinkList2'>
<h3 class='title'>
Company
</h3>
<div class='widget-content'>
<ul>
<li>
<a href='#'>
<span>About</span>
</a>
</li>
<li>
<a href='#'>
<span>Blog</span>
</a>
</li>
</ul>
</div>
</div></div>
<div class='section' id='footer-widget-3'><div class='widget LinkList' data-version='2' id='LinkList3'>
<h3 class='title'>
Product &amp; Service
</h3>
<div class='widget-content'>
<ul>
<li>
<a href='#'>
<span>Blogger Theme</span>
</a>
</li>
<li>
<a href='#'>
<span>Other Product</span>
</a>
</li>
</ul>
</div>
</div></div>
<div class='section' id='footer-widget-4'><div class='widget LinkList' data-version='2' id='LinkList4'>
<h3 class='title'>
Support
</h3>
<div class='widget-content'>
<ul>
<li>
<a href='#'>
<span>Contact</span>
</a>
</li>
<li>
<a href='https://codedscripts.blogspot.com/p/typography-and-plus-ui-codes.html'>
<span>Documentation</span>
</a>
</li>
</ul>
</div>
</div></div>
</div>
<!--[By NLDBLOG.COM]-->
<!--[ Credit ]-->
<div class='cdtIn section' id='credit-widget'><div class='widget HTML' data-version='2' id='HTML88'>
<div class='fotCd'>
<span class='credit'>
<span style='font-family:Arial, Helvetica, sans-serif'>&#169;</span>
<span id='getYear'><script>/*<![CDATA[*/ var d = new Date(); var n = d.getFullYear(); document.getElementById('getYear').innerHTML = n; /*]]>*/</script></span> &#8231; <bdi><a href='https://codedscripts.blogspot.com/'>Coded Scripts
<svg viewBox='0 0 24 24'><path d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z'></path></svg>
</a></bdi> &#8231; All rights reserved.
</span>
<span class='creator'>Developed by <a href='https://www.nldblog.com'>NLD Blog</a></span>
</div>
</div><div class='widget TextList' data-version='2' id='TextList88'>
<div class='toTopB' id='backTop' onclick='window.scrollTo({top: 0});'>
<svg viewBox='0 0 34 34'><circle class='b' cx='17' cy='17' r='15.92'></circle><circle class='c scrollProgress' cx='17' cy='17' r='15.92'></circle><path class='line d' d='M15.07,21.06,19.16,17l-4.09-4.06'></path></svg>
</div>
<a class='whatsapp-float' href='#!' target='_blank'>
<div class='whatsapp-icon'>
<svg height='100' viewBox='0 0 48 48' width='100' x='0px' xmlns='http://www.w3.org/2000/svg' y='0px'>
<path d='M4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98c-0.001,0,0,0,0,0h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303z' fill='#fff'></path><path d='M4.868,43.803c-0.132,0-0.26-0.052-0.355-0.148c-0.125-0.127-0.174-0.312-0.127-0.483l2.639-9.636c-1.636-2.906-2.499-6.206-2.497-9.556C4.532,13.238,13.273,4.5,24.014,4.5c5.21,0.002,10.105,2.031,13.784,5.713c3.679,3.683,5.704,8.577,5.702,13.781c-0.004,10.741-8.746,19.48-19.486,19.48c-3.189-0.001-6.344-0.788-9.144-2.277l-9.875,2.589C4.953,43.798,4.911,43.803,4.868,43.803z' fill='#fff'></path><path d='M24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,4C24.014,4,24.014,4,24.014,4C12.998,4,4.032,12.962,4.027,23.979c-0.001,3.367,0.849,6.685,2.461,9.622l-2.585,9.439c-0.094,0.345,0.002,0.713,0.254,0.967c0.19,0.192,0.447,0.297,0.711,0.297c0.085,0,0.17-0.011,0.254-0.033l9.687-2.54c2.828,1.468,5.998,2.243,9.197,2.244c11.024,0,19.99-8.963,19.995-19.98c0.002-5.339-2.075-10.359-5.848-14.135C34.378,6.083,29.357,4.002,24.014,4L24.014,4z' fill='#cfd8dc'></path><path d='M35.176,12.832c-2.98-2.982-6.941-4.625-11.157-4.626c-8.704,0-15.783,7.076-15.787,15.774c-0.001,2.981,0.833,5.883,2.413,8.396l0.376,0.597l-1.595,5.821l5.973-1.566l0.577,0.342c2.422,1.438,5.2,2.198,8.032,2.199h0.006c8.698,0,15.777-7.077,15.78-15.776C39.795,19.778,38.156,15.814,35.176,12.832z' fill='#40c351'></path><path clip-rule='evenodd' d='M19.268,16.045c-0.355-0.79-0.729-0.806-1.068-0.82c-0.277-0.012-0.593-0.011-0.909-0.011c-0.316,0-0.83,0.119-1.265,0.594c-0.435,0.475-1.661,1.622-1.661,3.956c0,2.334,1.7,4.59,1.937,4.906c0.237,0.316,3.282,5.259,8.104,7.161c4.007,1.58,4.823,1.266,5.693,1.187c0.87-0.079,2.807-1.147,3.202-2.255c0.395-1.108,0.395-2.057,0.277-2.255c-0.119-0.198-0.435-0.316-0.909-0.554s-2.807-1.385-3.242-1.543c-0.435-0.158-0.751-0.237-1.068,0.238c-0.316,0.474-1.225,1.543-1.502,1.859c-0.277,0.317-0.554,0.357-1.028,0.119c-0.474-0.238-2.002-0.738-3.815-2.354c-1.41-1.257-2.362-2.81-2.639-3.285c-0.277-0.474-0.03-0.731,0.208-0.968c0.213-0.213,0.474-0.554,0.712-0.831c0.237-0.277,0.316-0.475,0.474-0.791c0.158-0.317,0.079-0.594-0.04-0.831C20.612,19.329,19.69,16.983,19.268,16.045z' fill='#fff' fill-rule='evenodd'></path>
</svg>
</div>
</a>
<a class='telegram-float' href='#!' target='_blank'>
<div class='telegram-icon'>
<svg viewBox='0 0 64 64'><path d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'></path></svg>
</div>
</a>
</div></div>
</div>
</footer>
</div>
</div>
</div>
<!--[ Fixed Back to Top ]-->
<div class='toTopB' id='backTop' onclick='window.scrollTo({top: 0});'>
<svg viewBox='0 0 34 34'><circle class='b' cx='17' cy='17' r='15.92'></circle><circle class='c scrollProgress' cx='17' cy='17' r='15.92'></circle><path class='line d' d='M15.07,21.06,19.16,17l-4.09-4.06'></path></svg>
</div>
<!--[ Waves Animation ]-->
<div class='wvC'><div class='wvS'><svg class='waves' preserveAspectRatio='none' shape-rendering='auto' viewBox='0 24 150 28'><defs><path d='M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z' id='wave-bg'></path></defs><g class='plx'><use x='48' xlink:href='#wave-bg' y='0'></use><use x='48' xlink:href='#wave-bg' y='3'></use><use x='48' xlink:href='#wave-bg' y='5'></use><use x='48' xlink:href='#wave-bg' y='7'></use></g></svg></div><div class='wvH'></div></div>
<!--[ Delete 'or data:blog.isMobileRequest' if you want to show ad in both(desktop and mobile) ]-->
</div>
<!--[ Addons ]-->
<div class='section' id='addons-widget'><div class='widget HTML' data-version='2' id='HTML21'>
<div class='ckW' id='ckWrap'><div class='ckA'><div class='ckH'>Cookie Consent</div><div class='ckD'>We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.</div></div><div class='ckF'><button class='ckB' id='ckAccept'>Accept</button><a class='ckB' href='https://policies.google.com/technologies/cookies' target='_blank' title='Cookie Policy'>More Details</a></div></div>
</div><div class='widget HTML' data-version='2' id='HTML22'>
<div class='fxPu' id='noInternet'><div class='fxPuW'><div class='fxPuC'><div class='fxPuS'><svg class='line' viewBox='0 0 24 24'><path d='M16.72 11.06A10.94 10.94 0 0 1 19 12.55'></path><path d='M5 12.55a10.94 10.94 0 0 1 5.17-2.39'></path><path d='M10.71 5.05A16 16 0 0 1 22.58 9'></path><path d='M1.42 9a15.91 15.91 0 0 1 4.7-2.88'></path><path d='M8.53 16.11a6 6 0 0 1 6.95 0'></path><line class='svgC' x1='12' x2='12.01' y1='20' y2='20'></line><line class='svgC' x1='1' x2='23' y1='1' y2='23'></line></svg></div><div class='fxPuH'>Oops!</div><div class='fxPuD'>It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.</div><div class='fxPuB'><a class='btn' href='https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html'><svg class='line' viewBox='0 0 24 24'><polyline points='23 4 23 10 17 10'></polyline><path d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'></path></svg></a></div></div></div></div>
</div><div class='widget HTML' data-version='2' id='HTML23'>
<div class='fxPu' id='antiAdB'><div class='fxPuW'><div class='fxPuC'><div class='fxPuCl hidden'></div><div class='fxPuS'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10'></circle><line class='svgC' x1='12' x2='12' y1='8' y2='12'></line><line class='svgC' x1='12' x2='12.01' y1='16' y2='16'></line></svg></div><div class='fxPuH'>AdBlock Detected!</div><div class='fxPuD'>We have detected that you are using adblocking plugin in your browser.<br />The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.</div></div></div></div>
</div><div class='widget HTML' data-version='2' id='HTML25'>
<noscript><div class='fxPu visible'><div class='fxPuW'><div class='fxPuC'><div class='fxPuS'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10'></circle><line x1='12' x2='12' y1='8' y2='12'></line><line x1='12' x2='12.01' y1='16' y2='16'></line></svg></div><div class='fxPuH'>Enable JavaScript!</div><div class='fxPuD'>Plus UI works well with JavaScript enabled. Please enable JavaScript to continue browsing.</div><div class='fxPuB'><button class='btn'><svg class='line' viewBox='0 0 24 24'><polyline points='23 4 23 10 17 10'></polyline><path d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'></path></svg></button></div></div></div></div></noscript>
</div><div class='widget HTML' data-version='2' id='HTML26'>
<div class='fxPu' id='cntryBlk'><div class='fxPuW'><div class='fxPuC'><div class='fxPuS'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10'></circle><line class='svgC' x1='12' x2='12' y1='8' y2='12'></line><line class='svgC' x1='12' x2='12.01' y1='16' y2='16'></line></svg></div><div class='fxPuH'>Site is Blocked</div><div class='fxPuD'>Sorry! This site is not available in your country.</div></div></div></div>
<script> function checkCntry(){var dtctCntry=(Intl.DateTimeFormat().resolvedOptions().timeZone);var blkCntry='';console.log('Time Zone: '+dtctCntry);if(dtctCntry===blkCntry){setInterval(function(){addCt(getid('cntryBlk'),'visible')},1000);}}checkCntry(); </script>
</div></div>
<!--[ Javascript disable condition ]-->
<!--<noscript> <input class='nJs hidden' id='forNoJS' type='checkbox'/> <div class='noJs' expr:data-text='data:blog.title + &quot; works best with JavaScript enabled&quot;'> <label for='forNoJS'/> </div> </noscript>-->
<!--[ Load More Pagination - Delete this section if you want to disable this feature ]-->
<!--[ Numbered Pagination - Delete this section if you want to disable this feature ]-->
<!--<b:include cond='!data:view.isSingleItem and !data:blog.isPrivateBlog' name='post-pagination2'/>-->
<!--[ additional javascript ]-->
<script>
/*<![CDATA[*/
/* Dark Mode */ function darkMode(){var e=qSel("#mainCont");Pu.sLS("webMode","drK"===Pu.gLS("webMode")?"lgT":"drK"),"drK"===Pu.gLS("webMode")?(e.classList.remove("syD","lgT"),addCt(e,"drK")):(e.classList.remove("drK","syD"),addCt(e,"lgT")),themeColor("themeC")};
/* Header Scroll */ function headScroll(){var e=window.pageYOffset||document.documentElement.scrollTop,d=qSel("#header"),l=qSel("#mobile-menu");20<e?(addCt(d,"stick"),addCt(l,"slide")):(remCt(d,"stick"),remCt(l,"slide"))}window.addEventListener("scroll",headScroll);
/* Private Blog Notif */ "true"==isPrivateBlog&&toastNotif('<i class="check"></i>'+blogTitle+" Blog is Private.");
/* Images */ (function(){var imgU=qSell('img.imgThm, .sImg .im, .cmAv .im, .pIm .im, .admIm .im, .sldC .sldIm');for(var i=0;i<imgU.length;i++){if(imgU[i].getAttribute('data-src')){var uImg=imgU[i].getAttribute('data-src');if((uImg.includes('blogspot')==!0||uImg.includes('googleusercontent')==!0)&&(uImg.includes('-pd')==!0||uImg.includes('-p-k-no-nu')==!0)&&uImg.includes('-rw')==!1){imgU[i].setAttribute('data-src',uImg.replace('-nu','-nu-rw-e30').replace('-pd','-pd-rw-e30'))}}else if(imgU[i].getAttribute('src')){var uImg=imgU[i].getAttribute('src');if((uImg.includes('blogspot')==!0||uImg.includes('googleusercontent')==!0)&&uImg.includes('p-k-no-nu')==!0&&uImg.includes('-rw')==!1){imgU[i].setAttribute('data-src',uImg.replace('-nu','-nu-rw-e30'))}else{imgU[i].setAttribute('data-src',uImg)};addCt(imgU[i],'lazy');imgU[i].setAttribute('src','data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=')}else if(imgU[i].getAttribute('data-style')){var uImg=imgU[i].getAttribute('data-style');if((uImg.includes('blogspot')==!0||uImg.includes('googleusercontent')==!0)&&uImg.includes('w60')==!0&&uImg.includes('-rw')==!1){imgU[i].setAttribute('data-style',uImg.replace('w60','w60-rw-e30'))}else if((uImg.includes('blogspot')==!0||uImg.includes('googleusercontent')==!0)&&uImg.includes('p-k-no-nu')==!0&&uImg.includes('-rw')==!1){imgU[i].setAttribute('data-style',uImg.replace('-nu','-nu-rw-e30'))}else if((uImg.includes('=s')==!0||uImg.includes('/s')==!0)&&uImg.includes('-rw')==!1){imgU[i].setAttribute('data-style',uImg.replace(/\/s[0-9]+(\-c)?/,'/s1280-rw-e30').replace(/\=s[0-9]+(\-c)?/,'=s1280-rw-e30'))}}};})();
/* Defer Img */ Defer.dom('.lazy', 100, 'loaded', null, {rootMargin:'1px'}),'undefined'!=typeof infinite_scroll&&infinite_scroll.on('load',function(){Defer.dom('.lazy', 100, 'loaded', null, {rootMargin:'1px'}) });
/* Push Ads - remove if you are adding the push script below ins tag */ pushAds();
/* LAZYLOAD SCRIPTS - DON'T REMOVE FUNCTIONS */
function lazyCustomJs(){
/* lazy category post */ if(getid('HTML2')!=null){ctgryPst(ctgryLb1, '#HTML2 .ctgry', 6, 600, 200, true);if(getid('HTML3')!=null){ctgryPst(ctgryLb2, '#HTML3 .ctgry', 6, 600, 200, true)}};
/* YOUR CUSTOM JS */
};
function scrollCustomJs(){
/* YOUR CUSTOM JS */
};
/*]]>*/
/*<![CDATA[*/
/* lazy youtube */ !function(){for(var t=qSell(".lazyYt"),e=0;e<t.length;e++){var a="https://img.youtube.com/vi/"+t[e].dataset.embed+"/sddefault.jpg",s=new Image;s.setAttribute("class","lazy"),s.setAttribute("data-src",a),s.setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="),s.setAttribute("alt","Youtube video"),s.addEventListener("load",void t[e].appendChild(s)),t[e].addEventListener("click",function(){var t=document.createElement("iframe");t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen",""),t.setAttribute("src","https://www.youtube.com/embed/"+this.dataset.embed+"?rel=0&showinfo=0&autoplay=1"),this.innerHTML="",this.appendChild(t)})}}();
/* Lightbox image */
(function(n){function t(e){return Object.prototype.toString.call(e).replace(/(?:^\[object\s(.*?)\]$)/,"$1").toLowerCase()}const e=Array.prototype.filter.call("string"===t(n.selectors)?document.querySelectorAll(n.selectors):"array"===t(n.selectors)?document.querySelectorAll(n.selectors.join(",")):[],function(e){return!("IMG"!==e.tagName||"string"===t(n.ignoreClass)&&n.ignoreClass&&e.classList.contains(n.ignoreClass))});if(0!==e.length){const o=document.createElement("div");o.className=n.classes.lightboxWrapper,o.addEventListener("click",function(e){o.classList.remove("active")}),o.addEventListener("transitionend",function(e){"opacity"!==e.propertyName||"0"!==getComputedStyle(o).getPropertyValue("opacity")||o.classList.contains("active")||o.parentNode.removeChild(o)}),e.forEach(function(t){const e=document.createElement("div");e.className=n.classes.imageWrapper,t.parentNode.insertBefore(e,t),e.appendChild(t),e.addEventListener("click",function(e){e.preventDefault(),o.innerHTML=t.outerHTML,document.body.appendChild(o),setTimeout(function(){o.classList.add("active")},40)})})}}).call(this, {
selectors: "#postBody img",
ignoreClass: "noLb",
classes: {
imageWrapper: "lbImg",
lightboxWrapper: "zmImg"
}
});
/*]]>*/
</script>
<!--[ Main js ]-->
<script>
/*<![CDATA[*/
const PuSet = {
license: {
key: licenseKey
},
realViews: {
databaseUrl: "https://ai-tech-97-default-rtdb.firebaseio.com/",
abbreviation: "true"
},
noInternet: {
enablePopup: "true",
enableToast: "true",
offlineMes: "You are Offline!",
onlineMes: "You are Online!"
},
preCopy: {
copiedMes: "<i class='clipboard'></i>Copied to Clipboard!"
},
cookieCon: {
consentMaxAge: "2592000",
cookieError: "Error: Cookie can&#039;t be set! Please unblock this site from the cookie setting of your browser."
},
gTranslate: {
pageLang: "en",
includedLangs: "en,ur,hi,gu,bn,ta,te,mr,ne,id",
autoDisplay: "true",
multiLangPage: "true"
},
bookmark: {
bmTitle: "Bookmark Posts",
closeText: "Close",
noBmIcon: "<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.650100, 2.749900)'><path d='M16.51,5.55 L10.84,0.15 C10.11,0.05 9.29,0 8.39,0 C2.1,0 -1.95399252e-14,2.32 -1.95399252e-14,9.25 C-1.95399252e-14,16.19 2.1,18.5 8.39,18.5 C14.69,18.5 16.79,16.19 16.79,9.25 C16.79,7.83 16.7,6.6 16.51,5.55 Z'/><path d='M10.2839,0.0827 L10.2839,2.7437 C10.2839,4.6017 11.7899,6.1067 13.6479,6.1067 L16.5989,6.1067'/><line class='svgC' x1='10.6623' y1='10.2306' x2='5.7623' y2='10.2306'/><line class='svgC' x1='8.2131' y1='12.6808' x2='8.2131' y2='7.7808'/></g></svg>",
noBmMes: "The list of favorite articles does not exist yet...",
noBmAll: "View all articles",
noBmLink: "/search",
delIcon: "<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'/><line x1='16.8651429' y1='4.47980952' x2='0.714666667' y2='4.47980952'/><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'/></g></svg>",
addedNtf: "<i class='check'></i>Added to Bookmarks!",
removedNtf: "<i class='del'></i>Removed from Bookmarks!",
},
adsenseAds: {
publisherId: caPubAdsense.replace('ca-pub-',''), /* Auto or replace with Publisher ID i.e. "000000000000", */
antiAdBClose: "true", /* "true", if you want to add a Close Button in Anti Ad Block popup */
ignoreMaxAge: "86400",
loadType: "defer" /* lazy, defer, scroll */
},
analytics: {
propertyID: analyticsID /* Auto or replace with Property ID i.e. "UA-0000000", */
},
fontFamily: {
mobileFonts: "@font-face{font-family:'Google Sans Text';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2iw.woff2) format('woff2')} @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:700;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmhjtg.woff2) format('woff2')} @font-face{font-family:'Google Sans Mono';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Mono'),local('Google-Sans-Mono'),url(https://fonts.gstatic.com/s/googlesansmono/v4/P5sUzYWFYtnZ_Cg-t0Uq_rfivrdYH4RE8-pZ5gQ1abT53wVQGrk.woff2) format('woff2')}"
}
};
/*]]>*/
/*<![CDATA[*/
/* Template js */ eval(function(p,l,u,s,f,d){while(u--){if(s[u]){p=p.replace(new RegExp('\\b'+u+'\\b','g'),s[u])}}return p}('15 99(11,14){22 17(11- -75,14)}!15(){15 11(11,14){22 17(14-60,11)}36 14=70();15 16(11,14){22 17(11- -391,14)}110(;;)260{217(259==+37(11(105,60))+ -37(11(57,61))/2+37(16(-130,-196))/ 3 + 37(16(-251, -250))/4*(-37(11(24,64))/ 5) + 37(16(-207, -208))/6+ -37(11(96,66))/ 7 * (-37(16(-162, -208))/8)+37(11(108,68))/9)247;14.74(14.203())}261(11){14.74(14.203())}}();254 25=19.23("272");15 282(){15 11(11,14){22 17(11- -281,14)}15 14(11,14){22 17(14-278,11)}71 200[14(179,205)][11(-277,-244)]({269:30[11(-116,-267)].245,243:30[11(-116,-225)][11(-228,-192)],193:30[11(-116,-132)].193,230:30.164.231,233:200[14(238,205)][14(159,242)].232[11(-192,-197)]},"241")}15 240(){15 11(11,14){22 17(14-382,11)}15 14(11,14){22 17(11- -404,14)}217(""!=30[11(332,396)][14(-389,-350)]&&29!=283(11(430,398))&&0<52[11(419,399)][14(-386,-343)])110(36 16=46(".144-137"),20=52[11(417,401)](),39=0;39<16[11(468,400)];39++){36 47=16[39],51=47.97(11(439,402));(51=20[14(-383,-328)]("122"+92+11(420,404)+51))[11(422,405)]("156",15(20,39){22 15(11){15 14(11,14){22 17(11-290,14)}15 16(11,14){22 17(11-474,14)}0<(11=11[16(498,445)]()?11[16(499,513)]():0)&&(16(500,445)==30[16(488,515)].119?20.78(14(317,345),19.178(11)):20[16(502,525)](14(317,280),11),117(20,16(503,515))),14(316,356)==20[14(320,341)](16(505,543))&&(20.78(16(505,490),!1),11=37(11)+1,39.124(11))}}(47,51))}}15 17(11,14){36 16=70();22(17=15(11,14){22 16[11=+11]})(11,14)}15 184(){15 11(11,14){22 17(11-285,14)}29!=31(11(336,363))&&348(31(17(32,352)),11(169,564))}15 45(11,14){22 17(11-321,14)}30[19.23(45(355,329))][19.23(99(-377,-568))];36 83=[];15 69(){15 11(11,14){22 17(14-381,11)}36 14,16;15 20(11,14){22 17(11- -120,14)}83[11(367,154)](1),34(25+19.23("374="),11(373,372),!1,20(-82,-87),15(){15 11(11,14){22 17(14- -369,11)}29!=31(11(-305,-299))&&41(25+19.23(11(-298,-197)),"296-42")}),77(15(){292[19.23("291")](19.23("306="))},174),29!=307 30[19.23(11(207,325))][19.23(11(324,323))]&&(11(322,318)==218&&34(25+19.23("315=="),20(-61,-3),!0,11(212,216)),34(25+19.23("314"),11(313,312),!0,11(212,216)),"103"==218&&(14=46(11(157,174)),16=46(11(358,310)),0<14[11(311,140)]&&0<16[11(130,140)]&&34(25+19.23(20(-57,-57)),11(309,330),!0,"118",15(){41(25+19.23("333=="),"185-42",15(){15 11(11,14){22 17(14- -319,11)}15 14(11,14){22 17(11-132,14)}29!=31(11(-541,-542))&&71 121({123:31(14(297,287)),148:31(14(288,293))})[14(295,286)](),29!=31(11(-555,-539))&&71 121({123:31(11(-519,-541)),148:31("#89")})[11(-558,-540)]()})})),77(15(){15 11(){190.74(300)}15 14(11,14){22 17(11-533,14)}15 16(11,14){22 17(11- -87,14)}36 20;29!=31(".171")&&34(25+19.23("301="),14(303,147),!0,"50",15(){167(15(){15 11(11,14){22 17(14- -420,11)}29!=304(11(-338,-350))[0]&&117(31(11(-376,-349)),"175")},334)}),41(19.23("308")+92,"335-42",15(){36 11=31(17(72,-366));29!=11&&"368"==54.370(11)[17(73,523)]&&184()}),0<46(".375")[14(551,538)]&&34(25+19.23("378=="),"183-27",!0,14(571,379),15(){41(25+19.23("380"),"183-42")}),29!=31(16(-13,-58))&&34(25+19.23(16(-12,-43)),"384-27",!0,16(-49,-8),15(){41(25+19.23(17(76,-553)),"182-42",15(){15 11(11,14){22 17(14- -385,11)}34(25+19.23(11(-387,-181)),"182-27",!0,11(-163,-365))})}),0<46("125.102 91").88&&34(25+19.23(14(176,180)),14(181,364),!0,"50",15(){46(17(80,339))[17(81,158)](11=>{340[17(82,149)](11)})}),14(559,492)==342&&16(-61,-100)!=344&&(29!=31(16(-4,-21))&&41(25+19.23(16(-3,-28)),16(-2,18),15(){34(25+19.23("346="),17(86,-550),!0,17(38,376))}),29!=31(16(0,1))&&34(25+19.23(14(145,347)),"127-27",!0,"50"),29!=31(14(337,177))&&34(25+19.23(14(180,353)),16(4,-44),!0,"50")),""!=30[16(5,66)][16(6,-26)]&&((20=53[16(7,2)](14(354,357))).284="104://106.359.90/361/27?113="+30[16(5,-55)][14(179,177)],53[16(-49,-112)][14(75,176)](20),54[14(109,573)]=54[14(109,270)]||[],11("27",71 221),11(14(235,220),30[14(169,114)].129)),""!=30[16(-73,-72)].115&&34(16(12,-40),"166-146",!0,"118",15(){15 11(11,14){22 17(14- -114,11)}34(11(-239,-560),11(-236,-234),!0,17(101,229),15(){15 11(11,14){22 17(14-557,11)}36 14=46(11(222,163)),16={};15 20(11,14){22 17(11-219,14)}16[11(159,114)]=30.165.115,52[11(223,224)](16);110(36 39=52[20(155,226)](),47=0;47<14[11(227,575)];47++){36 51=14[47],79=51[20(237,161)](20(158,263));(79=39.168(20(265,266)+92+20(268,157)+79)).151("156",15(20,39){22 15(11){15 14(11,14){22 17(11-523,14)}15 16(11,14){22 17(14-264,11)}0<(11=11[14(547,523)]()?11.172():0)&&(16(271,274)==30[16(275,155)][14(75,279)]?20.78(14(550,147),19.178(11)):20[14(551,556)](16(154,262),11),117(20,14(552,564))),"103"==20.97(16(161,162))&&(20[14(551,568)](14(554,559),!1),11=37(11)+1,39[16(248,249)](11))}}(51,79))}})})},100),167(15(){15 11(11,14){22 17(14-252,11)}29!=31(17(108,-246))&&34(25+19.23(11(253,255)),11(256,257),!0,11(258,145),15(){15 11(11,14){22 17(14- -438,11)}41(25+19.23(11(-395,-327)),11(-276,-326))})},100),20(-94,-133)!=214&&(20(-7,33)==30.213[11(388,93)]?34(25+19.23(11(331,189)),"215-27",!0,20(-82,-131)):20(-4,-10)==30[20(-3,33)][11(530,93)]&&77.27(25+19.23(11(528,189)),11(527,526))),524())}36 84=[];15 63(){36 11,14;15 16(11,14){22 17(11-351,14)}15 20(11,14){22 17(14- -186,11)}84[20(-198,-150)](1),20(-120,-160)==514&&""!=30[20(-108,-67)][20(-35,-66)]&&((14=(11=53)[16(445,490)](20(-96,-65))).113="495",14[20(-49,-64)]=30[20(-101,-67)].211,11[16(474,481)](20(-98,-85))[0][16(447,443)](14))}15 70(){36 11=["565","566","199","563","562","209","195","561","194","#549","548","546=","210-42","545","544","111","537","497","489","444","485","440","437","487","435","434","433","164","432","429","165","115","166-428","427","88","126","95-113","168","/426","151","393","172","103","95-421","78","175","97","95-418","#416","415","414==","412","74","410-27","50","#409","407=","397","441=","424==","392==","483==","482","480","479==","477==","473=","471","466==","465==","463=","462=","461","460==","459==","91-27","455-27","#188, #89","#48 453, #48 532, #48 436, #48 449, #48 452, #48 454","464=","185-27","#188","#48","448","#89","469-27","470-472-475-476",".171","#478","467","#442","411==","423","431==","536==","102-27","125.102 91","535","567","#107","569==","107-42","107-27","#127","576==","#128","574=","128-27","572","129","570","577","534","190","516","104://106.138.90/139/8.4.2/52-146.27","104://106.138.90/139/8.4.2/52-126.27","118",".144-137","504","508","122","119","124",".509","510","191-27","511=","191-42","512","491","204","518","213","215-27","520","211","521"];22(70=15(){22 11})()}36 59=!1;54[45(445,493)](45(446,484),15(){15 11(11,14){22 17(14-56,11)}15 14(11,14){22 17(14-276,11)}(0!=53[14(350,402)].209&&!1===59||0!=53[11(62,94)][14(390,403)]&&!1===59)&&(0==83[14(273,294)]&&29==19.111(14(360,404))&&(69(),19[14(450,405)]("195",1)),0==84.88&&29==19.111("194")&&(63(),19[14(371,405)](14(351,406),1)),29!=31(11(201,187))&&29==19.529(14(362,408))&&77(15(){15 11(11,14){22 17(14-496,11)}41(25+19.23(11(522,75)),11(578,109),15(){34(25+19.23(17(135,456)),"210-27",!0,17(38,-486))})},413),425(),14(289,302)!=214&&14(408,401)==30[11(152,173)][11(206,170)]&&34(25+19.23("204"),14(456,394),!0,"50"),59=!0)},!0),31("50").199(45(457,404),11=>{15 14(11,14){22 17(14-196,11)}15 16(11,14){22 17(14-6,11)}0==83.88&&29==19[14(531,494)](16(153,134))&&(69(),19[14(506,202)](14(93,507),1)),0==84[16(-2,24)]&&29==19[16(141,143)](16(100,136))&&(63(),19[14(517,202)](16(142,136),1))}),19[45(458,405)](99(-501,-555))&&69(),19[45(458,406)](45(451,398))&&63();',10,579,'|||||||||||e|||t|function|n|_0||Pu|u||return|de||baseUrl||js||null|PuSet|qSel|||ldJs||var|parseInt||d||ldCss|css|||_1|qSell|a|postBody||body|r|firebase|document|window|||||lazyJs||||loadLzJsM||||||loadLzJs|_2|new|||push|629||Defer|setAttribute|s||||aryLzJs|aryLzJsM||||length|autoToc|com|pre|blogID|1053||data||getAttribute||_3|||hl|true|https||www|rPst||630|for|gLS||id|660|databaseUrl|736|remCt|head|abbreviation||TableOfContents|BlogID_|from|set|div|database|aRel|aChp|propertyID|918||753|||||views|gstatic|firebasejs|957||||pu|621|app|587|to|||once|||975|896|value|968|897|619||937|913|659|gTranslate|realViews|fb|setTimeout|ref|625||gTrans|val||1e3|hidden|611|579|abv|626|623|612|msp|cdb|blogAdmin|toc|||postToc|1054|dataLayer|bkm|734|autoDisplay|Lz_JsM|Lz_Js|960|796||addEventListener|google||1089|shift|O0ixO3Npd0Yvd0YBXJSvbZovOsix|674||915|936|scrollTop|ck|mobileFonts|981|adsenseAds|isError|adstr|977|if|isSingleItem|877|590|Date|649|724|661|682|842|589|735|830|multilanguagePage|multiLangPage|InlineLayout|layout|644|631|672|907|685|606|puViews|google_translate_element|675|includedLanguages|766|pageLang|730|break|1008|989|876|917|583|745|const|692|733|693|688|563569|try|catch|909|953|882|982|952|744|899|pageLanguage|690|931|mJW3dJS9Ok6aXF7vmqQpXZuirqCvbsY3O0reO04qtZuprUpyKsuyX3MkXZC8XZGu||908|888||737|665|616||747|googleTranslateElementInit|getid|src|592|879|772|818|||bF6q|console|850||820|thmC|819|775|797|arguments|O0uiKc63dsNvd0ujrFVvmqS||602|getclass|758|HFoaXZ4xXZGfKqp9CT4SWDBDbF6qCJzfV0jjdsYpCFA4EcB8r8dvbsupKsuyXk4ab03|typeof|mJW3dJS9Ok68r8dvKsuyX0rodc4ab03yXJovOZQxdk6jrUWeb8AitsN3mZ6vOsQxdx63KUAqXUWDbF6qLVG6|1027|1001|929|999|969|O0ixO34yLZ43XUAvXUWUmZWqXUGvbZovOsix|O0ixO3QydJoGdsYRb043XZ43Os5ibc4gdz|||965|607|||998|974|928|973|||||1003|1115||O0Qxdk6VKZAlXV6sG06vrFYvrJSvbZovOsQxdz|2e3|auth|624|622||874|hljs||isPost||isPrivateBlog||O0ixO5AobFN3XZWGb8Q3dk4hmZ7vmqS|650|addCt||||782|687|628|||697|956|googletagmanager||gtag||617|635|651|831|1043|block|836|getComputedStyle||976|919|O0ixO3NpXFo3mZ6vKZuPKUXjd0QkmUB3dk4hmZ7vmqS|dldCo||594|O0ixO3QyrZ43XF68bpWyr04lb0NpGs67Os5ibc4gdz|632|O0Qxdk6Rb8YvrFWyr04Tb8rvbF6jXTAytD4hmZ7vK8Qx|939|||vue|689||639|1018|||920|Ks6ptG|exists||||mJW3dJS9Ok68r8dvXsovXUQeb8BpXUQiX07vK06h||||||||||O0Qxdk6VmFYhXVQybF6kOs5ibc4ad8S||themeBtn|adtnl|O0uiKc60rZVhSc70OaTuOs5ibc4gdz|m0Y4|5e3|bFoaXZ4xXG|hdn|maintainCont||add|||text||O0Qxdk6QrUQiK5BlKUoodc4hmZ7vK8Qx|LZ40KZuiXDBSmZQobqQoCThotG|scrollCustomJs|PostID_|apps|db|SIMPLE||O0ixO355d0oaVFujtZYkOs5ibc4gdz|includedLangs|TranslateElement|translate|3816279yjCTJK|h3|2506PMJQLN|||1057494LWJBUj|KZuodqG|musicPlayer||6908PzVkgx||||generateToc|h4|||h5|h1|h6|noInt||||ODBSmZQobqQoXDBsb8C9CM|bsNhXG|O0CyKsuyXk5zdsY0mZY8|dFN3mF4jbZV|bF6aKUWib07|O0ixO5WjKsuoH0XRb043XZ43dk4hmZ7vmqS|O0CydJAorsoorz|mZ4pXUjIXf|display||gt|goog|rUAl|te|mZG||gadget|simple|rUQodf|admCk|QareWUT8Y0puXpNOXTYqHooQb35cYM|X3Ng||split|mJAoXf||1565sWzoqR||6088RIegZR||1415838WviNHf||loadType|||1097|styleFonts||1788218WhCBsg|||||||databaseURL||1083|1088|initializeApp|isBkm|O0ixO3Ayb0hhKUAwVF6xrJSvbZovOsix|O0Qxdk6Db06wbZNkm5Byd8WxOs5ibc4ad8S|lazy||isMobile||config|1064|defer||fontFamily|style|683||lazyCustomJs||1057|1107|1070|gC|1004|1118|h2||appendChild|forEach|O0uiKc6emZrebFoqmJGhSHTvQL7zOs5ibc4gdz|653565jqtqpa|||||||click|O0ixO3Qyb0hiXVQybqQobqGvbZovOsix|O0Qxdk6Rb06wmZYRb04xXZ43Os5ibc4ad8S||CookiePolicy|ckWrap||||||||||||sLS|documentElement|scroll||textContent|getElementsByTagName|highlightElement||O0Qxdk6LXZujrFYpVF6xrJSvbZovOsQxdz|createElement||analytics||O0ixO3N5rF6RmFNzrFYkdk4hmZ7vmqS||O0ixO3N5rF6LXZujrFYpOs5ibc4gdz|script|'.split('|')));
/*]]>*/</script>
<!-- Open - Under Protection -->
<script type='text/javascript'>
//<![CDATA[

var message="Dont Try To Do This ! Its Under Protection 😎";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;}}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;}}}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}document.oncontextmenu=new Function("alert(message);return false")
//]]>
</script>
<!-- Close - Under Protection -->
<!--[ </body> close ]-->
<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3576124627-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5eFXBH5mT0sCSLWiyNSIh-Rr-mkA:1726801931398';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4107775646633759889','//codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html','4107775646633759889');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4107775646633759889', 'title': 'Coded Scripts', 'url': 'https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html', 'canonicalUrl': 'https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html', 'homepageUrl': 'https://codedscripts.blogspot.com/', 'searchUrl': 'https://codedscripts.blogspot.com/search', 'canonicalHomepageUrl': 'https://codedscripts.blogspot.com/', 'blogspotFaviconUrl': 'https://codedscripts.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Coded Scripts - Atom\x22 href\x3d\x22https://codedscripts.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Coded Scripts - RSS\x22 href\x3d\x22https://codedscripts.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Coded Scripts - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4107775646633759889/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Coded Scripts - Atom\x22 href\x3d\x22https://codedscripts.blogspot.com/feeds/8129998340886010995/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-2154110861787126', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/bea942728df245a5', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '8129998340886010995', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/s72-c/Realtime%20post%20views%20blogger.webp', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/s1600/Realtime%20post%20views%20blogger.webp', 'pageName': 'Blogger Enable Realtime Post Views Counter', 'pageTitle': 'Coded Scripts: Blogger Enable Realtime Post Views Counter', 'metaDescription': 'Plus UI v2.6 by Fineshop Design: Realtime Blog Post views using Firebase. Activate it now!'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Blogger Enable Realtime Post Views Counter', 'description': 'Plus UI v2.6 by Fineshop Design: Realtime Blog Post views using Firebase. Activate it now!', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/s1600/Realtime%20post%20views%20blogger.webp', 'url': 'https://codedscripts.blogspot.com/2023/10/Realtime-post-views-counter.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8129998340886010995}}, {'name': 'widgets', 'data': [{'title': 'License Key - Don\x27t remove or disable', 'type': 'HTML', 'sectionId': 'license', 'id': 'HTML15'}, {'title': 'Coded Scripts (Header)', 'type': 'Header', 'sectionId': 'header-title', 'id': 'Header1'}, {'title': 'Search Here', 'type': 'BlogSearch', 'sectionId': 'header-search', 'id': 'BlogSearch1'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'header-icon', 'id': 'TextList000'}, {'title': 'Contributors', 'type': 'Profile', 'sectionId': 'header-icon', 'id': 'Profile1'}, {'title': 'Additional Menu', 'type': 'PageList', 'sectionId': 'nav-widget-1', 'id': 'PageList002'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'nav-widget-1', 'id': 'LinkList002'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'nav-widget-2', 'id': 'HTML000'}, {'title': 'Scroll Menu', 'type': 'LinkList', 'sectionId': 'notif-widget', 'id': 'LinkList001'}, {'title': 'Notification', 'type': 'HTML', 'sectionId': 'notif-widget', 'id': 'HTML0'}, {'title': 'Under Header Ad', 'type': 'HTML', 'sectionId': 'horizontal-ad', 'id': 'HTML91'}, {'title': 'Pinned Post', 'type': 'FeaturedPost', 'sectionId': 'top-widget', 'id': 'FeaturedPost1', 'postId': '4886810655318780694'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main-widget', 'id': 'Blog1', 'posts': [{'id': '8129998340886010995', 'title': 'Blogger Enable Realtime Post Views Counter', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhpqHchQEdYAcExlrj96PIv-zUghe_19_3uiw7NX4Nq3BX8CyxbrUu1oP7oxW92Bjx0xZIA1BTZ7Fsaz20cvcZMLpAmMlKfWKtFkfTvQp49NCdoR7L57__JSwAM-VnaKFCR_GilNnNaVv5mqeg5jTrVEX0136EnwBjLBLTsy3Ulw6As-q-FfmKa2aDA/s1600/Realtime%20post%20views%20blogger.webp', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': 'in'}]}, {'title': 'Categorised Posts', 'type': 'HTML', 'sectionId': 'main-widget', 'id': 'HTML2'}, {'title': 'Typography and Plus UI Codes', 'type': 'Image', 'sectionId': 'side-widget', 'id': 'Image5'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'side-widget', 'id': 'PopularPosts00', 'posts': [{'title': 'How to Add 3 Best Download Buttons in Blogger Post with Scripts', 'id': 5007873296071851702}, {'title': 'How to Setup Google Translate', 'id': 4886810655318780694}, {'title': 'Create a Download Popup Ad Button With Countdown Timer', 'id': 7094831691058431063}, {'title': 'How to add powerful Anti Ad Blocker to your Blogger site', 'id': 6268786305828060630}, {'title': 'Blogger Enable Realtime Post Views Counter', 'id': 8129998340886010995}]}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'side-widget', 'id': 'Label00'}, {'title': 'Table of contents', 'type': 'HTML', 'sectionId': 'side-widget', 'id': 'HTML11'}, {'title': 'Mobile Menu', 'type': 'TextList', 'sectionId': 'mobile-menu', 'id': 'TextList99'}, {'title': 'CEO : Abdul Majeed', 'type': 'HTML', 'sectionId': 'footer-widget-1', 'id': 'HTML77'}, {'title': 'Social Media Link', 'type': 'LinkList', 'sectionId': 'footer-widget-1', 'id': 'LinkList1'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer-widget-2', 'id': 'LinkList2'}, {'title': 'Product \x26amp; Service', 'type': 'LinkList', 'sectionId': 'footer-widget-3', 'id': 'LinkList3'}, {'title': 'Support', 'type': 'LinkList', 'sectionId': 'footer-widget-4', 'id': 'LinkList4'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'credit-widget', 'id': 'HTML88'}, {'title': 'Back to top', 'type': 'TextList', 'sectionId': 'credit-widget', 'id': 'TextList88'}, {'title': 'Take me back', 'type': 'HTML', 'sectionId': 'error-404', 'id': 'HTML404'}, {'title': 'Cookie Consent', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML21'}, {'title': 'Oops!', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML22'}, {'title': 'AdBlock Detected!', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML23'}, {'title': 'Enable JavaScript!', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML25'}, {'title': 'Country Block', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML26'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'license', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-title', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'header-search', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList000', 'header-icon', document.getElementById('TextList000'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'header-icon', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList002', 'nav-widget-1', document.getElementById('PageList002'), {'title': 'Additional Menu', 'links': [{'isCurrentPage': false, 'href': '/p/sitemap.html', 'title': 'Sitemap'}, {'isCurrentPage': false, 'href': '/p/disclaimer.html', 'title': 'Disclaimer'}, {'isCurrentPage': false, 'href': '/p/privacy.html', 'title': 'Privacy'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList002', 'nav-widget-1', document.getElementById('LinkList002'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML000', 'nav-widget-2', document.getElementById('HTML000'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList001', 'notif-widget', document.getElementById('LinkList001'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML0', 'notif-widget', document.getElementById('HTML0'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML91', 'horizontal-ad', document.getElementById('HTML91'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'top-widget', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main-widget', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/128363787-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'main-widget', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image5', 'side-widget', document.getElementById('Image5'), {'resize': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts00', 'side-widget', document.getElementById('PopularPosts00'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label00', 'side-widget', document.getElementById('Label00'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'side-widget', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList99', 'mobile-menu', document.getElementById('TextList99'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML77', 'footer-widget-1', document.getElementById('HTML77'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'footer-widget-1', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'footer-widget-2', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'footer-widget-3', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'footer-widget-4', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML88', 'credit-widget', document.getElementById('HTML88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList88', 'credit-widget', document.getElementById('TextList88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'error-404', document.getElementById('HTML404'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'addons-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'addons-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'addons-widget', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML25', 'addons-widget', document.getElementById('HTML25'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML26', 'addons-widget', document.getElementById('HTML26'), {}, 'displayModeFull'));
</script>
</body>--></body>
</html>

Komentar

Posting Komentar