Script Pertama :
Letakaan script berikut dalam tag <head> atau tepat di atas kode </head>
<script src='http://p4r46h-blog.googlecode.com/files/curl.js' type='text/javascript'></script>
Script Kedua :
Letakaan script berikut di dalam tag <body>
<div id="toolbar">
<script type="text/javascript">
document.write("Viewing: <a rel=\"nofollow\" title=\"Remove frame and go to this link.\" href=\""+cur_url+"\">"+cur_url+"</a>")
</script></div>
<script type="text/javascript">
document.write("<iframe src=\""+cur_url+"\" frameborder=\"0\">Sedang membuka...</iframe>")
</script>
CSS :
<style>
html, body{height:100%;width:100%;overflow:hidden;background:transparent; margin:0;padding:0;overflow-x:hidden;overflow-y:hidden;}
*{margin:0;padding:0}
#toolbar{height:30px;}
table {height:100%;width:100%;table-layout:static;border-collapse:collapse;}
iframe{overflow:scroll;height:100%;width:100%;position:absolute;top:27px;left:0px;right:0px;bottom:0}
</style>
Sebaiknya coba terlebih dahulu cara ini pada localhost. Contoh, buat file iframe.html di komputer kamu, Lalu paste semua kode di atas di dalamnya. Kemudian coba buka file tersebut lalu tambahkan URL yang akan di jadikan iframe.
contoh :
iframe.html?url=http://agil-dcblogpsot.com
Ok, saya anggap step dasarnya sudah dapat di mengerti. Nah mungkin masih ada pertanyaan bagaimana dengan yang ada di blog ini seperti contoh http://agil-dc.blogspot.com/p/look.html?url=http://www.freshthemes.com/demo/forester/ ?.
Saya coba jelaskan caranya. Dalam blog ini saya menggunakan fiture LAMAN blogger untuk membuatnya sebagai link inti IFRAME. Contoh saya membuat LAMAN dengan nama "look" . Maka di blog ini linknya akan menjadi, http://agil-dc.blogspot.com/p/look.html.
Script pertama saya sisipkan di template
Script ke dua saya letakkan dalam posting LAMAN
CSS saya letakkan dalam posting LAMAN juga .
#Saya sudah coba cara di atas, tapi masalahnya kenapa banyak widget saya yang masih terlihat ? seperti header blog saya, footer blog saya & widget-widget tambahan lainnya ?
*Nah itulah kenapa saya katakan setiap template berbeda, jadi saya hanya share dasarnya saja. Sebenernya hal itu jawabannya ada pada CSS. Jadi coba mainkan CSSnya dengan men-display-none-kan content-content yang masih muncul seperti yang saya lakukan dalam blog ini.
contoh :
#header, #footer, #left-sidebar, #right-sidebar (display:none}
Finish.
Mohon maaf jika ada yang kurang jelas ataupun ada yang kurang paham. Semoga berguna dan semoga berhasil senang
Credit : view-source:http://www.bi2t.com/ - http://p-cbn.blogspot.com/