Jika anda ingin menampilkan file berkstenti htm, html atau mungkin sebuah blog (.com) di dalam blog anda atau halaman posting dengan cara simpel yang hanya menggunakan sedikit script, anda bisa memanfaatkan popup winsow script. Window baru akan ditampilkan dengan ukuran yang bisa diatur dan bahkan juga disertai beberapa variable pengaturan yang lain. Letakkan dan simpan javascriptnya di antara tag <head> dan </head> kemudian buat sebuah link yang di dalamnya berisi URL yang akan dibuka sebagai window baru.
Demo popup window script
Silahkan anda klik 2 buah link di bawah ini untuk melihat bagaimana sebuah popup window script bekerja. Link yang pertama akan memperlihatkan sebuah file berekstensi html sedang yang kedua akan memperlihatkan kode yang digunakan untuk membuat file pertama.
D E M O - 1 (Popup Window)
D E M O - 2 (Popup Window)
Cara menyimpan javascript :
Demo popup window script
Silahkan anda klik 2 buah link di bawah ini untuk melihat bagaimana sebuah popup window script bekerja. Link yang pertama akan memperlihatkan sebuah file berekstensi html sedang yang kedua akan memperlihatkan kode yang digunakan untuk membuat file pertama.
D E M O - 1 (Popup Window)
D E M O - 2 (Popup Window)
Javascript :
<script type="text/Javascript"> //<![CDATA[ function popup_window(url,w,h){ var width=w; var height=h; var from_top=150; /* Jarak dari atas */ var from_left=250; /* Jarak dari kiri */ var toolbar='no'; var location='no'; var directories='no'; var status='no'; var menubar='no'; var scrollbars='yes'; var resizable='yes'; var atts='width='+width+'show,height='+height+',top='+from_top+',screenY='; atts+= from_top+',left='+from_left+',screenX='+from_left+',toolbar='+toolbar; atts+=',location='+location+',directories='+directories+',status='+status; atts+=',menubar='+menubar+',scrollbars='+scrollbars+',resizable='+resizable; window.open(url,'win_name',atts); } //]]> </script>
xHTML :
<a href="javascript: popup_window('http://gubhugreyot.comyr.com/iframe/popup-window-script.html',550,400)">Teks Link</a>- http://gubhugreyot.comyr.com/iframe/popup-window-script.html = URL
- 550 = width » rubah jika diperlukan.
- 400 = height » rubah jika diperlukan.
- Teks Link = title link
Cara menyimpan javascript :
- Login ke Blogger.
- Setelah Halaman Dasbor Terbuka, klik "Rancangan (Design)".
- Lanjutkan klik "Edit HTML"
- Lakukan Backup Template.
- Cari kode ]]></b:skin>.
- Letakkan javascript di bawahnya.
- Klik "Simpan Template (Save Template).
- Lanjutkan ke halaman posting dan gunakan xHTML.
keren,mas
ReplyDelete