Popup Window Pada Link Follow This Blog

Popup Window Pada Link Follow This Blog

Bola Hero Gawai

Popup Window Pada Link Follow This Blog

Masih ingat atau pernah membaca postingan saya tentang mengganti followers blog widget dengan link? Nah kali ini sebenarnya sama dengan postingan tersebut yaitu bertujuan untuk mengganti followers blog widget dengan link follow this blog. Hanya kali ini saya menambahkan popup window pada linknya agar menjadi lebih simple.


Dengan popup window pada link-nya, maka window yang muncul tidak di tab baru 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.
Follow This Blog
Tertarik untuk mencobanya? Silahkan coba gunakan kode di bawah ini. Ada dua jenis untuk popup window follow this blog ini, yaitu dengan onclick tanpa javascript dan onclick dengan javascript.

Onclick Tanpa Javascript
Dengan ini kodenya menjadi lebih simple namun popup window-nya tidak bisa berada di tengah-tengah layar monitor seperti di bawah ini. Kita hanya bisa 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="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="Follow blog" height="21" src="http://4.bp.blogspot.com/-a409Bq2T2bE/UmvRU1JEMiI/AAAAAAAAaWA/IdJz0L5Yv2g/s1600/Follow+my+blog.gif" title="Follow this blog" width="117" /></a>

Follow blog

Onclick Dengan Javascript
Dengan ini kita bisa 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="Follow blog" height="21" src="http://4.bp.blogspot.com/-a409Bq2T2bE/UmvRU1JEMiI/AAAAAAAAaWA/IdJz0L5Yv2g/s1600/Follow+my+blog.gif" width="117" title="Follow this blog"/></a>

Follow blog

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

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Komentar dengan link promo akan masuk spam.

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 - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×