Membuat Halaman Demo Diblog Sendiri

Cara ini mungkin pernah dibahas oleh beberapa blogger lain salah satunya blogger ini, namun dipostingan tersebut kode scriptnya lumayan panjang dan cukup rumit juga penerapannya namun cara yg saya gunakan saat ini cukup mudah dan gak repot banget kodenya saya dapat dari sini

ILUSTRASI

Silahkan lihat deh tuh demonya hehehe. Disini anda hanya perlu membuat Halaman/Page trus pastekan kode dibawah ini didalamnya ( sebagai isi postingan page/Laman )

<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.

http://namablog.blogspot.com/p/demo.html?url=http://zhinto.blogspot.com/

Jadi jika sewaktu-waktu anda ingin menampilkan web/blog demo anda cukup mengganti URL nya saja. Misalnya begini:

<a href="http://namablog.blogspot.com/p/demo.html?url=http://namablog.com/">DEMO</a>

Oh iya kalau bisa page/Halaman yang dibuat jangan ada scroll ya biar nanti gak Double scrollnya dengan scroll iframe nya :)