Cara Membuat Link PopUp

Cara Membuat Link PopUp

Tutorila Blogspot : Membuat Link Popup

Cara Membuat Link PopUp - Banyak cara membuat blog tampil dinamis. Mulai dari pemilihan template, slideshow sampai dengan memunculkan link di halaman baru atau yang lebih populer disebut pop-up. Yang terakhir adalah bagian yang akan kita bahas disini. 

Link popup ini adalah link yang ketika diklik maka  halaman baru akan muncul ditengah layar komputer dengan ukuran yang dapat disesuaikan.

Contoh: Link Pop-Up



Cara membuatnya adalah sebagai berikut:

• Silahkan login ke blogger 
• Pilih Design/Rancang
• Klik Edit HTML  
• Letakan kode berikut di bawah kode  ]]></b:skin> (Gunakan Ctrl+F untuk mencari kode)

 (Gunakan Ctrl+F untuk mencari kode)

<script language="javascript">
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}
</script>

• Simpan template 
• Ketika membuat posting yang akan jadikan Link PopUp, buatlah kode link seperti di bawah ini:

<a href="http://radio.bogor4u.com" onclick="NewWindow(this.href,'name','500','500','yes');return false"><b>Link Pop-Up</b>
</a>

Keterangan :

1. Ganti link dan teks berwarna merah dengan link dan teks milik anda
2. Sesuaikan angka '500' dengan angka yang anda kehendaki. Angka '500','500' berarti lebar popup500px dan tinggi 500px.

Source :http://www.abun.bogor4u.com/2012/09/cara-membuat-link-popup.html

Cara Membuat Link PopUp