Cara Cepat Test HTML atau Javascript Blog

CRONOSAL-Javascript dan HTML adalah unsur bagian dalam sebuah blog atau website. Semua platform blog menggunakan HTML dan Javascript dalam blognya. Memasang kode HTML agak rumit karena banyak dan berbeda fungsi masing-masing kode. Kesalahan dalam pengeditan bisa berakibat fatal, bisa saja blog tidak bisa dibuka karena salah mengedit HTML.

Cara ini ane rekomendasikan untuk mengtest dahulu javascript yang diperlukan agar tidak terjadi kesalahan. Berikut tutorial yang sudah ane buat.

Cara Cepat Test HTML atau Javascript Blog

1. Buka browser apa saja, kali ini ane menggunakan Google Chrome


2. Masukan kode berikut dalam address bar


3. Setelah kode tadi, masukan kode javascript yang kalian inginkan setelah data:text/html, atau ganti tulisan berwarna merah dengan kode script dan tekan Enter

Contoh ane menggunakan script ini:

data:text/html,<center> <style type="text/css"> #rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:#141414;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:60px;padding:5px;list-style:none;} #rp_plus_img a{color:#F68629;} #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;} #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px transparent;width:95px;height:55px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script> <script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript"> </script> <script type="text/javascript"> var speed = 1000; var pause = 2500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"><script> var numposts = 20; var numchars = 0; </script> <script src="http://www.cronosal.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"> </script> </ul> </center> </texarea>

Hasilnya:

DEMO

Sekian

SALAM Blogger