Monday, December 26, 2016

Membuat Tool Parse Html Responsive di blog

Membuat Tool Parse Html Responsive di blog
Membuat Tool Parse Html Responsive di blog
Memasang parse HTML sendiri di blog anda. Kopi kode di bawah ini dan letakkan dimana saja yang ingin anda inginkan. Jika ingin meletakkanya di sidebar, taruh di HTML/JavaScript dan jika ingin meletakkanya di halaman postingan atau halaman static maka harus melalui layanan HTML.
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script><br />
<table style="margin:0 auto"><tbody>
<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px"></textarea><br/>
<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></td> </tr>
</tbody></table>

Cara Supaya Tool Parse Html Menjadi Responsive di blog

Setelah anda berhasil membuat tool parse dan mmendapatkan kodenya , kini saatnya kita modifikasi tool tersebut supaya berubah menjadi responsive , caranya , silahkan pasang css berikut dibawah kode di atas ]]></b:skin>
.parse-html{text-align:center;background:linear-gradient(to bottom,#fefefe 0%,#d1d1d1 100%);border:1px solid #A8A8A8;border-radius:5px;margin:20px auto;width:90%;box-shadow:1px 30px 30px -26px #818181}
.parse-html-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:8px}
.parse-html-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

Kemudian kita buat htmlnya untuk memanggil css tadi supaya bekerja , caranya pasang html tadi dimana anda akan menempatkan tool parse ini

<div class="parse-html">
<div class="parse-html-responsive">

Taruh Script Tool Parse tadi disini

</div>
</div>

Lihat Hasil nya :
Comments


EmoticonEmoticon