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

Siapakah Sosok Penemu Internet

Siapakah Sosok Penemu Internet - Internet adalah hal yang lumrah pada saat ini. Semua golongan masyarakat sudah mulai menggunakan internet dalam beraktivitas. Tapi kebanyakan orang menggunakan internet untuk berkomunikasi atau hanya sekedar melihat berita-berita terbaru dari penjuru dunia. Hadirnya berbagai macam sosial media pun turut menyemarakkan pengguna internet di dunia. Ada banyak sisi positif dan negatif dari adanya internet. Tapi itu semua tergantung pribadi kita bagaimana kita menggunakan internet dengan sebaik-baiknya. Tapi setelah beberapa lama anda menggunakan internet, apakah anda tahu siapa sosok di balik penemu internet yang semakin memajukan teknologi ?. Semua orang memakai internet tapi tidak pernah tau siapa penemu internet. Boleh jadi anda juga demikian, bukan ?. Leonard Kleinrock, Bapak Penemu Internet Leonard Kleinrock, adalah tokoh atau ilmuan yang dijuluki sebagai bapak internet. Julukan ini melekat pada dirinya sebab ia memang tokoh penemu internet. Leonard Kl...
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

Makalah Tentang Perekonomian Terbuka

Segala puji dan syukur kehadirat Allah swt, yang telah melimpahkan rahmat berupa kesehatan dan kesempatan sehingga kami dapat menyelesaikan makalah tentang perekonomian terbuka . Salawat beriring salam kami ucapkan kepada Nabi besar Muhammad SAW yang telah membawa kita semua dari alam kebodohan hingga ke alam yang penuh dengan ilmu pengetahuan. Makalah tentang perekonomian terbuka ini diharapkan dapat menambah pengetahuan pembaca serta dapat bermanfaat bagi kita semua. Kiranya makalah tentang perekonomian terbuka ini dapat dijadikan pegangan terkait dengan materi bersangkutan. Dengan paparan materi, penyajian, dan dengan bahasa yang sederhana diharapkan dapat membantu menguasai materi dengan mudah. Kami menyadari bahwa makalah tentang perekonomian terbuka ini masih jauh dari kesempurnaan. Untuk itu, kami mengharapkan saran dan masukan dari pembaca sekalian untuk penyempurnaan makalah kami yang akan datang. Akhir kata, kami ucapkan terima kasih. BAB I. PENDAHULUAN 1.1 Latar B...
Post a Comment
Read more