Posting dihari jum'at, hari dimana ada perbedaan awal masuknya puasa padahal jika difikir semua itu tidak salah, mau jumat kek sabtu kek yang penting puasa yang salah itu jika tidak puasa hehe, daripada ngributin perbedaan puasa lebih baik berdo'a yang khusuk dalam Ramadhan ini banyak berkah dan pahala yang dapat kita peroleh daripada ngributin yang begituan (cmiiw :D).

Animated Window Opener (klik untuk memperbesar)

View Demo

Animated Window Opener merupakan animasi yang berfungsi membuat link terbuka (Popup) dijendela baru secara pelahan dan sedikit demi sedikit dan akhirnya akan menutupi jendela utama.

Penerapan dalam blog kita bisa dilihat dibawah ini:

 Javascript

<script type="text/javascript">
<!--
var winheight=100
var winsize=100
var x=5
function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",10)
}
//-->
</script>
<div style="font-family: Mistral; text-align: center;">
<span style="font-size: 40px;"><a href="javascript:openwindow('http://serpihanduka.blogspot.com/2012/07/animated-window-opener.html')">Demo Page</a>
</span> </div>
<div style="font-family: Mistral; text-align: center;">
<span style="font-size: 40px;"><a href="javascript:openwindow('http://koderator.blogspot.com')">Koderator</a></span></div>


Keterangan
ScriptKeterangan
setTimeout("go2()",10) Cepat lambatnya popup/terbukanya tab baru
font-family: Mistral; Jenis font, bisa diganti dengan Arial, Verdana, Helvetica dll
text-align: center; Posisi teks berada ditengah, bisa diganti ataupun dihapus
javascript:openwindow(' Jendela baru, pilih link yang akan kamu buat menjadi open window
font-size: 40px Ukuran font 40px

Labels:

15 Komentar:

Anonymous BlogS of Hariyanto said on July 21, 2012 at 11:25 AM 

keren nich tutorialnya ..selamat menyambut bulan Ramadhan..mohon maaf lahir batin :)

Anonymous Rezeki Barokah said on July 21, 2012 at 11:26 AM 

nice share post ^_^

Blogger kurprip said on July 21, 2012 at 4:57 PM 

@BlogS of Hariyanto ya, sama2 sob

Blogger Cicak said on October 27, 2012 at 1:27 PM 

keren mas broo ^_^
sekalian blog walking da

Anonymous Jefry said on January 1, 2013 at 8:02 AM 

bagus sekali tutorialnya, bisa menambah wawasan saya
terima kasih

Anonymous topSpot | Find your top spot here said on January 17, 2013 at 3:02 AM 

Bagus bener window opener nya sob! Kecepatan buka nya juga bisa diatur. Nice tutorial.. :)

Blogger Rekhila said on July 29, 2016 at 5:48 PM 

This content creates a new hope and inspiration with in me. Thanks for sharing article like this. The way you have stated everything above is quite awesome. Keep blogging like this. Thanks.
Branding Services in Chennai

Blogger Vignes Waran said on May 1, 2017 at 12:53 PM 

This content creates a new hope and inspiration within me. Thanks for sharing the article like this. The way you have stated everything above is quite awesome. Keep blogging like this.
SEO Training in Chennai
Best SEO Training Institute
Digital Marketing Course in Chennai

Blogger ananthi said on November 3, 2017 at 12:01 PM 

very nice blog this course very useful to us this gives the big opportunity to us i like this information very much.

Hadoop Training in Chennai

Blogger vinothika said on December 26, 2017 at 12:09 PM 

The blog is most inspiring one. It makes the visitor to keep visting your page again and again.

Python Training in Chennai

Blogger Pankaj Singh said on October 16, 2018 at 12:51 PM 

Thank you much for this tutorial; this is an informative and valuable blog. Visit for
Hong Kong Honeymoon Packages

Blogger Riya Raj said on December 18, 2018 at 12:31 PM 

Great Information!!! Thanks for your blog… Eagerly waiting for your new updates…
SEO Training in Chennai
SEO Course in Chennai
SEO Training in Coimbatore
SEO Course in Coimbatore
SEO Training in Bangalore

Blogger service care said on February 27, 2019 at 6:19 PM 

Wow !! Really a nice Article. Thank you so much for your efforts. Definitely, it will be helpful for others. I would like to follow your blog. Share more like this. Thanks Again.
oneplus service center near me
oneplus service
oneplus service centres in chennai
oneplus service center velachery
oneplus service center in vadapalani

Blogger المتألقون للصيانة والتشطيب وكشف تسريبات المياه said on March 8, 2019 at 2:41 AM 

مكافحة الحشرات بالاحساء



شركة كشف تسرب المياه بالقصيم



شركة تمديد و صيانة برك مسابح بالدمام



شركة مكافحة حشرات بالنعيرية

Blogger Creators Seo Master said on March 22, 2019 at 7:55 PM 

Amazing article. Your blog helped me to improve myself in many ways thanks for sharing this kind of wonderful informative blogs in live. Kindly Visit Us @ andaman tour packages
andaman holiday packages
web development company in chennai
Math word problem solver
laptop service center in chennai
Austin Homes for Sale
andaman tourism package
family tour package in andaman

Post a Comment

© 2012 - Koderator | Desain Oleh kimzigr| Classic Themplate Html5 & Css3 | Mesin Blogger