Saturday, May 23, 2015

Related Posts:

4 comments:

  1. [image url="http://ask.mybloggertricks.com/uploads/default/767/77f624bc8120838b.png" src="IMAGE"/]

    ReplyDelete
  2. <style type="text/css">
    .pseudo-elements {
    position:relative;
    width: 300px;
    height: 313px;
    background: url(IMAGE URL HERE);
    }
    .color:after {
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35);
    }
    </style>

    ReplyDelete
  3. <div class="post-body entry-content" id="post-body-6934099615527667733" itemprop="description articleBody">
    <div dir="ltr" style="text-align: left;" trbidi="on">
    <title>Comment Code Parser</title>
    <style type="text/css">
    #codes {
    border:none;
    width:98%;
    height:200px;
    margin:10px auto 10px;
    display:block;
    background-color:#42576c;
    padding:5px;
    font:normal 12px 'Courier New',Monospace;
    }

    #codes:focus {background-color:#384c60;color:white;}

    .button-group {
    margin:0px auto 0px;
    text-align:center;
    }

    button,button[disabled]:active {
    background-color:#384c60;
    font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;
    color:#999;
    padding:5px 10px;
    border:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    cursor:pointer;
    }

    button:active {background-color:#21afa4;color:black;}
    button[disabled],button[disabled]:active {opacity:0.4;cursor:default;}

    #opt1,
    #opt2,
    #opt3,
    #opt4,
    #opt5 {
    display:inline-block;
    margin:0px 10px 0px 0px;
    vertical-align:middle;
    border:none;
    outline:none;
    }
    </style>


    <textarea id="codes" placeholder="Write / paste the code here and click 'Conversion'" spellcheck="false"></textarea>
    <br>
    <div class="button-group">
    <button id="cvrt" onclick="cdConvert();this.disabled = true;" disabled="">Conversion</button>
    <button onclick="cdClear();">Clear</button>
    </div>
    <input checked="true" id="opt1" type="checkbox">Conversion <code>&amp;</code> to be <code>&amp;amp;</code><br>
    <input id="opt2" type="checkbox">Conversion <code>'</code> to be <code>&amp;#039;</code><br>
    <input id="opt3" type="checkbox">Conversion <code>"</code> to be <code>&amp;quot;</code><br>
    <input checked="true" id="opt4" type="checkbox">Conversion <code>&lt;</code> to be <code>&amp;lt;</code><br>
    <input checked="true" id="opt5" type="checkbox">Conversion <code>&gt;</code> to be<code> &amp;gt;</code>
    <br>
    <script type="text/javascript">
    function cdClear() {
    var wtarea = document.getElementById('codes');
    wtarea.value = '';
    wtarea.focus();
    document.getElementById('cvrt').disabled = false;
    }
    function cdConvert() {
    var ctarea = document.getElementById('codes'),
    cv = ctarea.value,
    opt1 = document.getElementById('opt1'),
    opt2 = document.getElementById('opt2'),
    opt3 = document.getElementById('opt3'),
    opt4 = document.getElementById('opt4'),
    opt5 = document.getElementById('opt5');
    cv = cv.replace(/\t/g, " ");
    if (opt1.checked) cv = cv.replace(/&/g, "&amp;");
    if (opt2.checked) cv = cv.replace(/'/g, "&#039;");
    if (opt3.checked) cv = cv.replace(/"/g, "&quot;");
    if (opt4.checked) cv = cv.replace(/</g, "&lt;");
    if (opt5.checked) cv = cv.replace(/>/g, "&gt;");
    if (cv.lastIndexOf('\n') != -1 || cv.length > 40) {
    cv = cv.replace(/^/, "<i rel=\"pre\">");
    } else {
    cv = cv.replace(/^/, "<i rel=\"code\">");
    }
    cv = cv.replace(/$/, "</i>");
    ctarea.value = cv;
    ctarea.focus();
    ctarea.select();
    };
    </script>
    </div>
    <div style="clear: both;"></div>
    </div>

    ReplyDelete

Blogger default Comment Form Message is not anything important that you need to enable but it's a custom feature that helps your template to make commenting to the point and effective by urging people not to do spam. You can use th

Konversi KodeEmoticon