Skip to main content

Cara Membuat Alat Parse HTML Di Blog

Membuat alat parse HTML sendiri
Cara Membuat Alat Parse HTML Di Blog - Pada kali ini kita akan membuat alat parse html atau cara memasang tool pengurai html responsive di blog. Alat parse html berfungsi untuk mengurai atau memparse text html dan javascript ke dalam kode entitas. Entitas adalah adalah karakter khusus yg mempunyai arti di dalam html. Alat parse html sering digunakan untuk mem-parse script iklan google adsense yg ingin dipasang ke template blog. Bukan hanya script adsense, javascript lainnya dapat diurai dengan mudah. Bagi yg ingin membuat alat parse html di blog, simak langkah berikut.
Demo

CSS Alat Parse HTML

  • Login ke akun blogger.
  • Kemudian klik menu template.
  • Klik edit.
  • Pastekan kode berikut diatas kode ]]></b:skin>.
.tapike_parse_html{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIdnfFcJvCGuldRXdZSDN2y7O9MSnPlbwCHtuTByA2izi-Hlb6HuQEBUz56tqObJ4mMpTSypbHYnsYH4g3wBnIJbrfor_irzSbY7R-UKQrXbBqETJCdwk-NAgpg-A-3Udgxd2ZtdKTfJh1/s0/back1.jpg");margin:0;font-size:small;text-align: center;color:#8F8B86;font-style:italic;}a {text-decoration:none;color:#8F8B86;}a img {border-width:0;}textarea {clear:both;margin-top: 10px;width: 500px;height: 10em;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);border-color: -moz-use-text-color #FFFFFF #FFFFFF -moz-use-text-color;border-image: none;border-radius: 6px 6px 6px 6px;border-style: none solid solid none;border-width: medium 1px 1px medium;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;color: #555555;font-family: Helvetica, Arial, sans-serif;font-size: 1em;line-height: 1.4em;padding: 5px 8px;transition: background-color 0.2s ease 0s;outline:0;}@media screen and (max-width: 568px){textarea {width:480px;}}@media screen and (max-width: 480px){textarea {width:400px;}}@media screen and (max-width: 414px){textarea {width:375px;}}@media screen and (max-width: 384px){textarea {width:320px;}}@media screen and (max-width: 320px){textarea {width:250px;}h1 {font-size:28px;}}@media screen and (max-width: 240px){textarea {width:200px;}h1 {font-size:24px;}}

Javascript Alat Parse HTML

  • Login ke akun blogger.
  • Kemudian klik menu template.
  • Klik edit.
  • Pastekan kode berikut diatas kode </head>.
<script type="text/javascript"> function $(tapike_parse_html){ return document.getElementById(tapike_parse_html) } var char2entity = { "'" : '&#39;', '"' : '&quot;', '<' : '&lt;', '>' : '&gt;', '&' : '&amp;'}; function escape_entities(str) { var rv = ''; for (var i = 0;i < str.length; i++) { var ch = str.charAt(i); rv += char2entity[ch] || ch; } return rv; } function do_escape(e){ $('escaped').value = escape_entities(e.value) } </script> 

Membuat Alat Parse HTML

Untuk pemasangan bisa dilakukan dimana saja seperti sidebar, post atau pun halaman statis. Tapi saya sarankan diletakkan pada halaman statis agar pengunjung bisa memakai juga.
<div class="tapike_parse_html">Enter code<div style="clear:both"><textarea onchange="do_escape(this)" onkeyup="do_escape(this)"></textarea></div>Get converted code here<textarea id="escaped" onclick="this.select()" onfocus="this.select()" readonly="readonly" style="background: #f0f0f0;"></textarea><br />Powered by <a href="http://www.tapike.com/" target="_blank">Tapike.com</a></div>

Pengaturan

Tulisan warna merah adalah lebar dari textarea sedangkan tulisan warna biru adalah css responsive lebar textarea. Anda bisa atur sesuai kebutuhan. Demikianlah tutorial cara membuat alat parse html atau cara memasang tool pengurai html responsive di blog. Semoga artikel ini dapat bermanfaat bagi kita semua. Jangan lupa like dan share.
Labels:

Comments

Post a Comment

Popular posts from this blog

10 Jembatan Paling Terkenal Di Dunia

10 Jembatan Paling Terkenal Di Dunia - Jembatan merupakan sebuah sarana untuk menyeberangi sungai ataupun lautan. Jembatan paling terkenal di dunia berikut mungkin adalah jembatan terpanjang, jembatan tertinggi di dunia. Banyak wisatawan dari penjuru dunia datang hanya untuk melihat maupun berfoto diatas jembatan ini. Berikut adalah 10 jembatan paling terkenal di dunia . 1. Jembatan Golden Gate, Amerika Serikat Jembatan paling terkenal pertama adalah jembatan Golden Gate. Jembatan Golden Gate (Golden Gate Bridge) menghubungkan antara San Fransisco dengan California. Jembatan ini memiliki panjang keseluruhan sekitar 2.727 meter dan tinggi 230 meter diatas permukaan laut. Jembatan Golden Gate dibuka pertama kali pada tahun 1937 dan merupakan jembatan paling terkenal serta menjadi daya tarik wisata paling populer di San Francisco. 2. Jembatan Menara, Inggris Jembatan paling terkenal kedua adalah jembatan Menara. Jembatan Menara (Tower Bridge) dibangun pada tahun 1886 dan ...
Post a Comment
Read more

10 Danau Paling Unik Di Dunia

10 Danau Paling Unik Di Dunia - Danau adalah sebuah genangan air yg besar dan memiliki kedalaman yg cukup untuk kehidupan hewan air. Kebanyakan danau hampir sama persis di seluruh dunia, namun berbeda dengan danau paling unik dibawah ini. Danau unik ini memiliki warna, bentuk dan keadaan yg unik sehingga masuk kedalam daftar danau terunik. Penasaran, berikut 10 danau paling unik di dunia . 10 Danau Paling Unik Di Dunia Danau Hillier, Australia Danau paling unik pertama adalah danau Hilier. Danau Hillier atau sering disebut Pink Lake (danau merah muda) adalah sebuah danau air garam yg terletak di pinggiran laut Goldfields-Esperance, Australia. Danau Hillier dengan panjang 600 meter dan lebar 250 meter memiliki keunikan karena airnya yg berwarna merah muda. Banyak pendapat mengatakan warna merah muda pada air danau tsb disebabkan oleh alga atau konsentrasi air asin yg sangat tinggi. Namun airnya tidak selalu berwarna merah muda, tergantung suhu, salinitas dan kondisi cahay...
Post a Comment
Read more

10 Mobil Termahal Di Dunia

10 Mobil Termahal Di Dunia - Mobil merupakan kendaraan roda empat berbahan bakar bensin atau solar. Tidak seperti motor, mobil dapat mengangkut lebih dari dua orang dan dapat melindungi pengendara dari hujan dan panas. Di indonesia sendiri mobil sering di anggap sebagai tanda kekayaan dan kesuksesan seorang. Tapi apakah orang kaya Indonesia bisa membeli mobil termahal di dunia di bawah ini. Berikut 10 mobil termahal di dunia tahun 2014 versi Forbes. Mobil Mercedes-Benz CL65 AMG Coupe Negara Asal: Jerman Mesin: 621-hp, 6.0-liter, bi-turbo V-12 0-60 mph: 4.2 detik Harga : $ 215.500  Mobil Aston Martin Vanquish Negara Asal: Inggris Mesin: 565-hp, 6.0-liter V-12 0-62 mph (yaitu, 100 km per jam): 4,1 detik Harga: $ 279.995  Mobil Bentley Mulsanne Negara Asal: Inggris Mesin: 505-hp, 6.75-liter, twin-turbo V-8 0-60 mph: 5.1 detik Harga : $ 298.900  Mobil Rolls-Royce Phantom Wheelbase Negara Asal: Inggris Mesin: 453-hp, 6.75-liter V-12 0-60 mph: 5.8 detik Harga :...
Post a Comment
Read more