<!DOCTYPE html>

<html class="v2"><head><title>Cara Kunci MAC Hotspot di Mikrotik Otomatis Bukan Manual - Maexproit.com</title><noscript></noscript></head><body><div class="navbar section" id="navbar"><div class="widget Navbar" id="Navbar1"><div id="navbar-iframe-container"></div></div></div><div id="header-container"><header id="header-wrapper"><div class="header section" id="header"><div class="widget Header" id="Header1"><div id="header-inner"><div class="titlewrapper"><p class="title"><a>Maexproit.com</a></p><div class="descriptionwrapper"><p class="description"><span>Maexproit.com - Berbagi berbagai informasi dari berbagai sumber informasi</span></p></div></div></div></div></div><nav id="cssmenu"><div id="head-mobile"></div><div class="button" id="menu-button"><span class="mline1"></span><span class="mline2"></span><span class="mline3"></span></div><ul><li><a>Beranda</a></li><li><a>Tutorial</a></li><li><a>Template Hotspot</a></li><li><a>Internet</a></li><li><a>Mikrotik</a></li><li><a>Kategori</a><ul><li><a>Android</a></li><li><a>Windows</a></li><li><a>Linux</a></li></ul></li></ul></nav><div class="search-icon"><a><svg><path></path></svg></a></div><div id="searchfs"><button class="close">×</button><form id="search-form"><input/><input/></form></div><div class="clear"></div></header></div><div id="wrapper"><div class="bellow-header-widget no-items section" id="bellow-header-widget"></div><div class="clear"></div><div id="post-wrapper"><div class="post-container"><div class="main section" id="main"><div class="widget Blog" id="Blog1"><div class="breadcrumbs"><span><a><span>Beranda</span></a></span>
  › 
			  <span><a><span>Internet</span></a></span>
  › 
			  <span><a><span>Jaringan</span></a></span>
  › 
			  <span><a><span>Mikrotik</span></a></span></div><div class="blog-posts"><div class="date-outer"><div class="date-posts"><div class="post-outer"><article class="post"><div><h1 class="post-title entry-title">
Cara Kunci MAC Hotspot di Mikrotik Otomatis Bukan Manual
</h1><div class="post-info info-3"><span class="author-info">
Ditulis
<a class="g-profile">
Fajar Nur Rokhman
</a></span><span class="time-info"><span class="updated published">
Selasa, 27 Oktober 2020
</span></span><span class="comment-info"><a>
 Tulis Komentar 
</a></span><span class="item-control blog-admin pid-1861157843"><span class="edit-post"><a><em>Edit</em></a></span></span></div><div id="baca-juga"></div><div class="post-body entry-content" id="post-body-278412534669711794"><div id="body-post-it"><div class="separator" style="clear: both; text-align: center;"><a style="margin-left: 1em; margin-right: 1em;"><img src="https://1.bp.blogspot.com/-ZyaHav14G6I/XSmbreKn76I/AAAAAAAAAeI/4llv--1KvmsbI1uqMbgK87FU6p1HkgJ0ACLcBGAs/s1600/MAC%2Bmaexproit%2Bcom.png"/></a></div><br/>
Apa itu lock MAC pada user hotspot? ( client hotspot )<br/>
Lock = Kunci , MAC = Media Access Controler ( HP / device )<br/>
Jadi pada intinya mengunci setiap setiap device yang terhubung sebagai client mikrotik.<br/>
contohnya nih, admin usernya : <b>test </b>dan passwordnya : <b>1 </b>.sedangkan MAC HP/Device nya <b>HK:23:41:23:ZC </b>maka user tersebut dapat terhubung JIKA, MAC nya benar atau bisa di sebut cocok dengan alamat device/perangkat tersebut. jika tidak sesuai maka user client hotspot akan di putus dan di block.<br/><br/>
Oke langsung saja scriptnya :<br/><br/>
SCRIPT :<br/><br/><b>:local a $user</b><br/><b>:local m [/ip hotspot active get [find user=$a] mac-address]</b><br/><b>:log info message=("MAC Terkunci Untuk : ;$a; ;$m;");</b><br/><b>/ip hotspot user set $a mac=$m;</b><br/><br/><br/>
Bagaimana isinya? dan dimana isi nya?<br/>
1. Masuk winbox .<br/>
2. IP &gt; Hotspot.<br/>
3. Pilih tap USERPROFILE. seperti gambar di bawah :<br/><div class="separator" style="clear: both; text-align: center;"><a style="margin-left: 1em; margin-right: 1em;"><img height="175" src="https://1.bp.blogspot.com/-xflpIn3reTs/XSma05qvCvI/AAAAAAAAAeA/zuzdIFTfHUMCSyQKuLos3hZby5MK6W--ACLcBGAs/s320/maexproit%2Bcom.PNG" width="320"/></a></div><br/>
Masukkan script diatas, sekian terimakasih semoga anti bobol. karena MAC ini khusus dan unique ....<br/><br/>
NB : Hal ini bisa saja di bobol ,karena hacker berkata : No System is SAFE ( tidak ada system yang aman ). sekian...<br/>
semoga bermanfaat :)<br/><br/>
SALAM.
</div><div style="clear: both;"></div><div id="share-container"><div class="label-line-c"><p class="share-this-pleaseeeee">Bagikan Artikel ini</p></div><div id="share"><a class="facebook"><svg><path></path></svg></a><a class="twitter"><svg><path></path></svg></a><a class="pinterest"><svg><path></path></svg></a><a class="whatsapp"><svg><path></path></svg></a></div></div><div class="related-post" id="related-post-278412534669711794"></div></div></div><div style="clear: both;"></div></article><div class="comments" id="comments"><h3>
Belum ada Komentar untuk "Cara Kunci MAC Hotspot di Mikrotik Otomatis Bukan Manual"
</h3><div id="Blog1_comments-block-wrapper"><dl class="avatar-comment-indent" id="comments-block"></dl></div><p class="comment-footer"><div class="comment-form"><h4 id="comment-post-message">Posting Komentar</h4><div class="pesan-komentar"></div><a id="comment-editor-src"></a><iframe class="blogger-iframe-colorize blogger-comment-from-post" height="410" id="comment-editor" src="" width="100%"></iframe></div></p><div id="backlinks-container"><div id="Blog1_backlinks-container"></div></div></div></div><div class="inline-ad"></div></div></div></div><div class="blog-pager" id="blog-pager"><span id="blog-pager-newer-link"><a class="blog-pager-newer-link" id="Blog1_blog-pager-newer-link">Posting Lebih Baru</a></span><span id="blog-pager-older-link"><a class="blog-pager-older-link" id="Blog1_blog-pager-older-link">Posting Lama</a></span><a class="home-link">Beranda</a></div><div class="clear"></div><div class="post-feeds"><div class="feed-links">
Langganan:
<a class="feed-link">Posting Komentar (Atom)</a></div></div></div></div><div class="iklan-atas section" id="iklan-atas"><div class="widget HTML" id="HTML996"><h2 class="title">Iklan Atas Artikel</h2><div class="widget-content"></div></div></div><div class="iklan-tengah1 section" id="iklan-tengah1"><div class="widget HTML" id="HTML997"><h2 class="title">Iklan Tengah Artikel 1</h2><div class="widget-content"></div></div></div><div class="iklan-tengah2 section" id="iklan-tengah2"><div class="widget HTML" id="HTML998"><h2 class="title">Iklan Tengah Artikel 2</h2><div class="widget-content"></div></div></div><div class="iklan-bawah section" id="iklan-bawah"><div class="widget HTML" id="HTML999"><h2 class="title">Iklan Bawah Artikel</h2><div class="widget-content"></div></div></div></div></div><aside id="sidebar-wrapper"><div class="sidebar-container"><div class="sidebar section" id="sidebar"><div class="widget Profile" id="Profile1"><h2>Mengenai Saya</h2><div class="widget-content"><a><img class="lazyload profile-img" height="80" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="80"/></a><dl class="profile-datablock"><dt class="profile-data"><a class="profile-name-link g-profile" style="background-image: url(//www.blogger.com/img/logo-16.png);">
Fajar Nur Rokhman
</a></dt><dd class="profile-data">Cilacap, Jawa Tengah, Indonesia</dd></dl><a class="profile-link">Lihat profil lengkapku</a></div></div><div class="widget Label" id="Label2"><h2>Label</h2><div class="widget-content list-label-widget-content"><ul><li><a>.htaccess</a><span>(2)</span></li><li><a>Android</a><span>(3)</span></li><li><a>Cpanel</a><span>(2)</span></li><li><a>editorhtaccess</a><span>(2)</span></li><li><a>Hosting</a><span>(1)</span></li><li><a>Hot News</a><span>(1)</span></li><li><a>htaccesseditor</a><span>(2)</span></li><li><a>Internet</a><span>(12)</span></li><li><a>Jaringan</a><span>(11)</span></li><li><a>Komputer</a><span>(2)</span></li><li><a>Linux</a><span>(2)</span></li><li><a>Materi</a><span>(3)</span></li><li><a>Mikrotik</a><span>(18)</span></li><li><a>Software</a><span>(1)</span></li><li><a>Template Hotspot</a><span>(6)</span></li><li><a>Tutorial</a><span>(4)</span></li><li><a>Windows</a><span>(2)</span></li></ul></div></div></div><div class="sidebar-sticky section" id="sidebar-sticky"><div class="widget PopularPosts" id="PopularPosts1"><h2>Popular Posts</h2><div class="widget-content popular-posts"><ul><li><div class="item-content"><div class="item-thumbnail"><a><img src="https://1.bp.blogspot.com/-a719v8rKBSs/W3U7F8zF37I/AAAAAAAAAHY/mUpBoaYiFPAHQ1z-TPM_kICoAGmICGJvgCPcBGAYYCw/w72-h72-p-k-no-nu/download%2B%25281%2529.jpg"/></a></div><div class="item-title"><a>Cegah Tetring Voucher Hotspot di Mikrotik</a></div><div class="item-snippet">      cara cegah sharing internet hotspot voucher dengan TTL script : #TTL #sebelum  copy paste, edit bagian ==&gt; dst-address= 191.168.100...</div></div><div style="clear: both;"></div></li><li><div class="item-content"><div class="item-thumbnail"><a><img src="https://1.bp.blogspot.com/-uDvm0gq8KOY/Xi2NK15saUI/AAAAAAAADD0/fsJ_A73RFAUWG5L5qnjx8MbXkBqXyI9bwCLcBGAsYHQ/w72-h72-p-k-no-nu/maexproitone.PNG"/></a></div><div class="item-title"><a>Template Login Hotspot Mikhmon Modified Gratis Lengkap Menu Dan Live Chat Serta Tanggal Waktu Expired</a></div><div class="item-snippet"> Hallo World! Kali ini saya akan share login page hotspot mikhmon mikrotik secara cuma-cuma atau bisa di sebut gratis dan juga banyak kata l...</div></div><div style="clear: both;"></div></li><li><div class="item-content"><div class="item-thumbnail"><a><img src="https://3.bp.blogspot.com/-jCBM2L3uSzg/XLolEQoSM9I/AAAAAAAAAYE/ZwZnixwHnQwX-kyCchNwXUj3jrvj9JiEgCLcBGAs/w72-h72-p-k-no-nu/1.PNG"/></a></div><div class="item-title"><a>Template Login Hotspot Mikhmon Modified Responsive dan Full Navigation Download Gratis</a></div><div class="item-snippet">    1. Login Page   Dilengkapi dengan :    - Login member   - Login voucher   - Harga paket ( Setting di paket-wifi.csv )   - Alamat   - Con...</div></div><div style="clear: both;"></div></li><li><div class="item-content"><div class="item-thumbnail"><a><img src="https://1.bp.blogspot.com/-ByElClGw5Mw/Xi5t8anwa7I/AAAAAAAADFY/buhpAci_x8ItKna4r_k-dPpdEJD5eNH6gCLcBGAsYHQ/w72-h72-p-k-no-nu/isolir.PNG"/></a></div><div class="item-title"><a>Cara Isolir Secara Otomatis Pengguna PPPoE Hotspot Dengan Mikrotik GRATIS</a></div><div class="item-snippet">   Cara membuat halaman isolir pppoe hotspot mikrotik gratis   MEMBUAT HALAMAN ISOLIR PPPOE :   Disini saya memanfaatkan error.html web prox...</div></div><div style="clear: both;"></div></li></ul><div class="clear"></div></div></div><div class="widget HTML" id="HTML2"><div class="widget-content"><noscript><a><img src="//sstatic1.histats.com/0.gif?3965310&amp;101"/></a></noscript></div><div class="clear"></div></div></div></div></aside><div class="clear"></div></div><div class="sticky-stop"></div><div id="footer-widget-container"><div class="footer-widget" id="footer-widget"><ul class="nav-social"><li><a class="fb-s"><svg><path></path></svg></a></li><li><a class="ig-s"><svg><path></path></svg></a></li><li><a class="tw-s"><svg><path></path></svg></a></li><li><a class="ld-s"><svg><path></path></svg></a></li><li><a class="yt-s"><svg><path></path></svg></a></li></ul></div></div><div id="footer-navmenu"><nav id="footer-navmenu-container"><ul><li><a>About</a></li><li><a>Sitemap</a></li><li><a>Contact</a></li><li><a>Terms Of Service</a></li><li><a>Disclaimer</a></li><li><a>Privacy Policy</a></li></ul></nav></div><div id="footer-container"><footer id="footer-wrapper">
		Copyright 2020 <a>Maexproit.com</a> - By <a><font>Maexproit Media</font></a></footer></div><div class="back-to-top"><a id="back-to-top"><svg><path></path></svg></a></div><style>html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size:100%;*/
    font: inherit;
    vertical-align: baseline
    }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
    }
body {
    line-height: 1;
    display: block
    }
* {
    margin: 0;
    padding: 0
    }
.section, .widget {
    margin: 0 0 0 0;
    padding: 0 0 0 0
    }
.navbar, .blog-feeds, .feed-links, #backlinks-container, a.home-link, .blog-mobile-link {
    display: none
    }
.quickedit, .edit-post, .item-control {
    display: none
    }
.post-body .separator > a, .post-body .separator > span {
    margin-left: 0 !important
    }
strong, b {
    font-weight: bold
    }
cite, em, i {
    font-style: italic
    }
a img {
    border: none;
    border-width: 0;
    outline: none
    }
p, blockquote, pre, table, figure, hr, form, ol, ul, dl {
    margin: 0 0 1.5rem
    }
h1 {
    font-size: 1.8rem
    }
h2 {
    font-size: 1.6rem
    }
h3 {
    font-size: 1.4rem
    }
h4 {
    font-size: 1.2rem
    }
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0.6rem;
    font-weight: bold
    }
ol, ul, dl {
    margin: 0.8rem 0rem 0.8rem 3rem
    }
li {
    margin: 0.5rem 0
    }
dt {
    font-weight: bold
    }
dd {
    margin: 0 0 0.5rem 2rem
    }
input, button, select, textarea {
    font: inherit;
    font-size: 100%;
    line-height: normal;
    vertical-align: baseline
    }
table, img {
    max-width: 100%;
    height: auto
    }
iframe {
    max-width: 100%
    }
.clear {
    clear: both
    }
.lazyload, .lazyloading {
    opacity: 0
    }
.label-info-th a, .info-1, h2.post-title, .post-snippet, .sidebar-sticky {
    transition: all 0.2s linear
    }
#searchfs input[type="search"], h1, h2, h3, h4, h5, h6 {
    transition: font-size 0.2s linear
    }
body {
    background: #fff none repeat scroll top left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #565656;
    font: normal normal 16px Helvetica, Arial, sans-serif;
    text-align: left
    }
#wrapper {
    background: #fff;
    max-width: 1000px;
    margin: 0 auto;
    padding: 70px 30px 30px;
    overflow: hidden
    }
#header-container {
    background: #735ae4;
    background: linear-gradient(to right, #735ae4, #357fdb);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    height: 48px
    }
#header-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    position: relative
    }
.header {
    max-width: 400px;
    float: left;
    margin-right: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
    }
.header h1.title, .header p.title {
    font: normal bold 25px Mountains of Christmas;
    color: #5acbe4;
    margin: 0;
    text-transform: uppercase;
    line-height: 50px
    }
.header .description {
    color: #5acbe4;
    margin: -10px 0 4px 0;
    padding: 0;
    font-size: 0.7em;
    display: none
    }
.post-container {
    padding-right: 25px
    }
#post-wrapper {
    background: transparent;
    float: left;
    width: 70%;
    max-width: 700px
    }
.breadcrumbs {
    font-size: 0.9rem !important;
    color: #6f6f6f;
    margin-bottom: 20px
    }
.breadcrumbs a {
    color: #6f6f6f
    }
.post {
    margin-bottom: 30px
    }
.post-body {
    line-height: 1.65em;
    text-align: left;
    word-wrap: break-word
    }
h2.post-title, h1.post-title {
    font: bold 20px Poppins, Arial, sans-serif
    }
h1.post-title {
    font-size: 30px;
    margin-bottom: 15px
    }
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
    color: #585858;
    line-height: 1.425em
    }
.label-line, .label-line-c {
    position: relative
    }
.label-line-c {
    text-align: center;
    margin-bottom: 20px
    }
.post-info {
    color: #6f6f6f;
    font: normal normal 13px Helvetica, Arial, sans-serif;
    line-height: 1.6em
    }
.info-3 {
    margin-bottom: 1.6em
    }
.post-info a {
    display: inline-block;
    color: inherit
    }
.edit-post a {
    color: #1a289c
    }
#sidebar-wrapper {
    background: transparent;
    float: right;
    width: 30%;
    max-width: 300px;
    margin: 0 auto
    }
.sidebar h2, .sidebar-sticky h2, .latest-post-title h2, .above-post-widget h2, .comments h3 {
    font: bold 15px Poppins, Arial, sans-serif;
    margin-bottom: 20px;
    padding: 0 0 5px;
    color: #6c6c6c;
    display: inline-block;
    text-transform: uppercase
    }
.sidebar ul, .sidebar ol, .sidebar-sticky ul, .sidebar-sticky ol {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.sidebar li, .sidebar-sticky li {
    margin: 5px 0;
    padding: 0
    }
.sidebar-sticky {
    z-index: 9
    }
.bellow-header-widget {
    text-align: center
    }
.widget ul {
    line-height: 1.4em
    }
.list-label-widget-content ul {
    font-size: 0.9rem;
    column-count: 2;
    column-gap: 8px
    }
.list-label-widget-content ul li {
    padding-bottom: 5px;
    margin: 0 0;
    padding-top: 5px
    }
.PopularPosts .widget-content ul, .PopularPosts .widget-content ul li {
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    border: none;
    outline: none
    }
.PopularPosts .widget-content ul {
    margin: 0;
    list-style: none;
    counter-reset: num
    }
.PopularPosts .widget-content ul li img {
    display: block;
    width: 70px;
    height: 70px;
    float: left
    }
.PopularPosts .widget-content ul li {
    margin: 0 0 20px;
    counter-increment: num;
    position: relative
    }
.PopularPosts .item-title {
    line-height: 1.6;
    margin-right: 8px;
    min-height: 40px;
    font-weight: bold
    }
.PopularPosts .item-thumbnail {
    float: left;
    margin-right: 10px
    }
.PopularPosts .item-snippet {
    line-height: 1.6em;
    font-size: 14px;
    margin-top: 8px;
    opacity: 0.925
    }
.Profile .widget-content {
    background: rgba(0, 0, 0, 0.03);
    text-align: center;
    padding: 30px;
    margin: 0 auto;
    max-width: 300px
    }
.Profile .profile-img {
    border-radius: 50%;
    float: none
    }
.Profile .profile-name-link {
    color: #565656;
    font-size: 0.9em;
    opacity: 1;
    overflow: hidden
    }
.Profile .profile-link {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 15px;
    display: inline-block;
    line-height: normal
    }
.profile-img {
    float: left;
    display: inline;
    opacity: 10;
    margin: 0 6px 3px 0
    }
.profile-data {
    margin: 0
    }
.profile-datablock {
    margin: 0.5em 0
    }
.profile-name-link {
    background: no-repeat left top;
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    min-height: 20px;
    padding-left: 20px
    }
#back-to-top {
    background: #1a289c;
    color: #fff;
    padding: 6px 8px;
    font-size: 24px;
    border-radius: 22px
    }
.back-to-top {
    position: fixed !important;
    position: absolute;
    bottom: 25px;
    right: 20px;
    z-index: 998
    }
.back-to-top svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-top: -5px
    }
.back-to-top svg path {
    fill: #fff
    }
.share-this-pleaseeeee {
    display: inline-block;
    margin: 0;
    color: #5acbe4;
    text-transform: uppercase;
    font-size: 16px;
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 0 10px;
    font-weight: bold;
    margin-top: 3px
    }
#share-container {
    margin: 20px auto 30px;
    overflow: hidden
    }
#share {
    width: 100%;
    text-align: center
    }
#share a {
    width: 25%;
    height: 40px;
    display: block;
    font-size: 24px;
    color: #fff;
    transition: opacity 0.15s linear;
    float: left
    }
#share a svg {
    width: 24px;
    height: 24px;
    margin-top: 7px
    }
#share a svg path {
    fill: #fff
    }
.facebook {
    background: #3b5998
    }
.twitter {
    background: #55acee
    }
.pinterest {
    background: #cb2027
    }
.whatsapp {
    background: #25d366
    }
.iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-tengah1 .widget-content, .iklan-tengah2 .widget-content, .iklan-bawah .widget-content, .iklan-atas .widget-content {
    margin: 0 !important
    }
.iklan-tengah1 h2, .iklan-tengah2 h2, .iklan-bawah h2, .iklan-atas h2 {
    display: none
    }
#blog-pager {
    clear: both !important;
    overflow: hidden;
    padding: 2px 0;
    text-align: center
    }
#blog-pager-newer-link a {
    float: left;
    display: block
    }
#blog-pager-older-link a {
    float: right;
    display: block
    }
.displaypageNum a, .showpage a, .pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a {
    font: normal 14px Helvetica, Arial, sans-serif;
    padding: 8px 12px;
    margin: 2px 3px 2px 0;
    display: inline-block;
    background: #f6f6f6;
    color: #1a289c
    }
#footer-navmenu {
    background: #282828;
    padding: 25px 0;
    font: bold 14px Helvetica, Arial, sans-serif;
    color: #fff
    }
#footer-navmenu-container {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center
    }
#footer-navmenu ul {
    list-style: none;
    margin: 0
    }
#footer-navmenu ul li {
    display: inline-block;
    margin: 6px 0
    }
#footer-navmenu ul li a {
    color: #fff;
    margin: 0 13px
    }
#footer-widget-container {
    background: #f7f7f7;
    font-size: 18px
    }
.footer-widget {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center
    }
ul.nav-social {
    list-style: none;
    margin: 0;
    padding: 20px 0
    }
ul.nav-social li {
    display: inline-block;
    padding: 0 15px;
    margin: 0
    }
ul.nav-social li a svg {
    width: 40px;
    height: 40px
    }
ul.nav-social li a svg path {
    fill: #989898
    }
.search-icon {
    position: absolute;
    top: 11px;
    right: 0;
    font-size: 19px
    }
.search-icon a {
    color: #fff
    }
.search-icon svg {
    width: 24px;
    height: 24px
    }
.search-icon path {
    fill: #fff
    }
#searchfs {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    transition: all 0.1s ease-in-out;
    transform: translate(0, -100%) scale(0, 0);
    opacity: 0
    }
#searchfs .close {
    position: fixed;
    bottom: 50%;
    right: 50%;
    color: #fff;
    background-color: transparent;
    opacity: 0.8;
    font-size: 40px;
    border: none;
    outline: none;
    margin-bottom: 60px;
    margin-right: -10px
    }
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    box-sizing: border-box
    }
#cssmenu ul li a {
    position: relative
    }
#cssmenu #head-mobile {
    position: relative
    }
#cssmenu {
    text-align: left
    }
#cssmenu ul {
    margin: 0;
    display: block;
    height: 48px
    }
#cssmenu #head-mobile {
    display: none;
    position: relative
    }
#cssmenu > ul > li {
    float: left;
    margin: 0
    }
#cssmenu > ul > li > a {
    padding: 0 17px;
    font: normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    line-height: 48px;
    letter-spacing: 0.8px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff
    }
#cssmenu ul ul {
    height: auto;
    position: absolute;
    left: -9999px;
    z-index: 1;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    transform: translatey(-2em);
    transition: all 0.3s ease-in-out 0s
    }
#cssmenu ul ul li {
    background: #f7f7f7;
    margin: 0
    }
#cssmenu ul ul li a {
    font: 400 12px Helvetica, Arial, sans-serif;
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 0 17px;
    line-height: 36px;
    max-width: 100%;
    text-decoration: none;
    color: #585858;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
    }
#footer-container {
    background: #202020;
    padding: 20px 5px;
    overflow: hidden;
    color: #dcdcdc;
    font-size: 12px;
    text-align: center
    }
#footer-wrapper {
    max-width: 1000px;
    margin: 0 auto
    }
#footer-wrapper a {
    color: #dcdcdc
    }
#baca-juga {
    display: none
    }
.related-post {
    margin: 30px auto 0;
    overflow: hidden
    }
#comments-block {
    margin: 15px 0
    }
p.comment-footer {
    display: inline-block;
    font-weight: bold;
    margin: 0
    }
h4#comment-post-message {
    display: none;
    margin: 0 0 0 0
    }
.comments {
    clear: both;
    margin-top: 10px;
    margin-bottom: 0
    }
#header-container {
    position: fixed !important
    }</style></body></html>