SWGDRUG IR-SPEC Library - JDX Converter

<!DOCTYPE html>
<html dir='ltr' lang='in' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<!-- Meta Tag -->
<title>Indogabut</title>
<meta content='Indogabut' property='og:title'/>
<meta content='Indogabut' property='og:image:alt'/>
<meta content='Indogabut' name='twitter:title'/>
<meta content='Indogabut' name='twitter:image:alt'/>
<!-- Tracking Code -->
<meta content='xxxxxxxxx' name='google-site-verification'/>
<meta content='xxxxxxxxx' name='msvalidate.01'/>
<meta content='ZmViZjUyOTAxZDcwOWYwYzE0MDY1YzI4YjY3NmVkODM=' name='myblogu-verification'/>
<!-- Keyword -->
<meta content='Keyword 1, keyword 2, keyword 3, keyword 4, keyword 5, etc' name='keywords'/>
<meta content='Keyword 1, keyword 2, keyword 3, keyword 4, keyword 5, etc' property='article:tag'/>
<!-- Facebook, Twitter, and Pinterest Meta Tag -->
<meta content='article' property='og:type'/>
<meta content='Your Name' name='author'/>
<meta content='Your Name' property='article:author'/>
<meta content='xxxxxx' property='fb:admins'/>
<meta content='https://www.facebook.com/xxxxxx' property='article:author'/>
<meta content='https://www.facebook.com/xxxxxx' property='article:publisher'/>
<meta content='@YOURusername' name='twitter:site'/>
<meta content='Indogabut' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta content='https://4.bp.blogspot.com/-aUdA9Hs2VNk/X01AfBnFyKI/AAAAAAAAI6I/bUstV819JX0t-6t9fu0x3tJfrg57xaHSACLcBGAsYHQ/s0/Fiksioner-Thumbnail-v3.png' property='og:image'/>
<meta content='https://4.bp.blogspot.com/-aUdA9Hs2VNk/X01AfBnFyKI/AAAAAAAAI6I/bUstV819JX0t-6t9fu0x3tJfrg57xaHSACLcBGAsYHQ/s0/Fiksioner-Thumbnail-v3.png' name='twitter:image'/>
<meta content='' name='twitter:image'/>
<!-- Other -->
<meta content='width=device-width, minimum-scale=1, initial-scale=1, shrink-to-fit=no' name='viewport'/>
<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='https://indogabut.blogspot.com/' rel='openid.delegate'/>
<link href='https://indogabut.blogspot.com/' rel='canonical'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<!-- Chrome, Firefox OS and Opera -->
<meta content='#946c5f' name='theme-color'/>
<!-- Windows Phone -->
<meta content='#946c5f' name='msapplication-navbutton-color'/>
<meta content='blogger' name='generator'/>
<link href='https://indogabut.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://indogabut.blogspot.com/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Indogabut - Atom" href="https://indogabut.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Indogabut - RSS" href="https://indogabut.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Indogabut - Atom" href="https://www.blogger.com/feeds/4901112183815109561/posts/default" />
<link rel="me" href="https://www.blogger.com/profile/11623770201240509188" />
<!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->
<meta content='https://indogabut.blogspot.com/' property='og:url'/>
<meta content='Indogabut' property='og:title'/>
<meta content='' property='og:description'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRcslS9ZUUJJCzhepxhk0TxXcHWdwmM9BD_pR0zkI6k8wYv9X5UZrHIidxo_Q6heQQx_yCZMRFMYCQzsTjrzYdHObhdLd-10RBY-sdnWQfNets0zORVEGmP0Sjeagf9bqDGlGJUWRGhaSYzjb_pcxGusz41LYX8Kgww6FwCkDTNqLBGhwH_PZ9OQHJow/w1200-h630-p-k-no-nu/black%20hat%20seo.png' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1HG1gCDQ6qrg3zHT_MyHbmfu2xuWIcDq6HaCr87GZwk9JsXb3kxuNCoDOIWY8dPGevjSuxX9Qd2F9sMwO0LeqVlYA0JBb-Sx7glGlq5pVbUehMK5XDaadvOoes7Wi-5vm4Cdfmfj26JcPslrVGidTBfZNJlvpNbGO0mOR-ru8UhpHhkr4KMUDa5jQQ/w1200-h630-p-k-no-nu/query%20sql.jpg' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfsLcoG8r7I7eaYK1_3Y4lm9GMr_QCTejAO1qpSjJzoDIcTe3TiXnVxSCwO-UWn_oeMoNIcUYqeQPS8By1LAYXKt5rTuxHRsGfVxiCYecAE-KKrL5j8CfsfOA10NMI8rIinxbtnM5aZFdoS81B_KFe7I1Mxw2qco-y4G1SJmGCe-TZDX319nTYKKZ1_Q/w1200-h630-p-k-no-nu/cover%20letter.jpg' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFObkhgMvIydmEWRW-j4XSAvwyo9FXqeff2wL82gOcL49k0CP-7vXoXps_C1B1M3X73yinNtknHpAf0_n0n50kNZCRjBXqcqGokqx4tDV3hURaOzP4hoCsqwlvjpqD-cKF-XLRCwSrKnrOTwGhGcJfcABn5FD0EturPtPOTACMs4_dP5nbLJmXTH-og/w1200-h630-p-k-no-nu/alasan%20seo%20untuk%20bisinis.jpg' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqTPzBW_MmLxJnbZUrx6NeLDOjNJkYEliZ-CryTj8t3RNbCHLFFxFcYBE1fk8dP_il7QIu-ZsjZrDdTgp4ebnIpnKbK0924lO2yc6GDWx31iztt76_zHgblUBSsoRSPkwrOHrhc4iMlYfc0-HKg4qGHmQPQNYAnKttYLAVCYppDT_OPHMdx34Mx6tbKg/w1200-h630-p-k-no-nu/pay%20per%20click.jpg' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT2u4E2shXKW4sB5zs8y8n2ClNGCHWt-XKFbxRW4Bi-WrLKNUubGEVSGQNzdY6Qt4z1kGX-5pOuwanJq0iyPqfqvMAT31T0EphWqxhpTO7J0-3OEz3ey8FxyxPRKjLq8X2MUqtHf0I--CqmfscjYA9Rc-J279ctvy_rRFFy-Uo9ku62W2CtQFCub1jzA/w1200-h630-p-k-no-nu/personal%20branding.png' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicXz3PiEE0XKm0GgoDnJwa92zs0mEWDc4XEbwOidfILGs7G-iWlr4OmJjVM6EJkSEOl7QxiPtmTDxD5EacKGfi9-QvUelwto1QLVYThjBXgYz49Rsegx4W783Vji1UVifbv_vjEz-fnv3pU83lhvF_mn8nrJNK29WP0a19D8C47Z9--NsYQN1brtngVw/w1200-h630-p-k-no-nu/pivot%20table.jpg' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGOESayBWO9Br5OR_WaQy1xwEdNrRZWzCsRQMsZGuv4WVWgdla-VcQ0aLZFR0CFmDVK2Bk6S-RfUpUndaPN9xlTyrocrlWqf9MBVEHIjizqnO0ybg-zxbvtxoF3IlUH0m-ku3jU9Yv-1PqFXm_7icpZkvAx31_rvytWJmCWQ1CI7mh2eOgIsDfm6UHLA/w1200-h630-p-k-no-nu/apa%20itu%20roi.jpg' property='og:image'/>
<script type='application/ld+json'>
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "url": "https://indogabut.blogspot.com/",
      "name": "Indogabut",
      "alternateName": "Indogabut",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://indogabut.blogspot.com/search?q={search_term_string}&max-results=8",
        "query-input": "required name=search_term_string"
      }
    }
  </script>
<style type='text/css'>@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf)format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc9.ttf)format('truetype');}</style>
<style id='page-skin-1' type='text/css'><!--
/* ======================================
FIKSIONER: Freemium Blogger Theme - Developed by Igniel (igniel.com)
======================================
Name      : FIKSIONER
Version   : 3
Date      : September 01, 2020
Demo      : fiksioner.blogspot.com
Type      : Free or Premium (Freemium)
Designer  : Igniel
Country   : Indonesia
Website   : www.igniel.com
***************************************
You are free to use and modify this theme.
***************************************
FREE VERSION: NOT ALLOWED to remove the credit link at footer.
PREMIUM VERSION: ALLOWED to remove the credit link at footer.
*************************************** */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
*{box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;border:0;outline:0;margin:0;}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;outline:none;}input{line-height:normal;border:0;outline:0}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:focus{outline:none}h1{font-size:1.75em}iframe{width:100%}
html, body{
font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Ubuntu', 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif;
font-size:16px;
font-weight:400;
line-height:1.5rem;
}
body{
background-color:#ffffff;
padding:0;
margin:0;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-tap-highlight-color:transparent;
}
a{
text-decoration:none;
}
.post-body a, .post-body a:hover, .post-location a, .post-location a:hover, .comment-content a, .comment-content a:hover{
color:#1a73e8;
}
.post-body a:hover, .post-location a:hover, .comment-content a:hover{
text-decoration:underline;
}
.post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6{
line-height:2rem;
}
img{
max-width:100%;
height:auto;
}
figcaption, .tr-caption{
color:#666666;
font-style:italic;
line-height:1.35rem;
text-align:center;
}
:target::before{
height:55px;
margin-top:-55px;
opacity:0;
visibility:hidden;
}
.invisible{
visibility:hidden;
}
.clear{
clear:both
}
blockquote{
font-size:18px;
font-style:italic;
margin:20px 0;
padding:1.25rem 1.25rem 1.25rem 4rem;
}
blockquote:before{
content:'\201D';
color:rgba(255,255,255,.5);
font:600 4.5rem Arial, sans-serif;
left:1rem;
top:0;
}
button{
padding:.25rem .75rem;
margin:.25rem;
cursor:pointer;
}
button:hover, .FollowByEmail .submit:hover, .fiksionerShare a:hover, #top-continue.continue a:hover, #comment-holder .loadmore a:hover{
box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.25);
}
figure, .separator{
margin:1.25rem 0;
}
.drop{
float:left;
font-size:3.5rem;
margin-top:.9rem;
padding-right:.85rem;
}
.lazy{
background-color:rgba(0,0,0,.25);
opacity:.25;
}
.lazyloaded{
background-color:transparent;
opacity:1;
}
hr{
border-top-width:1px;
border-bottom-width:0;
margin:1rem 0;
}
code, kbd{
background-color:#efefef;
padding:.15rem .3rem;
}
code{
color:#ff6060;
}
kbd{
border:1px solid #9fa6ad;
box-shadow:0 1px 1px rgba(12,13,14,0.15),inset 0 1px 0 0 #fff;
text-shadow:0 1px 0 #fff;
white-space:nowrap;
}
h1, h2, h3, h4, h5, .FeaturedPost .title, ul.noimage li:before, .fiksionerAuthor .author-name, .fiksionerShare .text, .Profile .name, #comments .user{
font-family:'Roboto', Arial, sans-serif;
margin:0 0 .65rem;
}
html, body, a, header .section, .fiksionerSearch .check:checked ~ .input, .fiksionerSearch .input:focus, .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6{
color:#36383a;
}
a:hover, .fiksionerMenu a:hover, .fiksionerAdditional .menu a:hover, .drop, .post-filter-message .view a:hover, .status-msg-body:before, .status-msg-body .error, .status-msg-body .text, .entry-title a:hover, .post-labels a:hover, #blog-pager a:hover, .Label a:hover, #blog-pager.numbering .right a:hover, #comments .comment .comment-actions a:hover, .fiksionerAuthor a, #comments .user, #comments .user a, .PopularPosts ul.noimage li:before, .fiksionerRelated ul.noimage li:before, .PopularPosts a:hover, .Feed a:hover, .fiksionerRelated a:hover, .BlogArchive a:hover, .Profile .profile-link{
color:#946c5f;
}
blockquote, button, .FeaturedPost .entry-title a, .FeaturedPost .entry-content, .FeaturedPost .title, .post-body table th, .fiksionerShare a, .fiksionerShare a:hover, #top-continue.continue a, #comment-holder .loadmore a, .FollowByEmail .submit, .BlogArchive select:hover{
color:#ffffff;
}
button, blockquote, .FeaturedPost .nothumb .post-outer, .post-body table th, #top-continue.continue a, #comment-holder .loadmore a, .BlogArchive select:hover, .ignielMultiRelated, .FollowByEmail .submit{
background-color:#946c5f;
}
.fiksionerMenu ul li ul, .post-filter-message .view, .Feed .item-title{
font-weight:400;
}
h1, h2, h3, h4, h5, .FeaturedPost .title, ul.noimage li:before, .fiksionerAuthor .author-name, .fiksionerShare .text, .Profile .name, #comments .user, .post-filter-message span, .status-msg-body:before, .status-msg-body .error, .status-msg-body .text, .post-body table th, #blog-pager.numbering .selected, #comments .comment .comment-actions, .fiksionerAdditional .title, .FollowByEmail .submit, .PopularPosts ul.noimage li:before, .fiksionerRelated ul.noimage li:before, .BlogArchive .hierarchy-title, .ignielMultiRelated .content .text, .post-location .label, .post-reaction .label{
font-weight:700;
}
.info > span:not(:first-child):before, .single .entry-content, .widget .title{
font-size:1rem;
}
code, kbd, .fiksionerMenu, .fiksionerSearch .input, .post-filter-message, .post-inner, .fiksionerShare i, .fiksionerAuthor .author-desc, .fiksionerAdditional, .Label, .BlogArchive .flat, .BlogArchive .hierarchy-title, .FollowByEmail .follow-by-email-address, figcaption, .tr-caption, .post .info, .breadcrumb, #blog-pager, .FeaturedPost .title, .PopularPosts .snippet, .Feed .item-date, .Feed .item-author, .Label .cloud-label-widget-content a, .BlogArchive .post-count, .BlogArchive .hierarchy-content .hierarchy-content, .Profile .location, .FollowByEmail .submit{
font-size:.875rem;
}
.post-filter-message .view a, .info, .post-labels, #comments .comment .comment-actions>*, #comments .datetime, footer{
font-size:.75rem;
}
:target::before, blockquote, .fiksionerMenu ul li ul, .fiksionerMenu ul li ul li, .status-msg-body:before, .single .Blog article, .post-body pre code, #comments .comment-block:before, #comments .comment-replies ol li:after, #top-continue.continue a, #comment-holder .loadmore a, .fiksionerAdditional .title, .Feed .item-title{
display:block;
}
.fiksionerMenu ul li, .fiksioner, .post-filter-message .view a, .entry-title a, .post-labels a, .fiksionerAdditional .menu a:not(:last-child):after, .fiksionerAdditional .social a, .Label svg, .BlogArchive svg, .BlogArchive a, .Profile .profile-link{
display:inline-block;
}
#configuration, .hidden, .replaced, .check, .jump-link, #header .description, .fiksionerMenu label, #comments .comment-thread .thread-count, #comments .comment-thread .comment-replies .continue, #comments .comment-replies .comment-block:before, #comment-editor-src, #comments .comment-form h4, #comments .item-control, #billboard .title, .billboard .title, .aMiddle .title, #HTML101 .title, #HTML202 .title, #HTML303 .title, #HTML404 .title, .PageList .title, .BlogSearch .title, .ignielMultiRelated .icon{
display:none;
}
.fiksionerAdditional .section, .Blog .post-outer, .fiksionerRelated ul, .PopularPosts ul, .Feed ul{
display:grid;
}
header .section, .fiksionerMenu a, .fiksionerMenu, .fiksionerMenu li label, .post-labels, .fiksionerShare, .fiksionerAuthor, #blog-pager, #blog-pager.numbering .right, .fiksionerAdditional form, footer .inner, .PopularPosts ul.noimage li, .fiksionerRelated ul li, .Label ul, .BlogArchive .flat ul, .Label ul li, .BlogArchive .flat ul li, .Label .cloud-label-widget-content, .BlogArchive .hierarchy-content .hierarchy-content ul.posts li, .ignielMultiRelated, .post-reaction{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
}
header .section, .fiksionerMenu a, .fiksionerMenu, .fiksionerMenu li label, .fiksionerShare, .fiksionerAuthor, #blog-pager, .fiksionerAdditional form, footer .inner, .PopularPosts ul.noimage li, .fiksionerRelated ul li, .BlogArchive .hierarchy-content .hierarchy-content ul.posts li, .ignielMultiRelated, .post-reaction{
flex-wrap:nowrap;
}
.post-labels, #blog-pager.numbering, #blog-pager.numbering .right, .Label ul, .BlogArchive .flat ul, .Label .cloud-label-widget-content{
flex-wrap:wrap;
}
.fiksionerMenu a, .fiksionerMenu li label, .fiksionerShare, #blog-pager, .fiksionerAdditional form, footer .inner, .Label ul li, .BlogArchive .flat ul li, .Label ul li a, .BlogArchive .flat ul li a, .post-reaction{
align-items:center;
}
#blog-pager, .fiksionerAdditional form, footer .inner, .Label ul li, .BlogArchive .flat ul li, .ignielMultiRelated{
justify-content:space-between;
}
blockquote, header .section, .fiksionerMenu, .fiksionerMenu ul li, main, .post-filter-message span, .FeaturedPost article, #comments .comment-replies ol{
position:relative;
}
blockquote:before, .fiksionerMenu ul li ul, .fiksionerSearch form, .fiksionerSearch .icon, .FeaturedPost .post-outer, #comments .comment-replies ol li:after, .comment .avatar-image-container, #comments .comments-content .icon.blog-author:before, #comments .comments-content .icon.blog-author:after, #comments .comment-block:before, #comments .comment .comment-actions, .item-view #comments .comment-form h4{
position:absolute;
}
header, #sidebarSticky{
position:sticky;
position:-webkit-sticky;
position:-moz-sticky;
position:-ms-sticky;
position:-o-sticky;
}
:target::before, .fiksionerMenu ul li a:not(:last-child):after, .post-filter-message span:after, #comments .comment-replies ol li:after, #comments .comment-replies ol li:after, #comments .comments-content .icon.blog-author:before, #comments .comments-content .icon.blog-author:after, #comments .comment-block:before, .fiksionerAdditional .menu a:not(:last-child):after{
content:'';
}
code, kbd{
border-radius:3px;
}
button, .post-filter-message .view a, .post-labels a, #blog-pager a, #blog-pager >*, #blog-pager.numbering .right >*, .Label .cloud-label-widget-content a, .BlogArchive select, #comments .comment .comment-actions a, .fiksionerShare a, #top-continue.continue a, #comment-holder .loadmore a, .BlogArchive select, .Profile .profile-link, .FollowByEmail .widget-content, .FollowByEmail .follow-by-email-address, .FollowByEmail .submit, .ignielMultiRelated{
border-radius:5px;
}
blockquote, .fiksionerMenu ul li ul, .FeaturedPost .nothumb .post-outer, .snippet-thumbnail img, .PopularPosts img, .post-body pre, .fiksionerAuthor img, .fiksionerRelated img, .comment .avatar-image-container img, .totop, .Profile img{
border-radius:10px;
}
a, svg, svg path, button, .lazy, .lazyloaded, header svg, .fiksionerMenu, .fiksionerMenu ul, .fiksionerMenu ul li a:not(:last-child):after, .fiksionerSearch .input, .fiksionerSearch .icon, .fiksionerShare a, .fiksionerShare i, #top-continue.continue a, #comment-holder .loadmore a, .FollowByEmail .submit, .BlogArchive select, .totop, .ignielMultiRelated, .ignielMultiRelated .icon{
transition:all .2s ease;
}
header{
background-color:#ffffff;
margin:auto;
top:0;
transition:all .3s ease-in-out;
z-index:2;
}
header.shadow{
box-shadow:0 1px 5px rgba(0,0,0,.3);
}
header svg{
width:1.5rem;
height:1.5rem;
vertical-align:-.5rem;
}
header svg path{
fill:#36383a;
}
header .section, main, .fiksionerAdditional .section, footer .inner{
max-width:calc(980px + 6rem);
}
.fiksionerMenu ul li, .fiksionerSearch form{
line-height:50px;
}
.fiksionerSearch .icon{
line-height:47px;
}
header .section{
height:50px;
margin:auto;
padding:0 2rem;
}
.Header{
align-self:center;
margin-right:3rem;
}
#header img{
max-height:27px;
max-width:300px;
vertical-align:middle;
}
#header h1, #header h2, #header h1 a, #header h2 a{
font-size:1.5rem;
margin:0;
overflow:hidden;
text-overflow:ellipsis;
text-transform:uppercase;
white-space:nowrap;
max-width:65vw;
}
#header .widget{
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}
#header h1, #header h2, #header h1 a, #header h2 a, .fiksionerMenu, .fiksionerMenu a, .fiksionerMenu label{
color:#36383a;
}
.fiksionerMenu label{
cursor:pointer;
}
.fiksionerMenu a, .fiksionerMenu li label{
padding:0 .9rem;
white-space:nowrap;
}
.fiksionerMenu ul{
padding:0;
}
.fiksionerMenu ul, .fiksionerMenu li{
list-style:none;
list-style-type:none;
margin:0;
}
.fiksionerMenu ul li{
cursor:pointer;
white-space:nowrap;
}
.fiksionerMenu ul li:hover, .fiksionerMenu ul li.open{
background-color:rgba(255,255,255,.05);
}
.fiksionerMenu ul li a:not(:last-child):after{
background-color:#36383a;
color:#36383a;
clip-path:polygon(50% 100%, 0% 0, 100% 0);
-webkit-clip-path:polygon(50% 100%, 0% 0, 100% 0);
width:.5rem;
height:.35rem;
margin-left:.5rem;
}
.fiksionerMenu ul li:hover a:not(:last-child):after, .fiksionerMenu ul li.open a:not(:last-child):after{
transform:rotate(180deg);
}
.fiksionerMenu ul li ul{
background-color:#36383a;
left:0;
min-width:100%;
opacity:0;
transform:translateY(-1rem);
-webkit-transform:translateY(-1rem);
transition:all .3s ease-in-out 0s;
visibility:hidden;
}
.fiksionerMenu ul li ul li a, .fiksionerMenu ul li ul li a:hover{
color:#ffffff;
}
.fiksionerMenu ul li:hover > ul{
opacity:1;
visibility:visible;
transform:translateY(0px);
-webkit-transform:translateY(0px);
}
.fiksionerSearch form{
display:inline-table;
margin:auto;
right:2rem;
top:0;
bottom:0;
}
.fiksionerSearch .input{
background-color:transparent;
line-height:35px;
padding:0;
margin-right:-1px;
width:0;
}
.fiksionerSearch .input::placeholder{
color:#36383a;
opacity:.75;
}
.fiksionerSearch .check:checked ~ .input, .fiksionerSearch .input:focus{
background-color:#ffffff;
border-bottom:1px solid #36383a;
color:#36383a;
padding-right:2.5rem;
width:calc(980px + 2.1rem);
}
.fiksionerSearch .icon{
float:right;
cursor:pointer;
right:0;
}
main{
background-color:#ffffff;
margin:auto;
padding:1.5rem 2rem;
z-index:1;
}
.fiksioner{
width:100%;
max-width:100%;
}
#main{
float:left;
margin:0 2rem 0 0;
width:calc(100% - (300px + 2rem));
max-width:680px;
}
.page #main{
width:100%;
max-width:100%;
margin:0;
}
.post-filter-message{
margin-bottom:2.25rem;
text-align:center;
}
.post-filter-message span{
text-transform:none;
font-style:italic;
}
.post-filter-message span:after{
border-bottom:3px solid #946c5f;
position: absolute;
left:0;
bottom:-7px;
width:100%;
}
.post-filter-message .view{
margin:1rem 0 0;
}
.post-filter-message .view a{
background-color:#efefef;
color:#4b4f56;
padding:.2rem .75rem;
}
.status-msg-body{
text-align:center;
}
.status-msg-body:before{
content:'404';
font-size:7rem;
line-height:initial;
}
.status-msg-body .error{
font-size:7rem;
}
.status-msg-body .text{
font-size:150%;
}
.status-msg-body .infos{
margin-top:20px;
}
.Blog article:not(:last-child), .infeed{
margin-bottom:3rem;
}
.single .Blog article{
margin-bottom:0;
}
.info, .info a, .breadcrumb, .breadcrumb a{
color:#666666;
}
.info a:hover, .breadcrumb a:hover, #comments .user a:hover, #comments .comment-timestamp a:hover, #comments .datetime a:hover{
text-decoration:underline;
}
.Blog .post-outer{
grid-template-areas:'title thumbnail' 'info thumbnail' 'inner thumbnail';
grid-template-columns:1fr auto;
grid-template-rows:auto auto 1fr;
margin-top:.5rem;
}
.FeaturedPost .post-outer{
background:linear-gradient(to top, rgba(0,0,0,.85) 15%, rgba(0,0,0,.65) 60%, transparent 100%);
background:-webkit-linear-gradient(bottom, rgba(0,0,0,.85) 15%, rgba(0,0,0,.65) 60%, transparent 100%);
border-radius:0 0 10px 10px;
bottom:0;
padding:1.5rem;
width:100%;
z-index:1;
}
.FeaturedPost .nothumb .post-outer{
position:static;
}
.post-inner{
grid-area:inner;
margin-top:.25rem;
text-align:justify;
word-break:break-word;
}
.FeaturedPost article{
margin-bottom:2rem;
}
.snippet-thumbnail{
grid-area:thumbnail;
line-height:0;
}
.snippet-thumbnail img, .PopularPosts img, .fiksionerRelated img{
object-fit:cover;
}
.FeaturedPost img{
width:100vw;
}
.Blog .snippet-thumbnail{
margin-left:2rem;
}
.FeaturedPost .snippet-thumbnail{
margin-top:0;
overflow:hidden;
}
.info{
grid-area:info;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.info a, .breadcrumb a{
padding:1rem 0;
}
.breadcrumb{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.post-timestamp{
cursor:help;
}
.info > span:not(:first-child):before{
content:'\2014';
margin:0px 3px;
}
.entry-title{
font-size:1.3rem;
grid-area:title;
line-height:1.75rem;
margin:0;
padding-bottom:.25rem;
}
.single .entry-title{
font-size:2rem;
line-height:2.75rem;
margin:.25rem 0;
}
.FeaturedPost .entry-title{
font-size:1.5rem;
line-height:2rem;
padding-bottom:.5rem;
}
.single .entry-content{
color:#4b4f56;
margin-top:1.25rem;
line-height:1.75rem;
word-break:break-word;
}
.aTop, .aBottom{
margin:1rem 0;
}
.post-body table{
width:100%;
margin:20px 0;
}
.post-body table th{
padding:10px;
border:1px solid #946c5f;
}
.post-body table th:not(:last-child){
border-right-color:#cccccc;
}
.post-body table td{
border:1px solid #cccccc;
padding:10px;
}
.post-body table tr:nth-child(odd){
background-color:#f1f1f1;
}
.post-body .separator a{
margin:0 !important;
}
.post-body pre, .post-body pre code{
overflow:auto;
user-select:text;
-webkit-user-select:text;
-khtml-user-select:text;
-moz-user-select:text;
-ms-user-select:text;
}
.post-body pre{
background-color:#353844;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
margin:.5em auto;
padding:0;
tab-size:2;
-moz-tab-size:2;
-o-tab-size:2;
white-space:pre;
width:100%;
word-break:normal;
word-wrap:break-word;
}
.post-body pre code{
background-color:transparent;
border:none;
color:#eeeeee;
line-height:1.5rem;
max-height:300px;
padding:.75rem 1.25rem;
}
.post-labels{
margin-top:.5rem;
}
.post .post-labels{
margin-top:1rem;
}
.post-labels a, #blog-pager a, #blog-pager >*, #blog-pager.numbering .right >*, .Label .cloud-label-widget-content a, .BlogArchive select, #comments .comment .comment-actions a{
background-color:#efefef;
}
.post-labels a, #blog-pager >*, #blog-pager.numbering .right >*, .BlogArchive select, #comments .comment .comment-actions a{
line-height:normal;
padding:.5rem .75rem;
}
.post-labels a, #blog-pager a, #blog-pager.numbering, #comments .comment .comment-actions a{
color:#666666;
}
.post-labels a{
margin-bottom:.5rem;
}
.post-labels a:hover, #blog-pager a:hover, .Label a:hover, #blog-pager.numbering .right a:hover, #comments .comment .comment-actions a:hover{
text-decoration:none;
}
.post-labels a:before{
content:'#';
margin-right:.15rem;
}
.post-labels a:not(:last-child){
margin-right:.5rem;
}
.post-location, .post-reaction, .fiksionerShare, .fiksionerAuthor{
margin-top:1.35rem;
}
.post-location .label, .post-reaction .label{
margin-right:.25rem;
white-space:nowrap;
}
.post-reaction{
position:relative;
}
.post-reaction:after{
content:'';
background:linear-gradient(to right, transparent, #ffffff);
background:-webkit-linear-gradient(left, transparent, #ffffff);
position:absolute;
right:0;
top:0;
height:100%;
width:3rem;
}
.post-reaction .iframe{
overflow:auto;
}
.post-reaction iframe{
height:1.5rem;
margin-top:.5rem;
width:auto;
}
.post-reaction svg{
min-height:1.15rem;
height:1.15rem;
min-width:1.15rem;
width:1.15rem;
margin-right:.25rem;
}
.post-reaction svg path{
fill:#36383a;
}
.fiksionerShare svg{
width:1.25rem;
height:1.25rem;
vertical-align:-.25rem;
}
.fiksionerShare svg path{
fill:#ffffff;
}
.fiksionerShare .facebook{
background-color:#3a579a;
}
.fiksionerShare .twitter{
background-color:#00abf0
}
.fiksionerShare .pinterest{
background-color:#cd1c1f
}
.fiksionerShare .linkedin{
background-color:#2554BF;
}
.fiksionerShare .telegram{
background-color:#0088cc;
}
.fiksionerShare .whatsapp{
background-color:#4dc247;
}
.fiksionerShare .text{
margin-bottom:0;
margin-right:1rem;
}
.fiksionerShare a{
padding:.5rem .35rem;
width:100%;
text-align:center;
white-space:nowrap;
}
.fiksionerShare a:not(:last-child){
margin-right:.35rem;
}
.fiksionerShare i{
font-style:normal;
margin:0 .35rem;
}
.fiksionerAuthor{
border-top:1px solid #cccccc;
align-items:flex-start;
justify-content:flex-start;
padding-top:1.35rem;
}
.fiksionerAuthor .left{
margin-right:1rem;
}
.fiksionerAuthor img{
max-width:65px;
}
.fiksionerAuthor .author-name{
margin-bottom:0;
}
.fiksionerAuthor .author-desc{
line-height:1.35rem;
margin-top:.35rem;
}
.fiksionerRelated{
margin-top:2.5rem;
}
.fiksionerRelated img{
width:75px;
height:75px;
}
.fiksionerRelated .title{
margin-bottom:1.5rem;
}
.fiksionerRelated a{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
.fiksionerRelated ul{
grid-template-columns:repeat(2, 1fr);
margin:20px 0 0;
padding:0;
column-gap:1.5rem;
row-gap:1.25rem;
}
.fiksionerRelated ul.noimage li{
counter-increment:fiksionerRelated;
}
.fiksionerRelated ul.noimage li:before{
content:'0'counter(fiksionerRelated);
}
.fiksionerRelated .thumb{
flex-shrink:0;
margin-right:1rem;
overflow:hidden;
line-height:0;
}
#blog-pager{
justify-content:space-between;
margin-top:2.25rem;
text-transform:uppercase;
}
#blog-pager.numbering{
text-transform:none;
}
#blog-pager .nolink, #blog-pager.numbering .selected{
cursor:not-allowed;
}
#blog-pager .newest{
visibility:hidden;
}
#blog-pager.numbering .right >*:not(:last-child), #blog-pager.numbering .left{
margin-right:.5rem;
}
#blog-pager.numbering .right >*, #blog-pager.numbering .left{
margin-bottom:.5rem;
}
#blog-pager.numbering .right{
background-color:transparent;
padding:0;
}
#comments{
margin-top:2.5rem;
}
#comments .comment-form{
margin-top:1rem;
}
#comments ol > li:first-child{
margin-top:1.5rem;
}
#comments ol > li{
margin-top:3rem;
}
#comment-editor{
margin-top:2rem;
}
#comments .comment-replybox-single #comment-editor{
margin:1rem 0 .5rem 50px;
width:calc(100% - 50px);
}
#comments .comment-thread ol{
margin:0;
padding:0;
}
#comments .comment-replies ol li{
padding-top:1rem;
}
#comments .comment-replies ol li:after{
border-top:1px solid #cccccc;
bottom:0;
left:-2rem;
top:2rem;
width:1rem;
height:auto;
margin-top:0;
opacity:1;
visibility:visible;
}
#comments .comment-thread .comment-replies{
margin-left:50px;
}
#comments .comment{
list-style-type:none;
padding:0 0 2.5rem;
position:relative
}
#comments .comment .comment{
padding-bottom:0;
}
.comment .avatar-image-container{
left:0;
width:35px;
height:35px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z' fill='%23777'/%3E%3C/svg%3E") center / 35px no-repeat;
}
.comment .avatar-image-container .avatar-icon{
border-radius:50%;
border:solid 1px #666666;
box-sizing:border-box;
fill:#666666;
height:35px;
margin:0;
padding:7px;
width:35px
}
#comments .comments-content .icon.blog-author:before{
background-color:#ffffff;
border-radius:100px;
height:17px;
width:17px;
left:27px;
}
#comments .comments-content .icon.blog-author:after{
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z' fill='%23118ff9'/%3E%3C/svg%3E") center no-repeat;
height:17px;
width:17px;
left:27px;
}
#comments .comment-block{
margin-left:50px;
}
#comments .comment-block:before{
border-left:1px solid #cccccc;
bottom:40px;
left:18px;
top:50px;
height:auto;
margin-top:0;
opacity:1;
visibility:visible;
}
#comments .comment:target::before{
height:0;
margin-top:0;
}
#comments .comment-author-header-wrapper{
margin-left:40px
}
.comment-header{
margin-bottom:.35rem;
}
#comments .comment-header .user, #comments .comment-header .user a{
font-style:normal;
}
#comments .comment .comment-actions{
bottom:0;
left:0;
}
#comments .comment .comment-actions>*{
text-transform:uppercase;
}
#comments .datetime{
margin-left:.5rem;
}
#comments .datetime, #comments .comment-timestamp a, #comments .datetime a{
color:#666666;
}
#comments .datetime:before{
content:'(';
}
#comments .datetime:after{
content:')';
}
#comments .comment .comment-content, .comment .comment-body{
color:#4b4f56;
line-height:1.75rem;
margin:0;
word-break:break-word;
}
.comment-body{
margin-bottom:10px
}
.comments .comments-content .loadmore.loaded{
max-height:0;
opacity:0;
overflow:hidden
}
.item-view #comments .comment-form h4{
clip:rect(1px,1px,1px,1px);
padding:0;
border:0;
height:1px;
width:1px;
overflow:hidden
}
#comments .item-control{
margin-left:.5rem;
}
#top-continue.continue, #comment-holder .loadmore{
margin:20px auto;
text-align:center;
text-transform:capitalize;
}
#top-continue.continue a, #comment-holder .loadmore a{
padding:.5rem .75rem;
}
.fiksionerAdditional{
background-color:#dddddd;
color:#606060;
}
.fiksionerAdditional .section, footer .inner{
margin:auto;
padding:1rem 2rem;
}
.fiksionerAdditional .menu, .fiksionerAdditional .social{
align-self:flex-end;
text-align:right;
}
.fiksionerAdditional .title{
margin-bottom:10px;
}
.fiksionerAdditional .section{
grid-column-gap:2rem;
grid-template-areas:'subs menu' 'subs social';
grid-template-columns:1fr 1fr;
grid-template-rows:1fr 1fr;
}
.fiksionerAdditional .FollowByEmail{
grid-area:subs;
}
.fiksionerAdditional .menu{
grid-area:menu;
}
.fiksionerAdditional .menu a{
color:#606060;
}
.fiksionerAdditional .menu a:not(:last-child){
margin-right:3px;
}
.fiksionerAdditional .menu a:not(:last-child):after{
background-color:#606060;
width:3px;
height:3px;
margin-left:5px;
vertical-align:middle;
border-radius:100px;
}
.fiksionerAdditional .social{
grid-area:social;
}
.fiksionerAdditional .social a:not(:last-child){
margin-right:10px;
}
.fiksionerAdditional .social svg{
width:25px;
height:25px;
}
.fiksionerAdditional .social svg path{
fill:#606060;
}
.fiksionerAdditional .social a:hover svg path{
fill:#946c5f ;
}
footer{
background-color:#946c5f;
color:#ffffff;
line-height:1.35rem;
}
footer a, footer a:hover{
color:#000000;
}
footer a:hover{
text-decoration:underline;
}
.widget .title{
border-bottom:2px solid #946c5f;
display:table;
margin-bottom:1rem;
padding-bottom:.5rem;
}
.FeaturedPost .title{
border-color:#ffffff;
}
.fiksionerAdditional .title{
border:0;
display:block;
padding-bottom:0;
text-align:center;
}
#billboard{
margin:auto;
text-align:center;
}
.billboard .widget-content{
margin-bottom:2rem;
}
.aMiddle .widget-content{
margin:1rem 0;
}
.sidebar{
float:right;
width:300px;
}
.sidebar .widget{
margin-bottom:40px;
}
.sidebar .widget ol, .sidebar .widget ul, .sidebar .widget li{
margin:0;
padding:0;
list-style-position:inside;
}
#sidebarSticky{
clear:right;
float:right;
top:60px;
}
.PopularPosts ul, .Feed ul{
grid-template-columns:repeat(1, 1fr);
}
.PopularPosts ul{
grid-gap:1.5rem;
}
.PopularPosts ul.noimage, .Feed ul{
grid-gap:1rem;
}
.PopularPosts ul li, .Feed ul li, .fiksionerRelated ul li{
list-style:none;
list-style-type:none;
}
.PopularPosts ul.noimage li{
counter-increment:fiksionerPopular;
}
.PopularPosts ul.noimage li:before, .fiksionerRelated ul.noimage li:before{
font-size:1.75rem;
margin-bottom:0;
margin-right:.85rem;
margin-top:.15rem;
}
.PopularPosts ul.noimage li:before{
content:counter(fiksionerPopular);
}
.PopularPosts ul.noimage a, .Feed .item-title{
font-family:inherit;
}
.PopularPosts .thumbnail{
margin-bottom:.25rem;
}
.PopularPosts .entry{
line-height:1.35rem;
}
.PopularPosts ul.noimage .entry{
line-height:inherit;
}
.PopularPosts .snippet{
color:#666666;
line-height:1.25rem;
margin-top:.25rem;
}
.Feed .item-date, .Feed .item-author{
color:#666666;
}
.Label svg, .BlogArchive svg{
min-width:1rem;
width:1rem;
height:1rem;
vertical-align:middle;
margin-right:.5rem;
}
.Label svg path, .BlogArchive svg path{
fill:#946c5f;
}
.Label ul, .BlogArchive .flat ul{
list-style:none;
list-style-type:none;
}
.Label ul li, .BlogArchive .flat ul li{
width:calc(50% - 15px);
margin-bottom:10px !important;
}
.Label ul li:nth-child(odd), .BlogArchive .flat ul li:nth-child(odd){
margin-right:30px !important;
}
.Label ul li a, .BlogArchive .flat ul li a{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%;
}
.Label .cloud-label-widget-content a{
flex-grow:1;
margin-bottom:.35rem;
margin-right:.35rem;
padding:.25rem .6rem;
text-align:center;
}
.Label .label-count, .BlogArchive .flat .post-count{
color:#666666;
font-size:.65rem;
margin-left:7px;
}
.Label .label-count:before, .BlogArchive .post-count:before{
content:'(';
}
.Label .label-count:after, .BlogArchive .post-count:after{
content:')';
}
.BlogArchive ul, .BlogArchive li{
list-style:none;
list-style-type:none;
}
.BlogArchive .post-count{
margin-left:5px;
}
.BlogArchive .hierarchy-title{
line-height:1.75rem;
}
.BlogArchive .hierarchy-content{
margin-left:1rem;
}
.BlogArchive .hierarchy-content .hierarchy-content{
margin-left:0;
}
.BlogArchive .hierarchy-content .hierarchy-content ul.posts li{
counter-reset:li;
counter-increment:fiksionerArchive;
}
.BlogArchive .hierarchy-content .hierarchy-content ul.posts li:before{
content:counter(fiksionerArchive) ".";
margin-right:7px;
}
.BlogArchive .hierarchy-content .hierarchy-content ul.posts li:last-child{
margin-bottom:10px !important;
}
.BlogArchive select{
border:0;
cursor:pointer;
width:100%;
}
.Profile .title{
margin-left:auto;
margin-right:auto;
}
.Profile .widget-content{
text-align:center;
}
.Profile svg{
height:1.25rem;
width:1.25rem;
margin-right:.25rem;
vertical-align:-.25rem;
}
.Profile svg path{
fill:#666666;
}
.Profile .default-avatar svg{
width:4rem;
height:4rem;
}
.Profile .default-avatar svg path{
fill:#eb633a;
}
.Profile img{
margin-bottom:.35rem;
}
.Profile .name{
margin-bottom:.35rem;
}
.Profile .location{
color:#666666;
}
.Profile dl, .Profile dt, .Profile dd{
margin:0;
}
.Profile dl{
margin-bottom:.85rem;
}
.Profile .profile-textblock{
font-style:italic;
margin-top:.5rem;
}
.Profile .profile-link{
border:1px solid #946c5f;
font-size:.85em;
padding:.35rem .75rem;
}
.FollowByEmail .widget-content{
border:1px solid #cccccc;
padding:.75rem;
}
.fiksionerAdditional .FollowByEmail .widget-content{
border:0;
margin-bottom:.5rem;
padding:0
}
.FollowByEmail .follow-by-email-address{
background-color:#efefef;
margin-bottom:.75rem;
padding:.5rem .75rem;
width:100%;
}
.fiksionerAdditional .FollowByEmail .follow-by-email-address{
background-color:#ffffff;
border-radius:25px 0 0 25px;
height:2.5rem;
margin-bottom:0;
padding:.75rem 1rem;
}
.FollowByEmail .submit{
padding:.5rem .75rem;
width:100%;
}
.fiksionerAdditional .FollowByEmail .submit{
background-color:#606060;
border-radius:0 25px 25px 0;
height:2.5rem;
padding:0 .75rem;
width:auto;
}
.totop{
background:#946c5f url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;
background-size:1.5rem;
bottom:100px;
cursor:pointer;
height:2.5rem;
opacity:0;
position:fixed;
right:50px;
visibility:hidden;
width:2.5rem;
z-index:99;
}
.totop.show{
bottom:50px;
opacity:.75;
visibility:visible;
}
.totop.show:hover{
opacity:1;
}
/* Multiple Related Posts by igniel.com */
.ignielMultiRelated {box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.9); border-left:3px solid #946c5f; margin:10px 0;}
.ignielMultiRelated .content {padding:.5rem .75rem;}
.ignielMultiRelated .icon {border-radius:0 3px 3px 0; height:auto; min-width:50px; background:#946c5f url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat;}
[dir="rtl"] .Header{
margin-left:3rem;
margin-right:0;
}
[dir="rtl"] #main{
float:right;
margin-left:2rem;
margin-right:0;
}
[dir="rtl"] .fiksionerSearch form{
left:2rem;
right:unset;
}
[dir="rtl"] .fiksionerSearch .icon{
float:left;
left:0;
right:unset;
}
[dir="rtl"] .fiksionerSearch .check:checked ~ .input, [dir="rtl"] .fiksionerSearch .input:focus{
padding-left:2.5rem;
padding-right:0;
}
[dir="rtl"] .fiksionerMenu ul li a:not(:last-child):after{
margin-left:0;
margin-right:.5rem;
}
[dir="rtl"] .Blog .snippet-thumbnail{
margin-left:0;
margin-right:2rem;
}
[dir="rtl"] .post-labels a:not(:last-child){
margin-left:.5rem;
margin-right:0;
}
[dir="rtl"] .post-reaction svg, [dir="rtl"] .post-location .label, [dir="rtl"] .post-reaction .label{
margin-left:.25rem;
margin-right:0;
}
[dir="rtl"] #blog-pager.numbering .right >*:not(:last-child), [dir="rtl"] #blog-pager.numbering .left{
margin-left:.5rem;
margin-right:0;
}
[dir="rtl"] .ignielMultiRelated{
border-left:0;
border-right:3px solid #946c5f;
}
[dir="rtl"] blockquote:before{
left:unset;
right:1rem;
}
[dir="rtl"] blockquote{
padding-left:1.25rem;
padding-right:4rem;
}
[dir="rtl"] .fiksionerAuthor .left, [dir="rtl"] .fiksionerShare .text, [dir="rtl"] .fiksionerRelated .thumb{
margin-left:1rem;
margin-right:0;
}
[dir="rtl"] .fiksionerShare a:not(:last-child){
margin-left:.35rem;
margin-right:0;
}
[dir="rtl"] .PopularPosts ul.noimage li:before, [dir="rtl"] .fiksionerRelated ul.noimage li:before{
margin-left:.85rem;
margin-right:0;
}
[dir="rtl"] .post-reaction:after{
background:linear-gradient(to left, transparent, #ffffff);
background:-webkit-linear-gradient(right, transparent, #ffffff);
left:0;
right:unset;
}
[dir="rtl"] .Label ul li:nth-child(odd), [dir="rtl"] .BlogArchive .flat ul li:nth-child(odd){
margin-left:30px !important;
margin-right:0 !important;
}
[dir="rtl"] .Label .cloud-label-widget-content a{
margin-left:.35rem;
margin-right:0;
}
[dir="rtl"] .Label svg, [dir="rtl"] .BlogArchive svg{
margin-left:.5rem;
margin-right:0;
}
[dir="rtl"] .BlogArchive .hierarchy-content{
margin-left:0;
margin-right:1rem;
}
[dir="rtl"] .fiksionerAdditional .menu, [dir="rtl"] .fiksionerAdditional .social{
text-align:left;
}
[dir="rtl"] .fiksionerAdditional .social a:not(:last-child){
margin-left:10px;
margin-right:0;
}
[dir="rtl"] .fiksionerAdditional form{
flex-direction:row-reverse;
}
[dir="rtl"] #comments .comment-block, [dir="rtl"] #comments .comment-thread .comment-replies{
margin-left:0;
margin-right:50px;
}
[dir="rtl"] #comments .datetime {
margin-left:0;
margin-right:.5rem;
}
[dir="rtl"] .comment .avatar-image-container{
left:unset;
right:0;
}
[dir="rtl"] #comments .comments-content .icon.blog-author:before, [dir="rtl"] #comments .comments-content .icon.blog-author:after{
left:unset;
right:27px;
}
[dir="rtl"] #comments .comment-block:before{
left:unset;
right:18px;
}
[dir="rtl"] #comments .comment-replies ol li:after{
left:unset;
right:-2rem;
}
[dir="rtl"] #comments .comment .comment-actions{
left:unset;
right:0;
}
[dir="rtl"] .BlogArchive .hierarchy-content .hierarchy-content ul.posts li:before{
margin-left:7px;
margin-right:0;
}
@media screen and (max-width:1024px){
#header h1, #header h2, #header h1 a, #header h2 a{
text-align:center;
}
.fiksionerMenu label, .fiksionerMenu ul, .fiksionerMenu ul li{
display:block;
}
.fiksionerMenu ul li ul{
background-color:transparent;
}
#header .widget{
margin-left:-24px;
}
.Blog .post-outer{
grid-template-columns:1fr 1fr;
}
header .section{
justify-content:space-between;
}
.fiksionerMenu{
align-self:center;
order:1;
}
.fiksionerMenu ul{
background-color:#36383a;
border-radius:5px;
opacity:0;
visibility:hidden;
left:0;
position:absolute;
top:37px;
transform:translateY(-1rem);
transition:all .2s ease-in-out;
-webkit-transform:translateY(-1rem);
}
.fiksionerMenu ul li{
line-height:2.75rem;
min-width:50vw;
}
.fiksionerMenu ul li a, .fiksionerMenu ul li a:hover{
color:#ffffff;
}
.fiksionerMenu ul li ul, .fiksionerMenu ul li:hover > ul{
transform:unset;
-webkit-transform:unset;
}
.fiksionerMenu ul li ul{
border-radius:0;
max-height:0;
overflow:hidden;
position:static;
}
.fiksionerMenu > .check:checked ~ ul, .fiksionerMenu ul li ul{
opacity:1;
visibility:visible;
}
.fiksionerMenu ul li ul li a{
padding-left:3rem;
}
.fiksionerMenu ul li a:not(:last-child):after{
background-color:#ffffff;
margin-left:auto;
}
.fiksionerMenu > .check:checked ~ ul{
transform:translateY(0);
-webkit-transform:translateY(0);
z-index:1;
}
.Header{
margin-right:0;
order:2;
}
.fiksionerSearch{
order:3;
}
.fiksionerSearch .check:checked ~ .input, .fiksionerSearch .input:focus{
width:calc(100vw - 4rem);
}
[dir="rtl"] #header .widget{
margin-left:24px;
}
[dir="rtl"] .fiksionerMenu ul{
left:unset;
right:0;
}
[dir="rtl"] .fiksionerMenu ul li ul li a{
padding-left:0;
padding-right:3rem;
}
}
@media screen and (max-width:950px){
header .section{
padding:0 2rem;
}
.billboard .widget-content{
margin:1.5rem 0;
}
main{
padding:0 2rem 2rem;
}
.fiksioner{
margin-top:0;
}
#main, .sidebar, [dir="rtl"] #main{
float:none;
}
#main{
margin:0 0 2.5rem;
width:auto;
max-width:100%;
}
.sidebar{
width:auto;
margin:auto;
}
#sidebarSticky{
position:static;
}
.FeaturedPost article{
margin-bottom:0;
}
.Blog{
margin-top:2rem;
}
.Blog .post-outer{
grid-column-gap:3rem;
grid-template-columns:1fr auto;
}
.PopularPosts ul{
grid-template-columns:repeat(2, 1fr);
}
.PopularPosts ul.noimage{
grid-template-columns:repeat(1, 1fr);
}
.PopularPosts img{
width:100vw;
}
.fiksionerAdditional .section{
grid-template-columns:1fr auto;
}
[dir="rtl"] #main{
margin-left:0;
}
}
@media screen and (max-width:640px){
.Blog article, .fiksionerAdditional .section, footer .inner{
display:block;
}
blockquote{
font-size:17px;
}
.Blog .post-outer{
grid-template-columns:1fr 1fr;
}
.post .Blog article:not(:last-child), .page .Blog article:not(:last-child){
margin-bottom:0;
padding-bottom:0;
}
.fiksionerShare a{
padding:.35rem;
}
.fiksionerShare i{
display:none;
}
.fiksionerAdditional .section{
padding:15px 20px 10px;
}
.fiksionerAdditional .menu, .fiksionerAdditional .social, [dir="rtl"] .fiksionerAdditional .menu, [dir="rtl"] .fiksionerAdditional .social{
text-align:center;
}
.fiksionerAdditional .FollowByEmail{
margin-bottom:1rem;
}
.fiksionerAdditional .social{
margin-top:.5rem;
}
footer .inner{
text-align:center;
}
}
@media screen and (max-width:568px){
figcaption{
margin:0 20px;
}
header .section{
padding:0 20px;
}
.fiksionerSearch form{
right:20px;
}
.fiksionerSearch .check:checked ~ .input, .fiksionerSearch .input:focus{
width:calc(100vw - 40px);
}
.fiksionerMenu ul{
border-radius:0;
left:-20px;
}
.fiksionerMenu ul li{
min-width:100vw;
}
.fiksionerMenu a, .fiksionerMenu li label{
padding:0 20px;
}
.billboard .widget-content{
margin:1rem 0;
}
main{
padding:0 20px 20px;
}
.Blog{
margin-top:20px;
}
.Blog article:not(:last-child), .infeed{
margin-bottom:2rem;
}
.FeaturedPost article{
margin-left:-20px;
max-width:calc(100% + 40px);
width:calc(100% + 40px);
}
.Blog .post-outer{
grid-template-columns:auto;
grid-template-rows:auto auto auto;
grid-template-areas:'title' 'info' 'thumbnail' 'inner';
margin-top:.25rem;
}
.snippet-thumbnail{
margin:.5rem 0;
}
.Blog .snippet-thumbnail{
margin-left:0;
}
.snippet-thumbnail img{
height:46vw;
width:100vw;
}
.FeaturedPost .snippet-thumbnail img{
border-radius:0;
height:51vh;
}
.entry-title, .FeaturedPost .entry-title{
font-size:1.25rem;
line-height:1.75rem;
}
.FeaturedPost .post-outer{
background:unset;
background-color:rgba(0,0,0,.5);
border-radius:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
align-content:center;
top:0;
}
.FeaturedPost .nothumb .post-outer{
border-radius:0;
}
.FeaturedPost .entry-title{
margin-bottom:0;
flex-basis:100%;
width:100%;
}
.single .entry-title{
font-size:1.5rem;
line-height:2rem;
}
.post-inner, .FeaturedPost .entry-content{
font-size:.9rem;
line-height:1.35rem;
}
.post-inner{
margin-top:0;
}
.Blog .entry-content{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
.single .entry-content{
display:block;
overflow:unset;
}
.labels{
margin-bottom:.5rem;
}
.PopularPosts ul{
grid-gap:1.5rem;
}
.fiksionerAdditional .section{
padding:15px 15px 10px;
}
.totop{
bottom:50px;
right:25px;
}
.totop.show{
bottom:25px;
}
.fiksionerRelated ul{
grid-gap:1rem;
grid-template-columns:repeat(1, 1fr);
}
.fiksionerRelated a{
-webkit-line-clamp:4;
}
[dir="rtl"] .fiksionerMenu ul{
right:-20px;
}
[dir="rtl"] .fiksionerSearch form{
left:20px;
}
[dir="rtl"] .FeaturedPost article{
margin-left:0;
margin-right:-20px;
}
[dir="rtl"] .Blog .snippet-thumbnail{
margin-right:0;
}
}
@media screen and (max-width:480px){
.PopularPosts ul{
grid-gap:2rem;
grid-template-columns:repeat(1, 1fr);
}
}
@media screen and (max-width:360px){
html, body{
font-size:14px;
}
header .section{
padding:0 15px;
}
.fiksionerSearch form{
right:15px;
}
.fiksionerSearch .check:checked ~ .input, .fiksionerSearch .input:focus{
width:calc(100vw - 30px);
}
.fiksionerMenu ul{
left:-15px;
}
.fiksionerMenu a, .fiksionerMenu li label{
padding:0 15px;
}
main{
padding:0 15px 15px;
}
.Blog{
margin-top:15px;
}
.FeaturedPost article{
margin-left:-15px;
max-width:calc(100% + 30px);
width:calc(100% + 30px);
}
figcaption{
margin:0 15px;
}
.labels a{
font-size:10px;
padding:4px 8px;
}
.Label a:before, .BlogArchive .flat ul li a:before{
min-width:7px;
min-height:7px;
width:7px;
height:7px;
}
.fiksionerAdditional .menu a:not(:last-child){
margin-right:1px;
}
.fiksionerAdditional .menu a:not(:last-child):after{
margin-left:3px;
}
[dir="rtl"] .fiksionerMenu ul{
right:-15px;
}
[dir="rtl"] .fiksionerSearch form{
left:15px;
}
}
@media screen and (max-width:320px){
html, body{
font-size:12px;
}
.fiksionerMenu ul{
top:35px;
}
.FeaturedPost .snippet-thumbnail img{
height:35vh;
}
}

--></style>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script type="text/javascript" language="javascript">
  // Supply ads personalization default for EEA readers
  // See https://www.blogger.com/go/adspersonalization
  adsbygoogle = window.adsbygoogle || [];
  if (typeof adsbygoogle.requestNonPersonalizedAds === 'undefined') {
    adsbygoogle.requestNonPersonalizedAds = 1;
  }
</script>


</head>
<body itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<div class='section' id='configuration'><div class='ignielLicense' data-version='2' id='HTML404'>
</div><div class='settings' data-version='2' id='HTML505'>

            <script>//<![CDATA[
              var config = {
                navigation: {
  postpage: 3,
  numpage: 3,
  prev: '‹',
  next: '›',
  totalpage: '/'
},
relatedpost: {
  image: true,
  num: 6,
  noimage: 'https://1.bp.blogspot.com/-fcqYJ8sOUtw/X0zEQsZWkVI/AAAAAAAAI24/hAq1jqHHAhYIZoRqkSsdlh3QBBfYcYAwgCLcBGAsYHQ/s150/fiksioner-no-image.png'
},
relatedpostMiddlePost: {
  num: 4,
  text: 'Related:'
}
              }
            //]]></script>
          </div>
<div class='widget LinkList' data-version='2' id='LinkList1'>
<script type='text/javascript'>   var commentsSystem = "blogger"; var noThumb = "//3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png";  </script>
</div><div class='widget Text' data-version='2' id='Text3'>
<h3 class='title'>
Featured Highlighted Categories
</h3>
<p class='widget-content'>You'll discover all of the most up-to-date bring innovative here.</p>
</div><div class='widget LinkList' data-version='2' id='LinkList2'>
<script type='text/javascript'>   var loadMorePosts = "Load More"; var relatedPostsText = "You May Like"; var relatedPostsNum = 3;  </script>
</div><div class='widget HTML sibForm' data-version='2' id='HTML21'>
<div class='widget-content' data-shortcode='(sibForm)'>
<div class='footer-email'>
<h3 class='footer-email-title'>
      The Most Recent and Exciting News
      </h3>
<span class='footer-email-caption'>Do you want to be creative? Subscribe to Our Newsletter!</span>
</div>
<div class='footer-email-inner'>
<form action='https://be075e8d.sibforms.com/serve/MUIEAM0UKoN8OYM0JwbWNEffDqBgBgDKuJOt8MUT4xRoZt3QnGcSULt4SVKnDSJl30T7PZ-eKk4PXiHDyV3BU0fJr73eLdUGXhTLY5oavcO0I0DDaUlnd-XplEBhe9k1b5XDK9wJAH9gvy-GA7URRf3g5eyiogd8rwaB4u3ZnL-pD73DxW7tElpKRwOK3unn0IDnjxF4QWXAhNjJ' method='post' name='sib-subscribe-form' novalidate='' onsubmit='window.open("https://be075e8d.sibforms.com/serve/MUIEAM0UKoN8OYM0JwbWNEffDqBgBgDKuJOt8MUT4xRoZt3QnGcSULt4SVKnDSJl30T7PZ-eKk4PXiHDyV3BU0fJr73eLdUGXhTLY5oavcO0I0DDaUlnd-XplEBhe9k1b5XDK9wJAH9gvy-GA7URRf3g5eyiogd8rwaB4u3ZnL-pD73DxW7tElpKRwOK3unn0IDnjxF4QWXAhNjJ", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'>
<input class='follow-by-email-address' name='EMAIL' placeholder='Email Address' type='email' value=''/>
<span class='bt-footer'><i class='fab fa-telegram-plane'></i><button class='follow-by-email-submit'>Submit</button></span>
</form>
<div class='Follow-by-alert'>* We promise that we don't spam !</div>
</div>
</div>
</div><div class='widget LinkList' data-version='2' id='LinkList3'>
<script type='text/javascript'> var fixedSidebar = true;   var fixedMenu = true;   var showMoreText = "Show More"; </script>
</div><div class='widget LinkList' data-version='2' id='LinkList7'>
<div class='widget-content'>
<ul class='colorful-ico colorful'>
<li class='facebook-f'><a class='facebook-f' href='https://www.pikitemplates.com/' rel='noopener noreferrer' target='_blank'></a></li><li class='twitter'><a class='twitter' href='https://www.pikitemplates.com/' rel='noopener noreferrer' target='_blank'></a></li><li class='youtube'><a class='youtube' href='https://www.pikitemplates.com/' rel='noopener noreferrer' target='_blank'></a></li><li class='instagram'><a class='instagram' href='https://www.pikitemplates.com/' rel='noopener noreferrer' target='_blank'></a></li><li class='reddit'><a class='reddit' href='https://www.pikitemplates.com/' rel='noopener noreferrer' target='_blank'></a></li>
</ul>
</div>
</div><div class='widget Image' data-version='2' id='Image21'>
<a class='SuperLogo-img' href='https://indogabut.blogspot.com/'>
<img alt='Indogabut' data-dark='https://blogger.googleusercontent.com/img/a/AVvXsEjwZUtY44QlMYjaZNNoMz2TCKUcVGjy8_mVJBOCT0XK8gzf4arApOilefiw7fLa1r_zz-rAPJPNUoHQLPAaugvNPh7qoT_oxO7u_xnafEkil4qP3-VzZ7y5bf7sipHpkJIkZfCARQCkk3HFre482EshpUE_S4OM9tEDV3dmkpWKBSaEgQUCVrSf3bpKeA' data-normal='https://blogger.googleusercontent.com/img/a/AVvXsEjwZUtY44QlMYjaZNNoMz2TCKUcVGjy8_mVJBOCT0XK8gzf4arApOilefiw7fLa1r_zz-rAPJPNUoHQLPAaugvNPh7qoT_oxO7u_xnafEkil4qP3-VzZ7y5bf7sipHpkJIkZfCARQCkk3HFre482EshpUE_S4OM9tEDV3dmkpWKBSaEgQUCVrSf3bpKeA' height='66' id='darkroom1' src='https://blogger.googleusercontent.com/img/a/AVvXsEjwZUtY44QlMYjaZNNoMz2TCKUcVGjy8_mVJBOCT0XK8gzf4arApOilefiw7fLa1r_zz-rAPJPNUoHQLPAaugvNPh7qoT_oxO7u_xnafEkil4qP3-VzZ7y5bf7sipHpkJIkZfCARQCkk3HFre482EshpUE_S4OM9tEDV3dmkpWKBSaEgQUCVrSf3bpKeA' width='290'>
</img>
<script type='text/javascript'>var darkImage = document.querySelector('#darkroom1'); (localStorage.getItem('mode')) === 'darkmode' ? darkImage.setAttribute("src", darkImage.getAttribute("data-dark")): darkImage.setAttribute("src", darkImage.getAttribute("data-normal"))</script>
</a>
</div><div class='widget ContactForm' data-version='2' id='ContactForm1'>
<h3 class='title'>
Contact form
</h3>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' placeholder='Nama' size='30' type='text' value=''/>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' placeholder='Email*' size='30' type='text' value=''/>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' placeholder='Pesan*' rows='5'>
Latest Posts

Apa itu Black Hat SEO? Teknik dan Contohnya

Author - admin 3/11/2023
Apa itu Black Hat SEO? Black Hat SEO adalah salah satu strategi SEO yang digunakan untuk meningkatkan peringkat situs agar mudah ditemukan di halaman…
seo-off-page
Apa itu Black Hat SEO? Teknik dan Contohnya
Apa Itu Query? Simak Penjelasan Lengkapnya Disini

Author - admin 3/10/2023
Apa Itu Query? Query adalah perintah untuk meminta informasi dalam sebuah database yang dapat dibuat menggunakan bahasa SQL untuk membuat laporan ata…
edukasi
Apa Itu Query? Simak Penjelasan Lengkapnya Disini
5 Contoh Cover Letter Bahasa Indonesia Fresh Graduate, Buat HRD Kepincut!

Author - admin 3/09/2023
Lulus kuliah atau ingin pindah tempat kerja membuka babak baru kehidupan karier Anda. Jika Anda adalah seorang pemula atau fresh graduate yang henda…
tips
5 Contoh Cover Letter Bahasa Indonesia Fresh Graduate, Buat HRD Kepincut!
Kenapa SEO Penting Untuk Bisnis? Simak Ulasannya

Author - admin 2/19/2023
Kenapa SEO Penting Untuk Bisnis? Dengan melakukan optimasi SEO, maka website berpeluang untuk mendapatkan trafik yang lebih banyak dari mesin pencari…
seo-on-page
Kenapa SEO Penting Untuk Bisnis? Simak Ulasannya
Apa itu Pay Per Click (PPC)? Kelebihan dan Kekurangan

Author - admin 2/19/2023
Apa itu Pay Per Click (PPC)? PPC kepanjangan dari pay per click adalah model digital advertising berbayar yang mengharuskan pengiklan membayar sejuml…
digital-marketing
Apa itu Pay Per Click (PPC)? Kelebihan dan Kekurangan
Apa itu Personal Branding? Pengertian dan Manfaat

Author - admin 2/19/2023
Apa itu Personal Branding? Neil Patel, pakar digital marketing, mendefinisikan personal branding adalah proses menciptakan citra atau image diri seor…
digital-marketing
Apa itu Personal Branding? Pengertian dan Manfaat
Apa itu Pivot Table? Manfaat dan Contohnya

Author - admin 2/18/2023
Apa itu Pivot Table? Dirangkum dari Tech Target, Pivot Table adalah salah satu fungsi di Excel untuk meringkas informasi yang ada di tabel database a…
edukasi
Apa itu Pivot Table? Manfaat dan Contohnya
Apa itu ROI (Return on Investment)? Pengertian dan Manfaat

Author - admin 2/18/2023
Apa itu ROI? ROI adalah singkatan dari Return On Investment yang merupakan rasio perhitungan efektivitas keuntungan finansial yang didapatkan dari se…
digital-marketing