Membuat Link Popup

Membuat Link Popup

Membuat Link Popup

infolya.com


Mungkin sudah banyak tutorial tentang pembuatan link popup ini, tapi biarlah mungkin tutorial ini sedikit bermanfaat bagi anda yang datang berkunjung disini.

Copy paste kode dibawah ini di postingan anda pada mode HTML

Popup muncul ketika diklik
<a href="https://infoalya.com/" onclick="window.open(this.href,&quot;popupwindow&quot;,&quot;status=0, height=500, width=330, scrollbars=yes, resizable=0, top=0, left=0&quot;); return false;" target="_blank"><button>klik disini</button></a>

Popup saat disorot mouse

<script language="JavaScript">
// Place this script within <head> section.

var goPopX = (screen.width/2)-175;
var goPopY = (screen.height/2)-150;
var loc = "left="+goPopX+",top="+goPopY;
function goPop(){
goPopWindow = window.open("https://infoalya.com","toolbar=yes,width=350,height=300,"+loc);
}
</script>

<!-- Place within <body> section -->
<a href="#" onmouseover="goPop()">arahkan mouse disini</a>



warna merah ganti dengan URL tujuan anda
warna hijau ganti dengan kata/kalimat anda



top mengatur posisi dari atas (pixel)
left mengatur posisi dari kiri (pixel)
status mengaktifkan status bar atau tidak
width mengatur lebar window (pixel)
height mengatur tinggi jendela baru (pixel)
target membuka jendela munculan yang baru
scrollbars mengaktifkan fungsi scroll
resizable mengaktifkan jendela resizable
return false mengelabui fungsi href dan mengalihkan ke onclick='window.open()'

Share On:

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda

https://infoalya.com

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - https://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Info Alya? Keep us running by whitelisting Info Alya in your ad blocker.

This is how to whitelisting Info Alya in your ad blocker.

Thank you!

×
×
×