Membuat Halaman Live Demo Web

Cara ini sudah banyak sekali di dunia maya, saya sudah googling kesana kemari, namun baru ini yang saya temukan lebih simple dan singkat penjelasannya. Kode javascript yang ada ini tidaklah sulit karena tinggal copy paste saja.

Pertama yang harus anda lakukana adalah membuat sebuah page/halamn baru di blogger, kemudian pastekan kode dibawah sebagai isi postingan, jangan lupa modenya ganti ke HTML ya,

<script type="text/javascript">
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
    return (false);
}
window.onload = function() {
 var url  = getQueryVariable("url");
 document.getElementById('view').src = url;
};
</script><style>
#view {
padding: 0;
margin: 0;
border: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
width: 100%;
height: 100%;
z-index: 99999999999
}
</style><iframe id="view"></iframe>

Cara menggunakannya yaitu dengan menambah kode ?url=http://namabloganda.blogspot.com/ dibelakang URL Halaman yang telah anda buat tadi.

Contoh sekaligus demonya cek disini ya :

http://rawamangun18.blogspot.com/2013/05/halaman-demo.html?url=http://pdf.500persen.com/

Semoga bermanfaat,

10:15