Parse HTML Tools Armaila dan Cara Memasukkan Kode HTML di Postingan Blogspot



Small Tool Parse HTML

Untuk menempatkan script atau kode html di postingaan blog agar dapat tampil dalam bentuk tulisan script, maka script atau kode html harus diparse dulu sebelum dipasang. Berikut cara memasang script di postingan blog :

1. Siapkan Script atau Kode HTML yang ingin dipasang.

2. Parse script atau kode html tersebut.

3. Pada saat membuat artikel, ubah mode "Compose" menjadi mode "HTML".

4. Copy script yang sudah diparse, paste di lokasi yang Anda inginkan pada mode html.

Untuk melakukan parse script atau kode HTML, silahkan masukkan kode HTML pada kolom parse diatas,

cari2-cara

<style type='text/css'>

/* Animation */

@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}

@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}

/* Say Hi to Adblock */

#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}

#arlinablock .header{margin:0 0 15px 0}

#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}

#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}

#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}

#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}

#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}

#arlinablock .fixblock div{display:none}

#arlinablock .fixblock div.active{display:block}

#arlinablock ol{margin-left:20px}

@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}

</style>

<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script type='text/javascript'> //<![CDATA[ (function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); //]]> </script>