Cara Cepat Tes JavaScript/HTML Blogger

http://christiandwiwijaya.blogspot.com/-sebelumnya ane yakin kalo yang membaca postingan ini adalah seorang blogger. Mendesain blogger diperlukan ketelitian yang tinggi karena harus mengetes atau mengedit kode HTML satu per satu dengan sangat hati2.

Nah, sebelum agan memasang javascript atau HTML tersebut ke blogger atau web agan2, ada baiknya untuk mengetes javascript HTML tersebut agar tidak terjadi kesalahan yang tentunya akan menambah rumit javascript. Ok berikut adalah Cara Cepat Tes JavaScript/HTML Blogger

Oleh CDW Blog
Cara Cepat Tes JavaScript/HTML Blogger

1. Buka Browser agan2, bisa pake Mozilla atau Google Chrome

2. Masukan kode berikut di addres bar (Berwarna Kuning Tebal)

data:text/html,

3. Setelah kode data:text/html, masukan kode javascript atau HTML agan, contoh

sebagai percobaan, agan2 bisa menggunakan kode javascript Recent Post berikut (ganti alamat christiandwiwijaya.blogspot.com dengan alamat blog agan2

<center>
<style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#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 #F68629;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.christiandwiwijaya.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
</center>

4. Tekan Enter dan lihat hasilnya

CONTOH YANG ANE BUAT

Sekian

SALAM Blogger

Pages

Labels

Cara Cepat Tes JavaScript/HTML Blogger