Selasa, 18 Januari 2011

Membuat Link Window PopUP Tampil Di Tengah Layar

Ketika anda membuat postingan adakalanya anda perlu menyisip kan sebuah link pada postingan anda.Dan saya yakin setiap blogger pastinya sudah tau bagai mana cara membuat link tersebut,karena membuat link merupakan bagian dari keharusan yang anda kuasai dalam dunia per blogan (Dunia Tukang blog).Tapi bagai manakah jika anda ingin menampilkan Window Popup ketika anda klik link tersebut tampil di tengah layar monitor? Jika anda ingin membuat nya ikuti langkah langkah di bawah ini :



1. Silahkan login ke blogger dengan ID anda.

2. Pilih Design/rancang .

3. Pilih Edit HTML .

4. Backup terlebih dahulu templete anda , klik pada tulisan Download Full Template

5.Cari Kode seperti di bawah ini (Gunakan Ctrl+F untuk mencari kode).

]]></b:skin>

6. Copy kode dibawah ini, lalu pastekan di bawah kode tadi.

<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>

7. Ketika membuat link pada postingan ,Tambah kan Kode yang berwarna merah pada kode link yang ingin anda buat lihat kode dibawah ini .

<a href="http://bambangpage.blogspot.com/?m=1" onclick="NewWindow(this.href,'name','500','500','yes');return false"><b>Bambang's Page</b>
</a>

Contoh link diatas hasilnya akan seperti link di bawah ini

Klik link >> Bambang's Page

Ubah angka 500 sesuai dengan ukuran window yang ingin anda tampilkan .


selesi semoga bermanfaat.....


Posted by: Bambang PageBambang PageUpdated at : 22.44


Jika Anda Menyukai Artkel Seperti Di atas,Link back ke artikel ini dengan mengcopy salah satu kode di bawah ini

URL untuk Postingan:


HTML Link Code:

BB (forum) link code:



3 komentar:

 

Copyright 2011 Bambang's Page is proudly powered by blogger.com | Design by Bambang's Page | Find us on Google+

Postingan Baru

Komentar Baru

Postingan Acak