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

Makalah Tentang Sedimentasi

Kata Pengantar Puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa karena atas rahmat-Nya makalah tentang sedimentasi dapat diselesaikan. Walaupun dalam pengerjaannya terdapat beberapa kendala teknis dan non teknis, namun dapat kami atasi. Penulis mengucapkan terima kasih atas bimbingan dari berbagai pihak dalam menyelesaikan makalah sedimentasi ini. Penulis menyadari masih terdapat banyak kekurangan dalam penulisan makalah sedimentasi ini. Untuk itu penulis mengharapkan kritik dan saran yang sifatnya membangun. Semoga makalah tentang sedimentasi ini dapat bermanfaat bagi para pembaca. BAB I PENDAHULUAN 1.1 Latar Belakang Indonesia merupakan daerah yang memiliki pantai terbanyak di dunia. Pantai merupakan sebuah wilayah yang menjadi batas antara lautandan daratan, bentuk pantai berbeda-beda sesuai dengan keadaan, proses yang terjadi di wilayah tersebut, seperti pengangkutan, pengendapan dan pengikisan yang disebabkan oleh gelombang, arus, angin dan keadaan lingkungan disekita...
Post a Comment
Read more

10 Tempat Wisata Terbaik Di Malaysia

10 Tempat Wisata Terbaik Di Malaysia - Malaysia merupakan sebuah negara dengan luas 329.847 km persegi. Malaysia juga banyak memiliki tempat wisata terpopuler di dunia, salah satunya yaitu menara Petronas. Pusat kota Malaysia terletak di Kuala Lumpur dan tempat wisata yang sering dikunjungi wisatawan lokal maupun mancanegara  rata-rata berada di kota ini. Bagi anda yang ingin berkunjung ke Malaysia, berikut 10 tempat wisata terbaik di Malaysia . Baca juga 10 tempat wisata terbaik di Laos . 10 Tempat Wisata Terbaik Di Malaysia Tempat Wisata Menara Petronas Tempat wisata terbaik Malaysia pertama adalah Menara Petronas. Menara Petronas merupakan menara kembar yang terletak di kota Kuala Lumpur dan pernah menjadi menara tertinggi di dunia pada tahun 1998 hingga tahun 2004 yg kemudian di kalahkan oleh menara Taipe 101 [baca : Menara Tertinggi Di Dunia]. Menara Petronas dibuka mulai pukul 08.30 setiap harinya kecuali hari senin. Untuk harga tiket masuk tempat wisata terpopuler di ...
Post a Comment
Read more