1. Oke
2. Saya mengerti
3. Siap

Bersiap-siaplah!

• Saya
• Akan menghadapi
• semuanya

/* Notifikasi Komentar  */
    #show-total {
    position:absolute;
    top:1px; /* jarak dari atas */
    right:280px; /* jika ingin kesebelah kiri tukar right menjadi left */
    z-index:9999; /*pengaturan always top*/
    cursor:pointer;
    float:right;
    }
    .total-show {
    background-color:#FF0000; /*warna total komentar*/
    color:white;
    padding:2px 6px;
    font-size:11px;
    border-radius:4px;
    font-weight:bold;
    }
    #notif {cursor:pointer;}
    #notif:before {
    content: url('http://4.bp.blogspot.com/-Hd3B90Kfggg/UpjdHX6iwTI/AAAAAAAABSY/dFE_zIuO8o8/s1600/lonceng.png');
    display:block;
    position:absolute;
    top:12px;
    right:300px;
    opacity:.5;
    z-index:9997;
    transition:all 0.4s ease-out;
    }
    #notif:hover:before {
    opacity:1;
    }
    #notif2 {cursor:pointer;display:none}
    #notif2:before {
    content: url('http://4.bp.blogspot.com/-Hd3B90Kfggg/UpjdHX6iwTI/AAAAAAAABSY/dFE_zIuO8o8/s1600/lonceng.png');
    display:block;
    position:fixed;
    top:12px;
    right:300px;
    opacity:.5;
    z-index:9997;
    transition:all 0.4s ease-out;
    }
    #notif2:hover:before {
    opacity:1;
    }
    #cm-wrapper {
    width:310px;
    position:fixed;
    top:48px;
    right:-381px;
    z-index:9999;
    background-color:#222;
    padding:15px 13px 25px 15px;
    color:#666;
    font-family: Arial, Sans-serif;
    border-top:8px solid #444;
    transition:0.5s ease;
    }
    #cm-wrapper:before {
    content:"";
    width:0;
    height:0;
    position:absolute;
    top:-24px;
    right: 303px;
    border:8px solid transparent;
    border-color:transparent transparent #444;
    }
    #cm-scroll {
    width: 100%;
    height: 600px;
    overflow: auto;
    position: relative;
    }
    #comments-container {
    color:#666;
    font-family: Arial, Sans-serif;
    }
    #comments-container.cm-active {
    position:fixed;
    right:0;
    top:61px;
    }
    .scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0; left: 0;
    }
    .vscrollerbase {
    width: 5px;
    background-color: #111;border-radius:2px;
    }
    .vscrollerbar {
    width: 5px;
    background-color: #599b29;border-radius:2px;
    }
    .hscrollerbase {
    height: 10px;
    background-color: #111;border-radius:2px;
    }
    .hscrollerbar {
    height: 10px;
    background-color: #444;border-radius:2px;
    }
    .scrollerjogbox {
    width: 10px;
    height: 10px;
    top: auto; left: auto;
    bottom: 0px; right: 0px;
    background-color: gray;
    }
    .cm-outer {
    margin:0 auto;
    padding:0;
    font-size:11px;
    text-align:left;
    }
    .cm-outer pre {background-color:#141414;font-size:11px;color:#7c7c7c}
    .cm-outer li {
    padding:7px 10px 12px;
    list-style:none;
    clear:both;
    position:relative;
    border-top:1px solid #333;
    border-bottom:1px solid #111;
    margin-right:10px;
    }
    .cm-outer code {
    color:#a6a658;
    font-size:11px;
    }
    .cm-outer li.selected {
    border-left:4px solid #fffe8c;
    }
    .cm-outer li:first-child {
    border-top:none;
    }
    .cm-outer li:last-child {
    border-bottom:none;
    }
    .cm-text {color:#999;}
    .cm-outer {margin:0 0 5px}
    .cm-header {margin: 4px 0 8px 60px;font-size:12px;font-weight:normal !important;}
    .cm-header a {color:#599b29;text-decoration:none;font-size:12px;font-weight:bold}
    .cm-header a:hover {color:#e6e6e6;text-decoration:none;}
    .cm-outer .cm-content {overflow:hidden}
    .cm-content {margin-left:60px}
    .cm-outer img {
    display:block;
    float:left;
    background:#8fa2cb url('http://4.bp.blogspot.com/-JF6712BTA-U/T2Z5ZRTOrOI/AAAAAAAABn4/cXZsvDO8Hzs/s1600/anon5.png') no-repeat 50% 50%;
    overflow:hidden;
    border-radius:100px;
    position:absolute;
    top:10px;
    left:0;
    border:3px solid #3d464f;
    }
    .cm-footer {margin-top:7px;}
    .cm-footer a {color:#599b29;text-decoration:none;}
    .cm-footer a:hover {color:#e6e6e6;text-decoration:none;}
    div.cm-header img[src='http://img1.blogblog.com/img/openid16-rounded.gif'] {
    content: url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png);
    }
    .bg_hitam{
    display: none;
    position: absolute;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:99;
    opacity:.30;
    }
    .sticky {
    position:fixed;
    top:42px;/* jarak dari atas*/
    z-index: 100;
    }
    .comments
    .thanks-comment{
    position:relative;
    margin:10px 0;
    padding-left:40px;
    font-style:italic;
    font-size:16px;
    quotes:"201C""201D""2018""2019"
    }
    .comments
    .thanks-comment:before{
    content:open-quote;
    position:absolute;
    top:0;
    left:0;
    margin-top:15px;font-size:4em;color:#d80556}