<meta content="experiment-a,experiment-b" name="amp-experiments-opt-in"/>
  <script async="async" src="https://cdn.ampproject.org/v0.js">
  </script>
  <script async="async" custom-element="amp-script" src="https://cdn.ampproject.org/v0/amp-script-0.1.js">
  </script>
  <script async="async" custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js">
  </script>
  <script async="async" custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js">
  </script>
  <script async="async" custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js">
  </script>
  <script async="async" custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js">
  </script>
  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400&amp;display=swap" rel="stylesheet"/>
  <meta charset="utf-8"/>
  <meta content="AAAAAF17Im9yaWdpbiI6Imh0dHBzOi8vd3d3LmFtcC1ibG9nZ2VyLmNvbSIsImV4cGVyaW1lbnQiOiJhbXAtc2NyaXB0IiwiZXhwaXJhdGlvbiI6MTU2NzI5NjAwMDAwMH1j6ll/zjSElpliNDOHsuV++GxOMfw5XXpHl+FhTOxMgAR0aCkBJib5adosmhKE/tZT80tVbfihsx0T8I5WOpqczNqdHEX/0YWIp8X2ossvvRX8EH/uQdUe+KVr5vtytAiqqs8tK4d1UNR670LJ7tAjBynybhqdr8WcuOxbcYJ9jhdJJBzUkK1mlKynX0RqKP8jTHlUe8JAXAs6N5qG/ZdiEgQB+amtMceWfF5ggvhUMSUPuBLpyzeTAZcY9ZeiPnIwnmwItXa/u+/16JTFHoKHUXkwRyLSKXSVSKu6InixoIKwzist7hzSS6QVgOLMIhQ24k2t44OzFKS22BtpFwQF" name="amp-experiment-token"/>
  <meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport"/>
  <meta content="IE=9; IE=8; IE=7; IE=EDGE; chrome=1" http-equiv="X-UA-Compatible"/>
  <link href="https://www.amp-blogger.com/" rel="canonical"/>
  <link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" rel="stylesheet"/>
  <style amp-custom="amp-custom">
   /* layout body */
  html {scroll-behavior: smooth;} body{background:#fff;font-family:Poppins,sans-serif;font-size:17px;font-weight:400;line-height:32px;text-align:left;color:#444;margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#e6e6e6}::-webkit-scrollbar-thumb{background:#555}::-webkit-scrollbar-thumb:hover{background:#009688}

/*SKIN CLEAN*/
#adSticky{background:rgba(255,255,255,.59);height:95px;width:100%;text-align:center;position:fixed;bottom:0;z-index:99}#closeme{border:none;position:fixed;display:inline-block;padding:2px 5px;background:#efefef;text-align:center;bottom:95px;z-index:99;right:150px}#leftFloat{right:50%;margin-right:515px;top:15px;position:fixed;background:rgba(255,255,255,.59);height:605px;width:160px}@media (max-width:768px){#adSticky,#closeme,#leftFloat{display:none}}@media only screen and (max-width:1350px){#leftFloat{display:none}}@media only screen and (min-width:1350px){.clean .TOCalinux{border:none;box-shadow:none;position:fixed;left:50%;margin-left:515px;top:15px;position:fixed;height:auto;max-width:230px}}@media screen and (max-width:640px){::-webkit-scrollbar{display:none}}.headerad{text-align:center;margin:auto}
.logous {
    padding: 20px 0px;
}
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{position:relative;margin:.5em 0;overflow:visible;padding:0}pre[class*=language-]>code{position:relative;border-left:10px solid #358ccb;box-shadow:-1px 0 0 0 #358ccb,0 0 0 1px #dfdfdf;background-color:#fdfdfd;background-image:linear-gradient(transparent 50%,rgba(69,142,209,.04) 50%);background-size:3em 3em;background-origin:content-box;background-attachment:local}code[class*=language]{max-height:inherit;height:inherit;padding:0 1em;display:block;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdfdfd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:1em}:not(pre)>code[class*=language-]{position:relative;padding:.2em;border-radius:.3em;color:#c92c2c;border:1px solid rgba(0,0,0,.1);display:inline;white-space:normal}pre[class*=language-]:after,pre[class*=language-]:before{content:'';z-index:-2;display:block;position:absolute;bottom:.75em;left:.18em;width:40%;height:20%;max-height:13em;box-shadow:0 13px 8px #979797;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg)}:not(pre)>code[class*=language-]:after,pre[class*=language-]:after{right:.75em;left:auto;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#7d8b99}.token.punctuation{color:#5f6364}.token.boolean,.token.constant,.token.deleted,.token.function-name,.token.number,.token.property,.token.symbol,.token.tag{color:#c92c2c}.token.attr-name,.token.builtin,.token.char,.token.function,.token.inserted,.token.selector,.token.string{color:#2f9c0a}.token.entity,.token.operator,.token.url,.token.variable{color:#a67f59;background:rgba(255,255,255,.5)}.token.atrule,.token.attr-value,.token.class-name,.token.keyword{color:#1990b8}.token.important,.token.regex{color:#e90}.language-css .token.string,.style .token.string{color:#a67f59;background:rgba(255,255,255,.5)}.token.important{font-weight:400}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.namespace{opacity:.7}@media screen and (max-width:767px){pre[class*=language-]:after,pre[class*=language-]:before{bottom:14px;box-shadow:none}}.token.cr:before,.token.lf:before,.token.tab:not(:empty):before{color:#e0d7d1}pre[class*=language-].line-numbers.line-numbers{padding-left:0}pre[class*=language-].line-numbers.line-numbers code{padding-left:3.8em}pre[class*=language-].line-numbers.line-numbers .line-numbers-rows{left:0}pre[class*=language-][data-line]{padding-top:0;padding-bottom:0;padding-left:0}pre[data-line] code{position:relative;padding-left:4em}pre .line-highlight{margin-top:0}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700
}

.subheading {
    font-size: 14px;
    font-style: italic;
    color: #8e8e8e;
    padding: 10px 15px;
    border-bottom: solid 1px #aaa;
    border-top: solid 1px #aaa;
    line-height: 19px;
}

.clean button.search_icon {
    border: none
}

.clean body {
    font-family: 'Poppins', sans-serif;
    font-display: swap;
    font-weight: 300
}

.clean .TOCalinux a,
.clean a,
.clean a:visited {
    text-decoration: none;
    transition: all .3s
}

.clean a:hover,
.clean a:hover:visited {
    color: #444;
    text-decoration: underline
}

.clean .infoter a,
.clean .infoter a:hover {
    color: #fff
}

.clean #iconnav a:hover,
.clean #menu-navigation a:hover,
.clean .sidebar ul li a:hover {
    text-decoration: none;
    color: #607D8B
}

.clean #floatside {
    top: calc(50px)
}

@media (max-width:768px) {
    .clean .toggle {
        background: 0 0;
        color: #444
    }
    .clean #menu-navigation {
        position: static
    }
}

@media (min-width:768px) {
    .clean #menu-navigation {
        position: sticky;
        top: 0;
        z-index: 9999
    }
}

.clean h1.post-title.entry-title a:hover,
.clean h2.post-title.entry-title a:hover {
    color: #444
}

.clean .post {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .025)
}

.clean #menu-navigation {
    background: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.clean #menu-navigation a {
    color: #444
}

.clean .footer-label a,
.clean a.w3-green,
.clean nav a:hover {
    background: #f9f9f9;
    color: #444
}

.clean #main-wrapper,
.clean #wrapper {
    box-shadow: none;
    border: none
}

.clean .infoter,
.clean .post-body h3:before,
.clean .post-body h4:before,
.clean .post-body h5:before,
.clean .post-body h6:before {
    background-color: #444
}

.clean #HTML2 li {
    border-left: solid 3px #607D8B
}

.clean #floatside h2:before,
.clean #floatside h3:before,
.clean #floatside h4:before,
.clean #sidebar-wrapper h2:before,
.clean #sidebar-wrapper h3:before,
.clean #sidebar-wrapper h4:before {
    background: #607D8B
}

.clean .post-body blockquote:hover {
    border-left-color: #444
}

.clean .TOCalinux {
    background: 0 0;
    border: none;
    box-shadow: none
}

.clean .TOCalinux button,
.clean .footer-label {
    color: #444;
    background: 0 0
}

.clean .breadcrumbs,
.clean .post-info,{
    padding: 5px;
    border: none
}

.clean .tabButton[selected] {
    background: #607d8b;
    border: none;
    color: #fff;
}
.clean  .tabButton {border: solid 1px #5f7c8b;}

.clean #subscribeBOX .emailCol .Submitter,
.clean #subscribeBOX .emailCol .Submitter:hover {
    background: #607d8b;
    color: #fff
}

.clean #footer-last,
.clean .nav_grid ul li a {
    background: 0 0
}

.clean #blog-pager-home-link a.home-link:hover,
.clean #blog-pager-newer-link a:hover,
.clean #blog-pager-older-link a:hover {
    background: #607e8b
}

.clean .PopularPosts ul li {
    background: 0 0;
    border-radius: 0
}

.clean .sidebar ul li {
    border: none
}

.clean #sidebar-wrapper .label-size,
.clean #sidebar-wrapper .label-size:hover {
    background: #607e8b
}

.clean .nav_grid .icon:hover {
    color: #607d8b
}

.clean a.btn-donate,
.clean a.btn-donate:hover {
    background: rgba(96, 125, 139, .08);
    color: #444
}


/*SKIN CLEAN END*/


/*---- Menu Grid ----*/

#iconnav{margin:auto;max-width:700px;width:calc(100% - 300px);position:relative;float:right;padding:10px;padding-top:5px}.nav_grid{margin:auto}.nav_grid:after{clear:both;content:'';display:block}.nav_grid ul{list-style:none;margin:0;padding:0;clear:both}.nav_grid ul li{text-align:center}.nav_grid ul li a{padding-top:10px 20px 0 20px;background:#f1f3f4;border-radius:25px}.trendy-counters-per-row-2 ul li{width:50%;float:left}.trendy-counters-per-row-3 ul li{width:33.333%;float:left}.trendy-counters-per-row-4 ul li{width:25%;float:left}.sc_vertical a,.sc_vertical span:not(.fa){display:block;color:#444;padding-top:2px;text-align:center;text-transform:capitalize}.sc_horizontal a{display:flex;text-align:center;align-items:center;justify-content:center}.sc_horizontal span{margin-right:0}.show-labels-No .label{display:none}.navgrid{padding:10px;background:#f6f6f6}.navgrid div{background:#eaeaea;display:inline-block;margin-right:5px;padding:10px}.navgrid div:hover{cursor:move}mark.yes{padding:5px;background:#81d742;color:#fff}.nav_grid ul li{text-align:center;width:23%;float:right;padding:5px}.nav_grid .fa{color:#fff}.nav_grid .count-nav .icon:before{content:"\f38b";font-family:"Font Awesome 5 Brands";font-size:30px;font-weight:900}.nav_grid .count-nav1 .icon:before{content:"\f37c";font-family:"Font Awesome 5 Brands";font-size:30px;font-weight:900}.nav_grid .count-nav2 .icon:before{content:"\f641";font-family:"Font Awesome 5 Free";font-size:30px;font-weight:900}.nav_grid .count-nav3 .icon:before{content:"\f13b";font-family:"Font Awesome 5 Brands";font-size:30px;font-weight:900}.nav_grid .count-nav4 .icon:before{content:"\f5fc";font-family:"Font Awesome 5 Free";font-size:30px;font-weight:900}.nav_grid .count-nav5 .icon:before{content:"\f1ea";font-family:"Font Awesome 5 Free";font-size:30px;font-weight:900}.nav_grid .count-nav6 .icon:before{content:"\f0ac";font-family:"Font Awesome 5 Free";font-size:30px;font-weight:900}.nav_grid .count-nav7 .icon:before{content:"\f044";font-family:"Font Awesome 5 Free";font-size:30px;font-weight:900}.nav_grid ul li a{background:#f9f9f9;margin:0}.nav_grid ul li{text-align:center;width:20%;padding:5px}.nav_grid ul li a:after{margin:0}@media screen and (max-width:480px){.nav_grid ul li a{font-size:12px}}@media screen and (max-width:340px){.nav_grid ul li a{font-size:10px}}.logo_sidebar{margin:auto;padding:10px;text-align:center}.nav_grid .icon:hover{color:#19b5fe}@media screen and (max-width:800px){#iconnav{width:100%;padding:0;padding-top:0}.nav_grid ul li a{background:#f1f3f4}}#infoamp{background:#f1f3f4;line-height:20px;text-align:center;font-size:12px;top:0;position:sticky;position:-webkit-sticky;z-index:99}#infoamp a{color:#444: backround: #f9f9f9;padding:2px}#infoamp .txt{color:#444;font-size:12px;display:block}@media all and (min-width:728px){#infoamp{display:none}}

/* Amp sticky Close Button */

.amp-sticky-ad-close-button {
    position: absolute;
    visibility: hidden;
    width: 28px;
    height: 28px;
    top: -28px;
    margin: auto;
    left: 0;
    content: "X";
    background-size: 13px 13px;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    border: none;
    width: 80px;
    border-radius: 50px 50px 0 0;
}

.amp-sticky-ad-top-padding {
    border-top-style: solid lightgrey
}


/* DIV AMP-STICKY-AD */

amp-sticky-ad[visible] {
    border-top-style: solid;
    border-top-color: #969595;
    border-top-width: 5px;
    margin: auto
}


/* Scroll To Top */

.scrollToTop {
    cursor: pointer;
    color: #fafafa;
    font-size: 1.4em;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: none;
    outline: 0;
    background: #607d8b;
    z-index: 9999;
    bottom: 105px;
    right: 10px;
    position: fixed;
    opacity: 0;
    visibility: hidden
}

#marker {
    position: absolute;
    top: 100px;
    width: 0;
    height: 0
}

.scrollToTop svg {
    width: 34px;
    height: 34px;
    vertical-align: middle
}
.btn{padding:15px 0 17px;line-height:1.2em;color:#fff;background:#009688;font-weight:400;font-size:17px;letter-spacing:1px;display:block;width:75%;margin:5px auto 10px;text-align:center;border-radius:5px;cursor:pointer;transition:all .3s}.btn.red{background:red}.btn.red:hover{background:#8b0000;color:#fff}.btn.blue{background:#00f}.btn.blue:hover{background:#00008b;color:#fff}.btn.green{background:green}.btn.green:hover{background:#006400;color:#fff}.btn.grey{background:grey}.btn.grey:hover{background:#a9a9a9;color:#fff}
.solid::before{font-family:"Font Awesome 5 Free";font-weight:400;content:"\f007"}.brands::after{font-family:"Font Awesome 5 Brands";font-weight:900;content:"\f37c"}.billboard,.linktext{width:100%;text-align:center;margin:auto}.billboard{max-width:1020px;margin:auto;max-height:150px;float:none;border-bottom-left-radius:25px;border-bottom-right-radius:25px;background-color:rgba(249,249,249,.48);padding:5px}.linktext{height:250px;margin:auto}amp-img[lightbox]{cursor:pointer}.iklan-ataspost,.iklan-bawahpost{width:100%;height:auto;text-align:center;margin:20px auto}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{position:relative;margin:0 0 10px;padding:0 0 15px;border-bottom:2px solid rgba(0,0,0,.05);font-weight:500;letter-spacing:1px}.post-body h3:before,.post-body h4:before,.post-body h5:before,.post-body h6:before{content:'';position:absolute;bottom:-2px;left:0;right:0;background:#2ecc71;width:10%;height:2px}
  .post-body h3:target, .post-body h4:target, .post-body h5:target, .post-body h6:target {border-bottom: 2px solid rgb(243, 106, 37);
}
#carousel-with-preview amp-img{transition:opacity 1s ease-in-out}.carouselamp{background:#eee;margin:16px 0}.carouselamp .slide>amp-img>img{object-fit:contain}.carouselamp .caption{position:absolute;bottom:0;left:0;right:0;padding:8px;background:rgba(0,0,0,.6);color:#ddd;font-size:smaller;max-height:30%}.selected{border-width:1px;border-style:solid}.fixed-container,.fixed-height-container img{background-color:#ccc}.contain img{object-fit:contain}.cover img{object-fit:cover}.fixed-container{position:relative;width:200px;height:200px}.fixed-height-container{position:relative;max-width:713px;height:300px;margin-bottom:10px;margin-top:10px;margin-left:-10px;margin-right:-10px}amp-img.container{text-align:center;padding:10px 20px}
@media screen and (max-width:800px){.fixed-height-container{margin-left:-20px;margin-right:-20px}}.post-body amp-img{padding:5px;max-width:100%}.post-body amp-img:hover{opacity:1;-webkit-animation:flash 1.5s;animation:flash 1.5s}@-webkit-keyframes flash{0%{opacity:.4}100%{opacity:1}}@keyframes flash{0%{opacity:.4}100%{opacity:1}}.post-body amp-img:after{content:"\00a9 AMP Blogger";position:absolute;bottom:8px;left:16px;font-size:10px;background-color:#fff;color:#000;text-align:center;border-style:solid;border-width:1px;margin:2px;padding:0 5px;opacity:.5;text-transform:uppercase}@media screen and (max-width:800px){pre{margin:10px -10px 10px -10px}}pre,pre code{color:#000}pre{border-left:5px solid #67826b;background:rgba(25,181,254,.19);padding:8px 20px;overflow:auto;max-width:98%;max-width:calc(100% + 80px);margin-left:-10px}code,pre,pre code{font-family:Consolas,Monaco,'Andale Mono',monospace;white-space:initial;word-spacing:normal;word-break:normal;font-size:16px;line-height:1.5em}code{color:#3083c3}i.klik-url,pre{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}code{line-height:normal}blockquote{font-family:Georgia,serif;color:#141924;border-left:3px solid #dedede;padding-left:8px}

#nativeads {
    display: block;
    width: 100%;
    margin: auto
}
.post-body a[target="_blank"]:after {
    content: "\f124";
    font-size: 9px;
    vertical-align: super;
    font-family: "Font Awesome 5 Free";
    margin: 0 3px 0 5px;
    font-weight: 900
}
.diginetwall {
    font-size: 10px
}
.abovead {
    padding-top: 0;
    width: 300px;
    margin: 0 15px 5px 0;
    display: inline;
    position: inline;
    top: 500;
    float: left;
    background: 0 0
}
@media screen and (max-width:414px) {
    .abovead {
        padding-top: 5px;
        width: 100%;
        height: auto;
        margin: 0 0 5px;
        display: block;
        float: none
    }
}
.amp-flying-carpet-text-border {
    background-color: #fff;
    color: #000;
    text-align: center;
    border-style: solid
}
.fixed-container,
.fixed-height-containerthumb img {
    opacity: .5;
    background-color: #fff;
    border: 2px solid;
    border-color: #ccc
}
.contain img {
    object-fit: contain
}
.cover img {
    object-fit: cover
}
.fixed-container {
    position: relative;
    width: 200px;
    height: 200px
}
.fixed-height-containerthumb {
    position: relative;
    width: 100%;
    height: 400px;
    border: 2px solid;
    border-color: #ccc
}
.fixed-height-containerthumb img:hover {
    transition: .5s ease;
    opacity: 1
}
@media all and (max-width:360px) {
    .fixed-height-containerthumb {
        position: relative;
        width: 100%;
        height: 200px;
        border: 2px solid;
        border-color: #ccc
    }
}
@media all and (min-width:728px) {
    .fixed-height-containerthumb {
        display: none
    }
}
i.fas.fa-search {
    color: #fff;
}
ins.adsbygoogle {
    background: rgba(173, 216, 230, 0.08);
}
.paypal:before {
    content: "\f1ed";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900
}
.cart:before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}
.rss:before {
    content: "\f09e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}
.post-feeds,
.feed-links {
    display: none
}
.section,
.widget {
    margin: 0;
    padding: 0
}
strong,
b {
    font-weight: 700;
    padding: 0
}
cite,
em,
i {
    font-style: italic
}
a,
a:link,
{
    color: #2cb9f5;
    text-decoration: none;
    transition: all .3s
}
a,
a:visited {
    color: #38a3d1;
    text-decoration: none;
    transition: all .3s
}
a:hover,
a:hover:visited {
    color: #2cb9f5
}
a amp-img,
a img {
    border: none;
    border-width: 0;
    outline: none
}
amp-img,
img {
    max-width: 100%;
    vertical-align: middle;
    border: 0
}
abbr,
acronym {
    border-bottom: 1px dotted;
    cursor: help
}
sup,
sub {
    vertical-align: baseline;
    position: relative;
    top: -.4em;
    font-size: 86%
}
sub {
    top: .4em
}
small {
    font-size: 86%
}
kbd {
    display: inline-block;
    border: 0;
    background: #ecf0f1;
    color: #7f8c8d;
    border-radius: 3px;
    padding: 4px 8px;
    font-size: 14px;
    margin: 0 .2em;
    line-height: normal
}
mark {
    background: #ffce00;
    color: #182025
}
p,
blockquote,
pre,
table,
figure,
hr,
form,
ol,
ul,
dl {
    margin: 1.5em 0
}
hr {
    height: 1px;
    border: none;
    background-color: #999
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}
pre {
    white-space: pre;
    word-wrap: normal;
    overflow-y: auto;
    font-size: 14px;
    margin: 10px -20px 10px -20px
}
.post-body blockquote {
    position: relative;
    padding: 15px 15px 15px 15px;
    margin: 25px;
    line-height: 1.58;
    letter-spacing: -.003em;
    border-left: 20px solid rgba(0, 0, 0, .12);
    display: flex;
    transition: all .3s
}
.post-body blockquote:hover {
    border-left-color: rgb(3, 115, 185)
}
*:focus {
    outline: 0
}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0;padding:0}h1{font-size:180%}h2{font-size:180%}h3{font-size:160%}h4{font-size:140%}h5{font-size:120%}h6{font-size:100%}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:10px auto}.post-body h1{font-size:180%}.post-body h2{font-size:130%}.post-body h3{font-size:160%}.post-body h4{font-size:140%}.post-body h5{font-size:120%}.post-body h6{font-size:100%}button,input,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline}textarea{display:block;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}button,input,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline}textarea{display:block;box-sizing:border-box}input.placeholder_text,textarea.placeholder_text{color:#888}input.placeholder_text,input:-moz-placeholder,input::-webkit-input-placeholder,textarea.placeholder_text,textarea:-moz-placeholder,textarea::-webkit-input-placeholder{color:#444}[placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}.post ul li span{position:relative;padding:0;ext-decoration:none}ol{counter-reset:li;list-style:none;padding:0;margin:0}ol ol{margin:0 0 0 2em}.post ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;background:0 0;text-decoration:none}.post ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;width:2em;text-align:center;background:0 0;color:#444;text-align:center;display:inline-block}.post-body ul{position:relative;display:block;padding:0;margin:.5em 0 .5em 1.5em;text-decoration:none}.post-body table{width:100%}.post-body table caption,.post-body table td{background:#fff;border:1px solid rgba(0,0,0,.05);padding:10px;text-align:left;vertical-align:top}.post-body table th{background:#fff;color:#222;border:1px solid rgba(0,0,0,.05);border-bottom:0;padding:10px;text-align:left;vertical-align:top}.post-body table.tr-caption-container{border:1px solid rgba(0,0,0,.14);margin:0}.post-body th{font-weight:700}.post-body table caption{border:none;font-style:italic}.post-body td,.post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #97b28e}.post-body th:hover{color:#fff}.post-body td a{color:#444}.post-body td a:hover{color:#cf4d35}.post-body table.tr-caption-container td{border:0;padding:8px;background:#fff;line-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#000}.post-body amp-img,.post-body img,.post-body table.tr-caption-container,.post-body table.tr-caption-container amp-img,.post-body table.tr-caption-container img{max-width:100%;height:auto}.post-body li{list-style-type:square}.post-body td.tr-caption{color:#666;font-size:80%;padding:0 8px 8px}.sr{visibility:hidden;width:0;height:0}.clear{clear:both}.privacy{font:normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif;margin:10px 1px;padding:10px;background-color:#fff2cb;height:100%}.kiri{width:20%;float:left}.kanan{width:80%}.authorboxwrap{color:#000;margin:20px auto 0;padding:20px;overflow:hidden;border-bottom:1px dotted rgba(0,0,0,.1);border-top:1px dotted rgba(0,0,0,.1)}.avatar-container{background:#f5f5f5;float:left;padding:10px;margin:0 20px 0 0;border-radius:99em}.avatar-container img{width:90px;height:auto;max-width:100%;border-radius:99em;transition:all .3s}.author_description_container h4{font-size:18px;display:block;margin:0;margin-bottom:2px}.author_description_container h4 a{color:#000}.author_description_container p{margin:0;font-size:14px;margin-bottom:8px;line-height:25px;font-weight:400}.nonamar{margin:20px auto;position:relative}.nonamar h4{color:#222;display:inline-block;position:relative;z-index:1;margin:0;padding-right:15px;font-size:18px;background:#fff}.nonamar:after{position:absolute;z-index:0;top:11px;left:0;width:100%;height:5px;background-color:#f5f5f5;content:" "}.cookie-choices-info{background-color:rgba(56,66,75,.97);line-height:normal;top:initial;bottom:0;font-family:inherit;-webkit-transform:translateZ(0)}.cookie-choices-info .cookie-choices-text{font-size:14px;color:#cee6ea}.cookie-choices-info .cookie-choices-button{font-weight:400;color:#fff;margin-left:5px;padding:3px 6px;background:#f64c3b;letter-spacing:.8px;transition:all .4s linear}.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e;transition:all .4s linear}.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36;transition:all .1s linear}.quickedit {
    display: none
}
#BlogArchive1 li.archivedate{padding:0;overflow:auto}#BlogArchive1 #ArchiveList ul li{text-indent:0;display:inline-block}#BlogArchive1 #ArchiveList ul.posts li{padding:0 0 0 22px;line-height:normal;display:inline-block}#ArchiveList{padding:10px 0}#ArchiveList select{width:100%;padding:10px;margin-bottom:5px;border:1px solid rgba(201,201,201,.52);font-size:13px;font-family:Poppins,sans-serif}#BlogArchive1 li.archivedate{background:#009688;padding:10px 5px;font-size:14px;border-radius:1px;width:calc(48% - 2px);overflow:hidden;color:#fff;font-weight:400;cursor:pointer;text-align:-moz-center;text-align:center}#BlogArchive1 a{color:#fff}#BlogArchive1 li.archivedate:hover{background:#38a3d1}#wrapper{position:static;background:#fff;max-width:1020px;margin:auto;padding:0;box-shadow:0 0 20px rgba(0,0,0,.03)}#floatside{width:100%;max-width:31.5%;padding:0;will-change:position,scroll-position,top,bottom;position:sticky;position:-webkit-sticky;top:0;z-index:99;float:right}#floatside h2,#floatside h3,#floatside h4{overflow:hidden;position:relative;color:#222;padding:10px 0;margin:0 0 10px;text-transform:uppercase;display:block;border-bottom:3px solid rgba(0,0,0,.05);letter-spacing:.5px;font-size:17px}#floatside h2::before,#floatside h3::before,#floatside h4::before{content:'';display:inline-block;height:14px;top:0;left:0;margin:0 10px 0 0;width:15px;background:#38a3d1}#header{max-width:1020px;overflow:hidden;margin:auto;background:#fff;position:relative;display:block;padding:10px 0 0 0}#header2{max-width:300px;float:left;padding:10px 0}#header .title{color:#222;font-size:260%;letter-spacing:1px;line-height:1.4em;margin:0}#header .title a{color:#222}#header .title a:hover{color:#f66b5d}#header p.description{margin:0 auto;color:#444}#header-inner p{margin:0}.header amp-img,.header img,.header-right amp-img,.header-right img{display:block}a.btn-donate{padding:15px 0 17px;line-height:1.2em;color:#fff;font-weight:700;font-size:17px;letter-spacing:1px;display:block;width:100%;margin:15px auto 20px;text-align:center;background:#009688;color:#fff;border-radius:25px}a.btn-donate:hover{background-color:#0984e3;color:#fff}span.donate{font-size:12px}nav ul,nav ul li{margin:0;float:left}#menu-navigation a,a.w3-green,nav a{color:#fff}nav ul,nav ul ul li,nav ul ul ul li{position:relative}#menu-navigation{background:#009688;max-width:1020px;margin:0 auto;padding:0;border-top-left-radius:25px;border-top-right-radius:25px}nav:after{content:"";display:table;clear:both}nav ul{padding:0;list-style:none;border-radius:25px}nav ul li{display:inline-block}nav a{display:block;padding:10px 15px;font-size:15px}nav a:hover,nav ul li ul li:hover{background:#34495e;border-radius:25px}nav ul ul{display:none;position:absolute;top:49px;z-index:99}a.w3-green{background-color:#4caf50}a.w3-green:hover{color:#fff;background-color:#f44336}nav ul li:hover>ul{display:inherit}nav ul ul li{width:170px;float:none;display:list-item}nav ul ul ul li{top:-49px;left:170px}li>a:after{content:'\f107';font-family:"Font Awesome 5 Free";margin:0 0 0 5px;font-weight:900}
.toggle,
[id^=drop],
nav ul ul li>a:after {
    display: none
}
li>a:only-child:after {
    content: ''
}
@media all and (max-width:768px){nav,nav ul,nav ul li{width:100%;display:block}nav ul ul,nav ul ul ul li{position:static}.menu,.toggle+a{display:none}.toggle{display:inline-block;background:#009688;border-top-left-radius:25px;padding:12px 16px;color:#fff;font-size:20px;text-decoration:none;border:none;cursor:pointer;transition:all .3s}nav a:hover,nav ul li ul li .toggle,nav ul ul a,nav ul ul ul a{background:#047386}nav a,nav ul li .toggle{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.1)}.fa-bars:before{content:'\f0c9';font-family:"Font Awesome 5 Free";margin-right:10px;font-weight:900}nav ul li .toggle{display:block;font-size:15px;font-family:Poppins,sans-serif}nav ul li .toggle:after{content:'\f107';font-family:"Font Awesome 5 Free";float:right: font-weight: 900}nav a{font-weight:400;text-transform:none}[id^=drop]:checked+ul{display:inline-block}nav ul{float:none}nav ul ul .toggle,nav ul ul a{padding:0 40px}nav ul li ul li .toggle,nav ul ul a,nav ul ul ul a{padding:16px;color:#fff;display:block}nav ul ul{float:none;color:#fff}nav ul li:hover>ul,nav ul ul li:hover>ul{display:none}nav ul ul li{display:block;width:100%}}
@media all and (max-width:330px) {
    #menu-navigation ul li {
        display: block;
        width: 100%
    }
}
.lastads {
    margin: auto;
    text-align: center;
    max-width: 650px;max-height:280px
}
.FeaturedPost {
    background: #f9f9f9;
    margin: 0 auto 20px;
    position: relative;
    padding: 10px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow: hidden
}
button.search_icon{background:#444;border-top-right-radius:25px;border:none;color:none;cursor:pointer;padding:12px 16px;float:right;height:52px}button.search_icon:before{content:"\f002";font-family:"Font Awesome 5 Free";color:#fff;font-weight:900}.resetbutton,.sos-profil .search button{background:0 0;border:none;padding:0;cursor:pointer}button.search_icon svg{width:24px;height:24px;vertical-align:middle}button.search_icon svg path{fill:#fff}.resetbutton{position:absolute;top:50%;margin-top:-17px;right:10px;line-height:1;transition:all .4s ease-in-out;z-index:999}#search-box,.lightbox{bottom:0;right:0;left:0}.resetbutton svg{width:34px;height:34px;vertical-align:middle}.resetbutton svg path{fill:#999}.resetbutton:focus{outline:0}#search-box .search-form:not(:valid)~.resetbutton{display:none}#search-box{position:absolute;-webkit-animation-name:swing3;animation-name:swing3;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;width:50%;top:20%;margin:auto;-webkit-transform-origin-y:0}.sos-profil .search button{color:red;font-size:30px}#search-box form{position:relative}#search-box form input[type=text]{width:100%;top:0;right:0;bottom:0;left:0;z-index:99;padding:15px 50px 15px 15px;display:table;margin:auto;border:0;outline:0;font-size:2.5em;color:#999;background:#fff;text-indent:20px;border-radius:5px}amp-lightbox{z-index:1000}.lightbox{background:rgba(0,0,0,.4);position:absolute;top:0;display:flex;align-items:center;justify-content:center}.lightbox .close_search{background:0 0;border:none;color:rgba(255,255,255,.7);font-size:40px;position:absolute;top:10px;right:20px;cursor:pointer;line-height:1;transition:all .3s}.lightbox .close_search:hover{color:rgba(255,255,255,.9)}#search-box .note_search{color:rgba(255,255,255,.7);text-align:center;padding:10px 50px 10px 10px}@-webkit-keyframes swing3{0%{-webkit-transform:rotateX(40deg)}30%{-webkit-transform:rotateX(-35deg)}50%{-webkit-transform:rotateX(10deg)}70%{-webkit-transform:rotateX(-5deg)}90%{-webkit-transform:rotateX(3deg)}95%{-webkit-transform:rotateX(0)}}@keyframes swing3{0%{-webkit-transform:rotateX(40deg)}30%{-webkit-transform:rotateX(-35deg)}50%{-webkit-transform:rotateX(10deg)}70%{-webkit-transform:rotateX(-5deg)}90%{-webkit-transform:rotateX(3deg)}95%{-webkit-transform:rotateX(0)}}
.author-info:before,.post-timestamp:before{font-family:"Font Awesome 5 Free";font-weight:400}.breadlabel:last-child:after,.date-header{display:none}#main-wrapper,#sidebar-wrapper{word-wrap:break-word;overflow:hidden}.footerads{margin-left:-10px;margin-right:-10px;margin-top:20px;max-height:280px}.google-auto-placed{max-width:1020px;margin:auto}#main-wrapper{position:relative;width:68%;float:left;border-right:1px solid rgba(0,0,0,.05)}.main .Blog{border-bottom-width:0}.main .widget{margin:0 0 .2em;padding:0 0 .2em}h1.post-title.entry-title a,h2.post-title.entry-title a{color:#000}h1.post-title.entry-title a:hover,h2.post-title.entry-title a:hover{color:#f66b5d}.post-body{margin:20px;line-height:36px;text-align:left}@media screen and (max-width:800px){.post-body{margin:10px}}.author-info,.comment-info,.label-info,.post-timestamp{padding:0 5px 0 0}.author-info:before{content:'\f007'}.post-timestamp:before{content:'\f017'}.post-info{overflow:hidden;font-size:small;padding-left:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#444}.post-info a{color:#999;margin:0 5px 0 0}.post-info a:hover{color:#222}.post-info abbr{border:0;text-decoration:none}.post-body amp-img,.post-body img,.post-body object,.post-body video{max-width:100%}.breadcrumbs{color:#444;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:small;padding:0 10px;margin:0 0 10px;border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05)}.breadcrumbs a{color:#aaa;margin:0 2px;line-height:normal}.breadcrumbs .breadhome a{margin:0 5px 0 0}.breadcrumbs .breadlabel:last-child{margin:0 0 0 4px}.breadhome:after,.breadhome:before,.breadlabel:after{font-family:"Font Awesome 5 Free";margin-left:5px;font-weight:900}.breadcrumbs a:hover{color:#222}.breadhome:after,.breadlabel:after{content:'\f105'}.breadhome:before{content:'\f015  '}.post-footer{line-height:1.6em;margin:10px}.post-footer a{color:#f66b5d;font-weight:700}.feed-links{clear:both;line-height:2.5em}.home-box,.lasthome-box,a.blog-pager-newer-link,a.blog-pager-older-link,a.home-link{padding:0;display:inline-block;line-height:42px;width:70px;height:40px;text-align:center}#blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}#blog-pager-newer-link a,#blog-pager-older-link a,a.home-link{color:#fff;transition:all .4s ease-in-out}#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover,a.home-link:hover{color:#fff}.blog-pager svg{width:24px;height:24px;vertical-align:-5px}#blog-pager,.blog-pager{clear:both;display:block;position:relative;height:45px;line-height:45px;bottom:0;right:0;text-align:right;float:right;margin:20px 20px 0}#HTML2 li,li.recent-posts{border-left:solid 3px #019688;padding:10px 5px 5px 10px;margin:10px auto}#blog-pager-home-link a.home-link,a.blog-pager-newer-link,a.blog-pager-older-link{background:#bdc3c7;color:#fff;transition:all .4s ease-in-out;bottom:0}a.blog-pager-older-link{border-radius:3px;right:0;z-index:2}a.blog-pager-newer-link{border-radius:3px;left:0;z-index:2}#blog-pager-home-link a.home-link{display:none}#blog-pager-home-link a.home-link:hover,#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{background:#e74c3c;color:#fff}.home-box{left:0}.lasthome-box{right:0}#sidebar-wrapper{padding:0;width:31.9%;float:left}ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #f1f1f1;text-decoration:none}li.recent-posts:last-child{border-bottom:0}li.recent-posts a{color:#444}li.recent-posts a:hover{color:#000;text-decoration:none}#sidebar-wrapper h2,#sidebar-wrapper h3,#sidebar-wrapper h4{overflow:hidden;position:relative;color:#222;padding:10px 0;margin:0 0 10px;text-transform:uppercase;display:block;border-bottom:3px solid rgba(0,0,0,.05);letter-spacing:.5px;font-size:17px}#sidebar-wrapper h2:before,#sidebar-wrapper h3:before,#sidebar-wrapper h4:before{content:'';display:inline-block;height:14px;top:0;left:0;margin:0 10px 0 0;width:15px;background:#38a3d1}#sidebar-wrapper .widget ul{margin:5px 0;padding:5px 0}.widget-content{margin:0;overflow:hidden}.sidebar{line-height:1.5em;margin:10px}.sidebar ul{padding:0;margin:0}.BlogArchive #ArchiveList ul li{text-indent:0}.sidebar ul li{margin:0;padding:5px 0;border-bottom:1px solid #f1f1f1}.sidebar .widget{margin:0 0 10px}#sidebar-sticky{width:300px;float:right;padding:0;margin:0 auto;position:-webkit-sticky;position:fixed;top:10px}#adfloatBottom{left:0;position:fixed;text-align:center;bottom:0;width:100%;z-index:999;background:rgba(249,249,249,.5686274509803921)}@media (min-width:768px){#adfloatBottom{display:none}}.ampTabContainer{display:flex;flex-wrap:wrap;margin:0;padding:5px;border-style:none}.tabButton[selected]{outline:0;background:#019688;border-style:none}.tabButton{background:#fff;display:table-cell;float:left;width:50%;color:#000;padding:10px;font-size:14px;text-align:center;cursor:pointer;font-weight:700;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);border-left:1px solid rgba(0,0,0,.05);transition:all .3s}.tabContent{display:none;width:100%;order:1}.tabButton[selected]+.tabContent{display:block;outline:0}.itemCustom{border:1px solid #000;height:280px;width:380px;margin:10px;text-align:center;padding-top:140px}amp-selector [option][selected]{cursor:auto;outline:0}@media all and (max-width:480px){.ampTabContainer{margin:10px -10px;padding:0}}.infinimed .facebook:after,.infinimed .googleplus:after,.infinimed .rssfeed:after,.infinimed a{font-family:"Font Awesome 5 Free";font-weight:900}.PopularPosts .item-thumbnail,.PopularPosts ul li,.footer-column{position:relative;overflow:hidden}#footer-wrapper{text-align:left;overflow:hidden;background:#fff;margin:0 auto;max-width:1020px;padding:0;border-top:4px solid rgba(0,0,0,.05)}#footer-adwidget .footer-widget{width:31.5%;float:left;margin-left:15px}#footer-adwidget{max-width:1020px;overflow:hidden;margin:0 auto}#footer-wrapper h2,#footer-wrapper h3{overflow:hidden;position:relative;color:#fff;padding:0 0 15px;margin:0 0 10px;text-transform:uppercase;display:block;border-bottom:3px solid rgba(0,0,0,.05);letter-spacing:.5px;font-size:17px}.footer-column,.footer-menu ul li a{color:rgba(255,255,255,.8)}#footer-wrapper h2:before,#footer-wrapper h3:before{content:'';display:inline-block;height:14px;top:0;left:0;margin:0 10px 0 0;width:15px;background:rgba(255,255,255,.6)}.footer-column{background:#0373b9;margin:0 auto;font-size:14px;line-height:24px;text-align:left;padding:20px}.footer-menu{float:left;width:31%;margin:0 20px 0 0}.footer-menu p.footer2{margin:5px auto}.footer-menu ul{margin:0;padding:0}.footer-menu ul li{list-style-type:square;margin:0 0 0 15px}.footer-menu ul li a:hover{color:#fff}#footer-last{overflow:hidden;text-align:center;padding:20px 20px 5px;margin:auto;background:#f1f3f4}#ftright,.cpleft{display:inline-block;color:#222;font-size:14px}#ftright a,.cpleft a{color:#222;text-decoration:none}#ftright a:hover,.cpleft a:hover{color:#dd5252}.infinimed a{background:rgba(255,255,255,.2);display:inline-block;text-align:center;margin-top:10px;margin-right:5px;color:#fff;border-radius:100%;width:32px;height:32px;line-height:32px;opacity:.9}.infinimed a:hover{color:#fff;opacity:1;background:rgba(255,255,255,.3);box-shadow:0 0 5px rgba(0,0,0,.1)}.infinimed .facebook:after{content:'\f09a'}.infinimed .twitter:after{content:'\f099';font-family:"Font Awesome 5 Free"}.infinimed .googleplus:after{content:'\f0d5'}.infinimed .rssfeed:after{content:'\f09e'}.infoter h6,.infoter p{text-align:center;margin:auto;color:#fff}.infoter{margin-bottom:10px;max-width:1020px;background:#019688;padding:10px 0;border-bottom-left-radius:25px;border-bottom-right-radius:25px}.infoter p{font-size:10px}.infoter h6{font-size:12px}.infoter a{color:#444}
/* popular */
.PopularPosts ul{font-family:Poppins,sans-serif;list-style:none;margin:0 auto;padding:0;overflow:hidden;width:100%}.PopularPosts li,.PopularPosts li a,.PopularPosts li a amp-img,.PopularPosts li amp-img{margin:0;padding:0;list-style:none;border:none;background:0 0;outline:0}.PopularPosts ul li{margin:0 auto 10px;line-height:1em;list-style:none;padding:10px;background:#f1f3f4;border-radius:25px}.FeaturedPost h3 a,.FeaturedPost p{line-height:1.2em;text-align:center}.PopularPosts ul li a:hover{color:#38a3d1}.PopularPosts li a{color:#333;font-weight:500;font-size:16.4px;list-style:none;line-height:1.2em;display:block;overflow:hidden}.PopularPosts ul li amp-img{width:90px;height:90px;float:left;display:inline-block}.PopularPosts .item-thumbnail{display:flex;align-items:center;justify-content:center;border-radius:99em;float:left;margin:0 20px 0 0}.PopularPosts .item-snippet{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;color:#aaa;overflow:hidden;margin:4px 0 0;display:none}.PopularPosts .item-title{padding:0;margin:0;text-align:left}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10}.cloud-label-widget-content{text-align:left}.label-size{float:left;margin:0 3px 3px 0;padding:10px 0;color:#fff;font-size:11px;text-transform:uppercase;line-height:1.2}.label-size a,.label-size span{display:inline-block;color:#fff;padding:6px 8px;font-weight:700}.label-size:hover{background:#333}.label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;color:#fff}

#sidebar-wrapper .label-size{background:#009688;color:#fff;width:48%;display:block;float:left;margin:0 4px 4px 0;font-size:14px;border-radius:2px;padding:10px 0;border:1px solid rgba(0,0,0,.1);transition:all .1s;cursor:pointer}#sidebar-wrapper .label-size:hover{background:#38a3d1}#sidebar-wrapper .label-size a{display:inline-block;padding:2px 6px;transition:all .1s}#sidebar-wrapper .label-size a:hover{color:#fff}#sidebar-wrapper .label-count{white-space:nowrap;display:inline-block;color:#fff;padding:2px 6px;text-align:center;float:right}#sidebar-wrapper .Label li{padding:5px 0;margin:0;text-align:left;color:#222;font-size:13px;border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s}#sidebar-wrapper .Label li:before{content:'\f10c';font-family:"Font Awesome 5 Free";color:#bdc3c7;margin:0 10px 0 0;font-weight:900}#sidebar-wrapper .Label li:hover:before{content:'\f111'}#sidebar-wrapper .Label li a{color:#222}#sidebar-wrapper .Label li a:hover{color:#38a3d1}#sidebar-wrapper .Label li .nexlab{float:right;background:#bdc3c7;color:#fff;padding:5px 7px;border-radius:3px}.descriptionwrapper{display:none}
.PageList,.PageList li,.PageList1 ul{color:#000}.footer-label{display:block;max-width:713px;background-color:#d7f1ff;padding:15px;margin:0;margin-top:100px}.footer-label a{color:#fff;font-weight:700;text-align:center;border-radius:5px;padding:10px;background-color:#019688;margin:5px}.footer-label a:hover{color:#444}
@media screen and (max-width:800px) {
    .footer-label {
        padding: 5px 5px 5px 10px
    }
    
    .footer-label a {
        display: inline-block;
        margin: 5px auto 0
    }
}
.banner,.banner2{margin:0 auto;text-align:center;overflow:hidden}.banner{margin:0 auto 10px}.banner .widget,.banner2 .widget{width:100%;max-width:100%;margin:0 auto;background:0 0;text-align:center;overflow:hidden}.banner amp-img,.banner iframe,.banner img,.banner2 amp-img,.banner2 iframe,.banner2 img{display:block;margin:0 auto;text-align:center}@media screen and (max-width:800px){.footer-menu{width:50%;margin:0 auto 15px}#wrapper{padding:0;box-shadow:none}.post-media{max-height:175px;overflow:hidden}.navlist>li.menu-item-has-children.item-plus>a:after,.navlist>li>ul>li.menu-item-has-children.item-plus>a:after{display:none}#header2{float:none;max-width:100%;padding-top:0}#header{text-align:center;padding-top:0}}@media only screen and (max-width:768px){#floatside,#main-wrapper,#sidebar-wrapper{width:100%;border:0;padding:0}body{background:#fff}#content-wrapper{padding:10px}.header-right{float:none;max-width:100%;margin-top:20px}#floatside{word-wrap:break-word;overflow:hidden;position:relative;max-width:100%;z-index:0}.sidebar{padding:0}#footer-wrapper{margin:20px auto 0}#footer-adwidget .footer-widget{width:31%}.banner{margin:0 auto 10px}.banner2{padding:0 10px}#blog-pager,.blog-pager{margin:20px 0 20px -100px}#search-box{width:90%}#search-box form input[type=text]{font-size:1.2em}.fixed-height-containerthumb{height:250px}}
@media screen and (max-width:640px) {
    .footer-menu {
        float: none;
        width: 100%
    }
    
    .comment-info {
        display: none
    }
    
    #ftright,
    .cpleft {
        line-height: normal
    }
}
@media screen and (max-width:480px) {
    #footer-last {
        padding: 10px
    }
    
    .comments .comments-content .user {
        line-height: 2.8em
    }
}
 
    #main-wrapper{padding-left:15px;padding-top:10px;padding-right:10px}@media screen and (max-width:800px){#main-wrapper{padding:5}}.first-thumb,.thumb-wrapper{overflow:hidden;position:relative}.thumb-wrapper{display:inline-block;float:left;margin:0 20px 0 0;width:180px;height:130px;padding:0;z-index:2}.first-thumb{margin:0;width:100%;height:auto;min-height:130px;transition:all .5s ease-out}.post{margin:0;padding:0}.post h1,.post h2{margin:0;font-size:18px;font-weight:700}.post-snippet{font-size:14px;line-height:1.6;color:#666}.label-info{position:absolute;left:0;top:0;z-index:3;padding:0;font-size:0}.label-info a{display:inline-block;background:#f1f3f4;color:#444;font-size:10px;margin:5px;border-radius:25px;font-weight:700;text-transform:uppercase;padding:3px 6px}.breadcrumbs{margin:10px}.jump-link,.label-info a.label-block:nth-child(n+2),.post-footer,.post-snippet{display:none}@media screen and (max-width:640px){.post{margin:0;padding:0 0 15px}.thumb-wrapper{margin:0 10px 0 0;width:100px;height:80px}.first-thumb{min-height:80px}.post-snippet{display:none}}@media screen and (max-width:480px){.post{padding:0 0 10px}}

 
.first-thumb,.post,.thumb-wrapper{position:relative;overflow:hidden}.post h2,post h1{margin:5px;font-size:18px;font-weight:700}.thumb-wrapper{display:inline-block;float:left;margin:0 20px 0 0;width:100%;height:200px;padding:0;z-index:2}.first-thumb{margin:0;width:100%;height:auto;min-height:130px;transition:all .5s ease-out}.post{margin:0 20px 20px 0;width:23.5%;width:calc(50% - 20px);height:280px;display:flex;flex-direction:column;justify-content:center;float:left;transition:all .4s ease-in-out;box-shadow:0 3px 20px 0 rgba(0,0,0,.075)}.post-body{display:none}@media screen and (max-width:640px){.post-body,.post-footer,.post-snippet{display:none}.post{width:100%;margin:0;padding:0 0 5px}.thumb-wrapper{margin:0 10px 0 0;width:100%;height:180px}.first-thumb{min-height:100%x}#main-wrapper{padding:0}}@media screen and (max-width:480px){.post{padding:0 0 10px;height:320px}.thumb-wrapper{height:220px}}h3.welcomeh3{overflow:hidden;position:relative;color:#222;padding:10px 0;margin:0 0 10px;text-transform:uppercase;display:block;border-bottom:3px solid rgba(0,0,0,.05);letter-spacing:.5px;font-size:17px}.welcmImage{width:230px;float:left;margin-right:30px;position:relative}#helloamp{background:rgba(173,216,230,.08);padding:10px 20px;margin-bottom:20px;margin-right:20px}@media screen and (max-width:640px){#helloamp{padding:10px;max-height:320px;margin:10px 0}}#helloamp li{list-style-type:none}#helloamp li:before{content:'padding-right:10px}






                  
.TOCalinux{line-height:1.4em;padding:20px 30px 20px 10px;display:block;width:95%;margin:0 auto;background:#f0f3f4;border:1px solid #ccc;box-shadow:1px 1px 2px #fff inset,-1px -1px 2px #fff inset;border-radius:3px/6px}.TOCalinux ol,.TOCalinux ul{margin:0;padding:0}.TOCalinux ul{list-style:none}.TOCalinux ol li,.TOCalinux ul li{padding:15px 0 0;margin:0 0 0 30px;font-size:15px}.TOCalinux a{text-decoration:none}.TOCalinux a:hover{text-decoration:underline}.TOCalinux button{background:#ffffe0;font-family:oswald,arial;font-size:16px;position:relative;outline:0;cursor:pointer;border:none;color:#707037;padding:0 0 0 15px}.TOCalinux button:after{content:"\f107";font-family:"Font Awesome 5 Free";position:relative;left:10px;font-size:20px;font-weight:900}#kamujahat{background:rgba(0,0,0,.25);position:fixed;margin:auto;left:0;right:0;top:0;width:100%;height:100%;overflow:auto;z-index:999999}#kamujahat .inner{background:#ec3e3e;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);text-align:center;width:600px;padding:40px;margin:80px auto}#kamujahat button{padding:10px 20px;border:0;background:#e9e9e9;margin:20px;box-shadow:0 5px 10px rgba(0,0,0,.3);cursor:pointer;transition:all .2s}#kamujahat button.active{background:#fff}#kamujahat .tutorial{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}#kamujahat .tutorial div{display:none}#kamujahat .tutorial div.active{display:block}#kamujahat ol{margin-left:20px}@media(max-width:680px){#kamujahat .inner{width:calc(100% - 80px);margin:auto}}

    
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-solid-900.eot);src:url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-solid-900.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-solid-900.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-solid-900.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:swap;src:url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-brands-400.eot);src:url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-brands-400.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-brands-400.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-regular-400.eot);src:url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-regular-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-regular-400.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-regular-400.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.3.1/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
  </style>
  <link href="https://www.amp-blogger.com/feeds/posts/default" rel="alternate" title="AMP for Blogger- Atom" type="application/atom+xml"/>
  <link href="https://www.amp-blogger.com/feeds/posts/default?alt=rss" rel="alternate" title="AMP for Blogger- RSS" type="application/rss+xml"/>
  <link href="https://www.blogger.com/feeds/5164079788709806308/posts/default" rel="alternate" title="AMP for Blogger- Atom" type="application/atom+xml"/>
  <link href="https://www.blogger.com/openid-server.g" rel="openid.server"/>
  <link href="https://www.amp-blogger.com/" rel="openid.delgate"/>
  <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
  <title>
   AMP for Blogger - Tutorial AMP HTML, CSS, and SEO
  </title>
  <meta content="Tutorial Google AMP HTML for Blogger Blog. AMP Blogger Tutorial, SEO Tips, AMP CSS Guide, AMP Blogger Template, AMP AdSense, Blog Widget Guide" itemprop="description" name="description"/>
  <meta content="amp blogger template, amp blogger, amp blogger template 2018, amp blogger theme, amp blogger template download, amp blogger themes, amp blogger template 2017, amp ready blogger template, amp html blogger template, best amp blogger template, amp for blogger, amp blogspot, amp html, amp blogger template, best blogger amp template,amp project, Accelerated Mobile Pages, google amp, amp wordpress" name="keywords"/>
  <meta content="AMP for Blogger" property="og:site_name"/>
  <meta content="Tutorial Google AMP HTML for Blogger Blog. AMP Blogger Tutorial, SEO Tips, AMP CSS Guide, AMP Blogger Template, AMP AdSense, Blog Widget Guide" name="description"/>
  <meta content="AMP for Blogger" property="og:title"/>
  <meta content="website" property="og:type"/>
  <meta content="Tutorial Google AMP HTML for Blogger Blog. AMP Blogger Tutorial, SEO Tips, AMP CSS Guide, AMP Blogger Template, AMP AdSense, Blog Widget Guide" property="og:description"/>
  <meta content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrBqHrESM6A0osOTG9_p5dEfMziYKYtxP2rycTI5ZPZEUGBEGprmjUVACEfXI26971MrW3NjGvwzfaBnIZtr1gDlgPK4_3Ff16V1Is-8hWzQc0z3_nZeHBVjM0cx3L-5W3X9CPLBOZ3Jc/s1280/amp-blogspot.jpg" property="og:image"/>
  <meta content="AAAAAF17Im9yaWdpbiI6Imh0dHBzOi8vd3d3LmFtcC1ibG9nZ2VyLmNvbSIsImV4cGVyaW1lbnQiOiJhbXAtc2NyaXB0IiwiZXhwaXJhdGlvbiI6MTU2NzI5NjAwMDAwMH1j6ll/zjSElpliNDOHsuV++GxOMfw5XXpHl+FhTOxMgAR0aCkBJib5adosmhKE/tZT80tVbfihsx0T8I5WOpqczNqdHEX/0YWIp8X2ossvvRX8EH/uQdUe+KVr5vtytAiqqs8tK4d1UNR670LJ7tAjBynybhqdr8WcuOxbcYJ9jhdJJBzUkK1mlKynX0RqKP8jTHlUe8JAXAs6N5qG/ZdiEgQB+amtMceWfF5ggvhUMSUPuBLpyzeTAZcY9ZeiPnIwnmwItXa/u+/16JTFHoKHUXkwRyLSKXSVSKu6InixoIKwzist7hzSS6QVgOLMIhQ24k2t44OzFKS22BtpFwQF" name="amp-experiment-token"/>
  <meta content="tue, 01 Jun 2019" name="expires"/>
  <link href="/favicon.ico" rel="icon" type="image/x-icon"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s57/logo-AMP-1.png" rel="apple-touch-icon" sizes="57x57"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s60/logo-AMP-1.png" rel="apple-touch-icon" sizes="60x60"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s72/logo-AMP-1.png" rel="apple-touch-icon" sizes="72x72"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s74/logo-AMP-1.png" rel="apple-touch-icon" sizes="76x76"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s114/logo-AMP-1.png" rel="apple-touch-icon" sizes="114x114"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s120/logo-AMP-1.png" rel="apple-touch-icon" sizes="120x120"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s144/logo-AMP-1.png" rel="apple-touch-icon" sizes="144x144"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s152/logo-AMP-1.png" rel="apple-touch-icon" sizes="152x152"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s180/logo-AMP-1.png" rel="apple-touch-icon" sizes="180x180"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s192/logo-AMP-1.png" rel="icon" sizes="192x192" type="image/png"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s32/logo-AMP-1.png" rel="icon" sizes="32x32" type="image/png"/>
  <link href="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s96/logo-AMP-1.png" rel="icon" sizes="96x96" type="image/png"/>
  <meta content="https://cdn.staticaly.com/img/4.bp.blogspot.com/-XoYVj_ny8ys/WCGuacPhoxI/AAAAAAAANks/0gMrbTXd_KY6oG25R5VuLUJtQ-wXAE-CgCLcB/s57/logo-AMP-1.png" name="msapplication-TileImage"/>
  <meta content="w306cIyZs1Ci7ORyyBGr22DODGCTPw51DfqBjYdubmE" name="google-site-verification"/>
  <meta content="f95812d7b2aa0507" name="yandex-verification"/>
  <meta content="035116FED8D431DF58545165FDB863EF" name="msvalidate.01"/>
  <meta content="en-US" property="og:locale"/>
  <meta content="en-GB" property="og:locale:alternate"/>
  <meta content="en-IN" property="og:locale:alternate"/>
  <meta content="600px" property="og:image:width"/>
  <meta content="Hafidm93II" property="fb:admins"/>
  <meta content="AMP Blogger" name="Author"/>
  <meta content="https://www.facebook.com/ampbloggercom" property="article:author"/>
  <meta content="279923349266331" property="fb:pages"/>
  <meta content="279923349266331" property="fb:profile_id"/>
  <meta content="1840054189416394" property="fb:app_id"/>
  <meta content="AMP for Blogger" name="twitter:site"/>
  <meta content="summary_large_image" name="twitter:card"/>
  <meta content="@hafidm93" name="twitter:creator"/>
  <meta content="global" name="distribution"/>
  <meta content="IN" name="geo.region"/>
  <meta content="20.593684;78.96288" name="geo.position"/>
  <meta content="20.593684, 78.96288" name="ICBM"/>
  <meta content="US" name="geo.region"/>
  <meta content="37.09024;-95.712891" name="geo.position"/>
  <meta content="37.09024, -95.712891" name="ICBM"/>
  <meta content="ID" name="geo.region"/>
  <meta content="-0.789275;113.921327" name="geo.position"/>
  <meta content="-0.789275, 113.921327" name="ICBM"/>
  <meta content="VN" name="geo.region"/>
  <meta content="14.058324;108.277199" name="geo.position"/>
  <meta content="14.058324, 108.277199" name="ICBM"/>
  <meta content="EG" name="geo.region"/>
  <meta content="26.820553;30.802498" name="geo.position"/>
  <meta content="26.820553, 30.802498" name="ICBM"/>
  <meta content="PE" name="geo.region"/>
  <meta content="-9.189967;-75.015152" name="geo.position"/>
  <meta content="-9.189967, -75.015152" name="ICBM"/>
  <meta content="JP" name="geo.region"/>
  <meta content="36.204824;138.252924" name="geo.position"/>
  <meta content="36.204824, 138.252924" name="ICBM"/>
  <meta content="PK" name="geo.region"/>
  <meta content="30.375321;69.345116" name="geo.position"/>
  <meta content="30.375321, 69.345116" name="ICBM"/>
  <meta content="MA" name="geo.region"/>
  <meta content="31.791702;-7.09262" name="geo.position"/>
  <meta content="31.791702, -7.09262" name="ICBM"/>
  <meta content="BR" name="geo.region"/>
  <meta content="-14.235004;-51.92528" name="geo.position"/>
  <meta content="-14.235004, -51.92528" name="ICBM"/>
  <meta content="MY" name="geo.region"/>
  <meta content="4.210484;101.975766" name="geo.position"/>
  <meta content="4.210484, 101.975766" name="ICBM"/>
  <meta content="BD" name="geo.region"/>
  <meta content="23.684994;90.356331" name="geo.position"/>
  <meta content="23.684994, 90.356331" name="ICBM"/>
  <meta content="CO-DC" name="geo.region"/>
  <meta content="4.570868;-74.297333" name="geo.position"/>
  <meta content="4.570868, -74.297333" name="ICBM"/>
  <meta content="AM" name="geo.region"/>
  <meta content="40.069099;45.038189" name="geo.position"/>
  <meta content="40.069099, 45.038189" name="ICBM"/>
  <meta content="CN-11" name="geo.region"/>
  <meta content="35.86166;104.195397" name="geo.position"/>
  <meta content="35.86166, 104.195397" name="ICBM"/>
  <meta content="FR" name="geo.region"/>
  <meta content="46.227638;2.213749" name="geo.position"/>
  <meta content="46.227638, 2.213749" name="ICBM"/>
  <meta content="FR" name="geo.region"/>
  <meta content="46.227638;2.213749" name="geo.position"/>
  <meta content="46.227638, 2.213749" name="ICBM"/>
  <meta content="IQ" name="geo.region"/>
  <meta content="33.223191;43.679291" name="geo.position"/>
  <meta content="33.223191, 43.679291" name="ICBM"/>
  <meta content="LB" name="geo.region"/>
  <meta content="33.854721;35.862285" name="geo.position"/>
  <meta content="33.854721, 35.862285" name="ICBM"/>
  <meta content="JO" name="geo.region"/>
  <meta content="30.585164;36.238414" name="geo.position"/>
  <meta content="30.585164, 36.238414" name="ICBM"/>
  <meta content="RU" name="geo.region"/>
  <meta content="61.52401;105.318756" name="geo.position"/>
  <meta content="61.52401, 105.318756" name="ICBM"/>
  <link href="//1.bp.blogspot.com" rel="dns-prefetch"/>
  <link href="//2.bp.blogspot.com" rel="dns-prefetch"/>
  <link href="//3.bp.blogspot.com" rel="dns-prefetch"/>
  <link href="//4.bp.blogspot.com" rel="dns-prefetch"/>
  <link href="//www.blogger.com" rel="dns-prefetch"/>
  <link href="//fonts.googleapis.com" rel="dns-prefetch"/>
  <link href="//resources.blogblog.com" rel="dns-prefetch"/>
  <link href="//www.facebook.com" rel="dns-prefetch"/>
  <link href="//plus.google.com" rel="dns-prefetch"/>
  <link href="//twitter.com" rel="dns-prefetch"/>
  <link href="//www.youtube.com" rel="dns-prefetch"/>
  <link href="//feedburner.google.com" rel="dns-prefetch"/>
  <link href="//feeds.feedburner.com" rel="dns-prefetch"/>
  <link href="//github.com" rel="dns-prefetch"/>
  <link href="//platform.twitter.com" rel="dns-prefetch"/>
  <link href="//apis.google.com" rel="dns-prefetch"/>
  <link href="//connect.facebook.net" rel="dns-prefetch"/>
  <link href="//www.google-analytics.com" rel="dns-prefetch"/>
  <link href="//pagead2.googlesyndication.com" rel="dns-prefetch"/>
  <link href="//googleads.g.doubleclick.net" rel="dns-prefetch"/>
  <link href="//www.gstatic.com" rel="dns-prefetch"/>
  <link href="//www.googletagservices.com" rel="dns-prefetch"/>
  <link href="//static.xx.fbcdn.net" rel="dns-prefetch"/>
  <link href="//syndication.twitter.com" rel="dns-prefetch"/>
  <link href="//fonts.gstatic.com" rel="dns-prefetch"/>
  <link href="https://cdn.ampproject.org" rel="dns-prefetch"/>
  <link href="https://3p.ampproject.net" rel="dns-prefetch"/>
  <link href="https://cdn.rawgit.com" rel="dns-prefetch"/>
  <link href="https://lh3.googleusercontent.com" rel="dns-prefetch"/>
  <link href="https://tpc.googlesyndication.com" rel="dns-prefetch"/>
  <link href="//i.ytimg.com" rel="dns-prefetch"/>
  <link href="https://www.googletagmanager.com" rel="dns-prefetch"/>
  <link href="/adservice.google.co.id/" rel="dns-prefetch"/>
  <link href="https://adservice.google.com/" rel="dns-prefetch"/>
  <link href="//adservice.google.co.id/" rel="dns-prefetch"/>
  <link href="//prismjs.com" rel="dns-prefetch"/>
  <link href="//cdnjs.cloudflare.com" rel="dns-prefetch"/>
  <link href="//www.googletagservices.com" rel="dns-prefetch"/>
  <meta content="#cc324b" name="theme-color"/>
  <meta content="#cc324b" name="msapplication-navbutton-color"/>
  <meta content="#cc324b" name="apple-mobile-web-app-status-bar-style"/>
 </head>
</html>
<style amp-boilerplate="amp-boilerplate">
 body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
</style>
<noscript>
 <style amp-boilerplate="amp-boilerplate">
  body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
 </style>
</noscript>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-3605982272433297",
          enable_page_level_ads: true
     });
</script>
<script async="async" data-ad-client="ca-pub-3605982272433297" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>
<script type="text/javascript">
 //<![CDATA[                   
    function TOCalinux() {
        var TOCalinux = i = headlength = gethead = 0;
        headlength = document.getElementById("post-toc").querySelectorAll("h3, h4, .tr_bq").length;
        for (i = 0; i < headlength; i++) {
            gethead = document.getElementById("post-toc").querySelectorAll("h3, h4, .tr_bq")[i].textContent;
            document.getElementById("post-toc").querySelectorAll("h3, h4, .tr_bq")[i].setAttribute("id", "point" + i);
            TOCalinux = "<li><a href='#point" + i + "'>" + gethead + "</a></li>";
            document.getElementById("TOCalinux").innerHTML += TOCalinux;
        }
    }

function mbtToggle() {
    var mbt = document.getElementById('TOCalinux');
    if (mbt.style.display === 'none') {
        mbt.style.display = 'block';
    } else {
        mbt.style.display = 'none';
    }
}
//]]>
</script>
<script type="application/ld+json">
 {
  "@context": "http://schema.org",
  "@graph":
  [
  {
  "@type": "Webpage",
  "url": "https://www.amp-blogger.com/",
  "name": "AMP for Blogger",
  "headline":"AMP for Blogger",
  "description": "Tutorial Google AMP HTML for Blogger Blog. AMP Blogger Tutorial, SEO Tips, AMP CSS Guide, AMP Blogger Template, AMP AdSense, Blog Widget Guide",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.amp-blogger.com/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "AMP for Blogger",
    "url": "https://www.amp-blogger.com/",
    "logo": {
        "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjigN43vAaNFHxSQvPDCIpTxICpET9uvrp8mHZz92z8tXy2bottMTtbL2n4T_qr_PQNKr5hKj-AhSMdrWmcaeK3yIt8glRDEfB_2vnSYg9TMqfmq8QtkGgXNlfVlFceI-yJf8KdG4_iT4Q/s1600/ampblogger.png",
        "width": 600,
        "height": 60,
        "@type": "ImageObject"
    }
  },
  "image": {
    "@type": "ImageObject",
    "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrBqHrESM6A0osOTG9_p5dEfMziYKYtxP2rycTI5ZPZEUGBEGprmjUVACEfXI26971MrW3NjGvwzfaBnIZtr1gDlgPK4_3Ff16V1Is-8hWzQc0z3_nZeHBVjM0cx3L-5W3X9CPLBOZ3Jc/s640/amp-blogspot.jpg",
    "width": 1280,
    "height": 720
    }
  },
  {
  "@type": "WebSite",
  "url": "https://www.amp-blogger.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.amp-blogger.com/search?q={q}",
    "query-input": "required name=q"
    }
  }
  ]
}
</script>
<meta content="WEJlc0h6RnFQVTIxY0x1YlNqL3lWcHB6aWcyMzZNZGRYQ0I5WUk3VTlHOD01" name="dmca-site-verification"/>
<meta content="28cfa6ba5377b295" name="copyrighted-site-verification"/>
<body>
 <noscript>
  <iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-K74ZFQN" style="display:none;visibility:hidden" width="0">
  </iframe>
 </noscript>
 <div id="totop">
 </div>
 <header id="header">
  <div class="section" id="header2">
   <div class="widget Header" data-version="1" id="Header1">
    <div id="header-inner">
     <div class="titlewrapper">
      <div class="logous">
       <a href="https://www.amp-blogger.com/" title="AMP for BLOGGER">
        <amp-img alt="AMP for BLOGGER" height="40px" layout="fixed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwfUIFzbgSDpCEqiEOUrnzn_kO1FrOBjD-D1q88VyDPnftXfiLLtWGzKoERc5NFqZV29VsCICPuXY_d6l1LfiRdNyrAqkudfRDVp3EKjtetGMUS_WPflyqaCdpNOIxpH3gIQVLchtoHJw/s400-rw/AM+FOR+BLOGGER+LOGO+%25281%2529.png" title="AMP for BLOGGER" width="300px">
         <amp-img alt="AMP for BLOGGER" fallback="" height="40px" layout="fixed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwfUIFzbgSDpCEqiEOUrnzn_kO1FrOBjD-D1q88VyDPnftXfiLLtWGzKoERc5NFqZV29VsCICPuXY_d6l1LfiRdNyrAqkudfRDVp3EKjtetGMUS_WPflyqaCdpNOIxpH3gIQVLchtoHJw/s400/AM+FOR+BLOGGER+LOGO+%25281%2529.png" title="AMP for BLOGGER" width="300px">
         </amp-img>
        </amp-img>
       </a>
      </div>
     </div>
     <div class="descriptionwrapper">
      <p class="description">
       <span>
        AMP HTML for Blogspot Blog
       </span>
      </p>
     </div>
    </div>
   </div>
  </div>
  <div class="notranslate" id="iconnav">
   <div class="nav_grid">
    <ul class="sc_vertical">
     <li class="count-nav">
      <a href="/p/css.html">
       <span class="icon">
       </span>
       <span class="items">
        <span class="label">
         CSS
        </span>
       </span>
      </a>
     </li>
     <li class="count-nav1">
      <a href="/p/amp-blogger-template.html">
       <span class="icon">
       </span>
       <span class="items">
        <span class="label">
         TEMPLATES
        </span>
       </span>
      </a>
     </li>
     <li class="count-nav2">
      <a href="/p/amp-ads.html">
       <span class="icon">
       </span>
       <span class="items">
        <span class="label">
         AMP AD
        </span>
       </span>
      </a>
     </li>
     <li class="count-nav3">
      <a href="/p/widget-tutorial.html">
       <span class="icon">
       </span>
       <span class="items">
        <span class="label">
         NON-AMP
        </span>
       </span>
      </a>
     </li>
     <li class="count-nav4">
      <a href="/p/amp-html.html">
       <span class="icon">
       </span>
       <span class="items">
        <span class="label">
         AMP HTML
        </span>
       </span>
      </a>
     </li>
    </ul>
   </div>
  </div>
Convertisseur YouTube vers mp3

YouTube mp3

loading..

Qu’est-ce que `YouTube mp3´?

YouTube-mp3.org est le service en ligne le plus simple qui soit pour convertir des vidéos en mp3. Pas besoin de créer un compte, la seule chose qu’il vous faut est l’adresse (URL) d’une vidéo YouTube. La conversion est lancée dès que vous nous soumettez l’adresse de la vidéo, ensuite il vous suffira de télécharger le mp3 que nous aurons créé. A la différence d’autres services, l’intégralité du processus de conversion est effectué au sein de notre infrastructure, vous n’avez qu’à télécharger le fichier audio alors stocké sur nos serveurs. Ainsi, notre service est multi-platforme : vous pouvez l’utiliser sur votre Mac, un PC sous Linux ou même un iPhone. Toutes nos conversions sont effectuées en mode haute qualité avec un taux d’échantillonage égal ou supérieur à 128 kBit/s. Ne vous inquiétez pas, notre service est entièrement gratuit. Il nécessite approximativement 3 à 4 minutes par vidéo.

Thanks to Julien Guesdon for his translation!

Commentaires