Popup Window Pada Link Follow This Blog

Masih ingat atau pernah membaca postingan aku wacana mengganti followers blog widget dengan link? Nah kali ini bekerjsama sama dengan postingan tersebut ialah bertujuan untuk mengganti followers blog widget dengan link follow this blog. Hanya kali ini aku menambahkan popup window pada linknya biar menjadi lebih simple.

Baca juga: Mengganti Followers Blog Widget Blogger Dengan Link

Dengan popup window pada link-nya, maka window yang muncul tidak di tab gres melainkan muncul di atas window yang sedang dibuka sehingga lebih mengesankan bahwa windows popup tersebut masih berada dalam blog. Sehingga pengunjung blog yang berniat untuk mengikuti blog merasa tidak dialihkan ke halaman baru.

Tertarik untuk mencobanya? Silahkan coba gunakan aba-aba di bawah ini. Ada dua jenis untuk popup window follow this blog ini, ialah dengan onclick tanpa javascript dan onclick dengan javascript.

Onclick Tanpa Javascript
Dengan ini kodenya menjadi lebih simple namun popup window-nya tidak dapat berada di tengah-tengah layar monitor menyerupai di bawah ini. Kita hanya dapat mengatur posisinya pada top dan left. Untuk blogID silahkan ganti dengan blog ID Anda. Silahkan coba pada gambar gif follow this blog di bawahnya.

 <a title="Popup Window Pada Link Follow This Blog" onclick="window.open(this.href, '', 'toolbar=O,scrollbars=1, titlebar=1, location=0,statusbar=1,menubar=0,resizable=0,width=530,height=520,top=150,left=300'); return false;" href="http://www.blogger.com/follow-blog.g?blogID=2583045784323695327"><img alt="asih ingat atau pernah membaca postingan aku wacana mengganti followers blog widget deng Popup Window Pada Link Follow This Blog" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS3YbYdV8H4zdy61O1NBCoNm9xghSzDQF5KK3bGfliXBovkfnuLTQGeiWtSGNXdb4i_JCvRRap-o3MTW18o-kGdMOvrf3u-TORtK0aJaLtkyQ_DN37CkNKozZdRqvFBpvbqvmAv7KmAVPQ/s1600/Follow+my+blog.gif" title="Popup Window Pada Link Follow This Blog" width="117" /></a>

Onclick Dengan Javascript
Dengan ini kita dapat menempatkan posisi popup window follow this blog berada di tengah-tengah layar monitor. Silahkan ganti blogID dengan blog ID Anda dan silahkan coba pada gambar gif follow this blog di bawahnya.

 <script type="text/javascript">
 function popup(url) 
 {
  var width  = 530;
  var height = 520;
  var left   = (screen.width  - width)/2;
  var top    = (screen.height - height)/2;
  var params = 'width='+width+', height='+height;
  params += ', top='+top+', left='+left;
  params += ', directories=no';
  params += ', location=no';
  params += ', menubar=no';
  params += ', resizable=no';
  params += ', scrollbars=no';
  params += ', status=no';
  params += ', toolbar=no';
  newwin=window.open(url,'windowname5', params);
  if (window.focus) {newwin.focus()}
  return false;
 }
 </script>
 
 <a href="javascript: void(0)" 
    onclick="popup('http://www.blogger.com/follow-blog.g?blogID=2583045784323695327')"><img alt="asih ingat atau pernah membaca postingan aku wacana mengganti followers blog widget deng Popup Window Pada Link Follow This Blog" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS3YbYdV8H4zdy61O1NBCoNm9xghSzDQF5KK3bGfliXBovkfnuLTQGeiWtSGNXdb4i_JCvRRap-o3MTW18o-kGdMOvrf3u-TORtK0aJaLtkyQ_DN37CkNKozZdRqvFBpvbqvmAv7KmAVPQ/s1600/Follow+my+blog.gif" width="117" title="Popup Window Pada Link Follow This Blog"/></a>

Silahkan simpan aba-aba yang ingin Anda coba pada gadget HTML/JavaScript di sidebar blog Anda.

Sumber https://www.kompiajaib.com/

Share this post