Game Subway Surfers Kini Bisa di PC (Windows 7 tested)

<span style="font-family: Verdana, sans-serif;">Assalamu'alaikum. Pagi ini <b>wahyu-post </b>mau share game yang lagi nge-<i>hits </i>nih sama sobat-sobat <i>post-mania</i>. Game yang biasanya dimainkan di perangkat Android ini kini bisa sobat mainkan di perangkat PC sobat-sobat.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Tema game ini <i>endless running</i>, </span><span style="font-family: Verdana, sans-serif;">latar belakang game ini rel kereta, </span><span style="font-family: Verdana, sans-serif;">dengan teknis game berlari menghindari kereta yang datang, dan menjauh dari kejaran petugas yang mengejar.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Cara main :</span><br /> <br /> <ol> <li><span style="font-family: Verdana, sans-serif;">Gunakan mouse untuk menggerakkan karakter.</span></li> <li><span style="font-family: Verdana, sans-serif;">Klik dan tahan (Drag), kemudian tarik ke arah yang diinginkan, lalu l</span><span style="font-family: Verdana, sans-serif;">epaskan klik (Drop).</span></li> </ol> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94kaJoBH12yYPODSsgppMiqpMDwW-lqsXRWVFplCGQG4jbU-LagpoXKrRoZp9ipdryWqmUQVtl7nbXEaQ0IqPSUrrdgmt-m7fAj3j6SWyXtCo2QlhPq6XGBo784oMpXkM0tyTFO4xRImZ/s1600/Subway-Surfers-for-PC.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94kaJoBH12yYPODSsgppMiqpMDwW-lqsXRWVFplCGQG4jbU-LagpoXKrRoZp9ipdryWqmUQVtl7nbXEaQ0IqPSUrrdgmt-m7fAj3j6SWyXtCo2QlhPq6XGBo784oMpXkM0tyTFO4xRImZ/s1600/Subway-Surfers-for-PC.png" /></a></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;">Buat ng-<i>install </i>game ini, jelas emang mudah banget sobat, tinggal <i>double click </i>aja, lalu ikuti langkah-langkah install selanjutnya kayak aplikasi-aplikasi biasa <i>(next-next gitu .red). </i>Udah deh langsung bisa dimainin.</span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;"><i><br /></i></span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;">Nah, segitu aja deh sobat <i>post-mania </i>sekalian, mudah-mudahan bisa bermanfaat buat ngisi waktu sobat, bentar lagi kan puasa.</span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;">Wassalamu'alaikum.</span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;">Link download :</span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;"><a href="http://www.4shared.com/rar/Jbph0GLece/wahyu-postblogspotcom_-_subway.html" target="_blank">Subway Surfers for PC</a></span></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <span style="font-family: Verdana, sans-serif;">rar pass :</span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="background-color: #cfe2f3; font-family: Verdana, sans-serif;"> wahyu-post </span></div> <br /> <ol></ol>

Hiburan Info Windows Windows 7 Game Subway Surfers Kini Bisa di PC (Windows 7 tested)

Assalamu'alaikum. Pagi ini wahyu-post mau share game yang lagi nge- hits nih sama sobat-sobat post-mania . Game yang biasanya dimainkan...

Read more »

Membuat Tombol "Go To Top" dengan Efek Pantulan

<div style="text-align: justify;"> <div style="text-align: left;"> <i style="font-family: Verdana, sans-serif;"><br /></i></div> <div style="text-align: left;"> <i style="font-family: Verdana, sans-serif;">Assalamu'alaikum Warahmatullahi Wabarakaatuh</i></div> <div style="text-align: left;"> <i style="font-family: Verdana, sans-serif;"><br /></i></div> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;">Pas tadi siang kuliah, ada temen yang nanyain <i>progress </i>pembuatan web yang sedang saya rancang. Sambil liat-liatan web masing-masing, pandangan saya langsung tertuju pada Tombol "Go To Top" yang dipasang di web Dia.</span></div> </div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9gYn2nHkVPYVbVYQlBCuKreFhyphenhyphenA2x933tyYYThIOhxy-NA10ffHl2YUu1xj1EGmuZcA3GmQFZ1Ry1Hkib-_u5_kRS23BIw2ExCJJEWANq797WbLtpUYCSiZQF8lTfjSqlbY6NvU02FPu/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9gYn2nHkVPYVbVYQlBCuKreFhyphenhyphenA2x933tyYYThIOhxy-NA10ffHl2YUu1xj1EGmuZcA3GmQFZ1Ry1Hkib-_u5_kRS23BIw2ExCJJEWANq797WbLtpUYCSiZQF8lTfjSqlbY6NvU02FPu/s1600/Untitled.png" width="320" /></a></div> <div style="text-align: justify;"> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> </div> <div style="text-align: justify;"> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> </div> <div style="text-align: justify;"> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;">Sambil tanya-tanya gimana cara bikinnya, saya coba praktek-in di web saya. Eh ternyata bagus juga dipasang di web saya. Karena setiap orang selalu ingin hal yang berbeda dari yang lain termasuk saya, jadi saya coba modifikasi supaya lebih khas dari punya nya temen saya.</span></div> </div> <div style="text-align: justify;"> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> </div> <div style="text-align: justify;"> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;">Saya coba tambahin efek pantulan ketika tombol itu diklik, dan hasilnya taraaa... jadi lebih menarik dong tentunya.</span></div> </div> <div style="text-align: justify;"> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> </div> <div style="text-align: justify;"> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;">Tanpa panjang lebar lagi, yo kita mulai tutorial nya :</span></div> </div> <div style="text-align: justify;"> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> </div> <br /> <span style="font-family: Verdana, sans-serif;">1. Agan siapin dulu halaman HTML yang akan diisi fasilitas tombol "Go To </span><span style="font-family: Verdana, sans-serif;">Top" nantinya. </span><span style="font-family: Verdana, sans-serif;">Usahain isinya agak panjang ya biar nantinya bisa di </span><i style="font-family: Verdana, sans-serif;">scroll </i><span style="font-family: Verdana, sans-serif;">ke bawah.</span><div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div> <span style="font-family: Verdana, sans-serif;">2. Di bagian akhir <i>script</i> HTML, coba buat <i>syntax </i>link seperti ini :</span></div> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div> <span style="font-family: Courier New, Courier, monospace;"><a href="#" class="ke-atas">Ke Atas</a></span></div> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div> <span style="font-family: Courier New, Courier, monospace;">3. </span><span style="font-family: Verdana, sans-serif;">Udah itu kita buat <i>style</i> CSS nya. Cari kode ini : </span><span style="font-family: Courier New, Courier, monospace;"></head> </span><span style="font-family: Verdana, sans-serif;">lalu ketikkan kode seperti ini di atasnya :</span></div> <div> <span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div> <div> <span style="font-family: 'Courier New', Courier, monospace;"><style>.ke-atas{ position: fixed; bottom: 20px; right: 20px; padding: 20px 25px; color: #fff; background-color: #999; display:none;} .ke-atas:hover{ background-color: #ff0;}</style></span></div> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div> <span style="font-family: Courier New, Courier, monospace;">4. </span><span style="font-family: Verdana, sans-serif;">Panggil <i>library jquery</i> dengan mengetik kode seperti ini di bagian bawah HTML Agan :</span></div> <div> <span style="font-family: Courier New, Courier, monospace;"><br /></span></div> <div> <span style="font-family: Courier New, Courier, monospace;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.mi.js"></script></span></div> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div> <span style="font-family: Courier New, Courier, monospace;">5. </span><span style="font-family: Verdana, sans-serif;">Kemudian buat </span><i style="font-family: Verdana, sans-serif;">script </i><span style="font-family: Verdana, sans-serif;">Javascript-nya di bawahnya. Buat seperti ini : </span><ul><span style="font-family: 'Courier New', Courier, monospace;"> <li><script></li> </span></ul> <span style="font-family: 'Courier New', Courier, monospace;"> </span> <ul> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">  $(document).ready(function() {</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">    // tampilkan dan sembunyikan tombol</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">    $(window).scroll(function() {</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">      if($(this).scrollTop() > 250) {</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">        $('.ke-atas').fadeIn(250);</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">      } else {</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">        $('.ke-atas').fadeOut(250);</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">      }</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">    });</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;"><br /></span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">    // Efek lambat ketika diklik</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">    $('.ke-atas').click(function() {</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">      event.preventDefault();</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">      </span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">      $('html, body').animate({scrollTop: 0}, 800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50);</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">    });</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;">  });</span></li> <li style="text-align: left;"><span style="font-family: Courier New, Courier, monospace;"></script></span></li> </ul> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div> <span style="font-family: Verdana, sans-serif;">Selesai ... !!!</span></div> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div> <span style="font-family: Verdana, sans-serif;">Nah, sisanya tinggal testing, silakan <i>reload</i> halaman yang Agan buat barusan. Menarik kan fasilitas tombol "Go To Top" nya ?</span></div> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div> <span style="font-family: Verdana, sans-serif;">Ya udah deh, udah pada bisa ini kan, he</span></div> <div> <span style="font-family: Verdana, sans-serif;">Terima kasih ya udah berkunjung ke sini, mudah-mudahan bermanfaat. Terus berkarya menciptakan hal-hal yang berguna.</span><i style="font-family: Verdana, sans-serif;">Wassalamu'alaikum Warahmatullahi Wabarakaatuh</i></div> <div> <i style="font-family: Verdana, sans-serif;"><br /></i></div> <div> <i style="font-family: Verdana, sans-serif;"><br /></i></div> <div> <i style="font-family: Verdana, sans-serif;"><br /></i></div> <div> <span style="font-family: Verdana, sans-serif;"><i>sumber inspirasi :</i></span></div> <div> <ol> <li><span style="font-family: Verdana, sans-serif;"><i>Teman sekelas</i></span></li> <li><span style="font-family: Verdana, sans-serif;"><i>http://blog.kangismet.net/</i></span></li> </ol> <span style="font-family: Verdana, sans-serif;"><i><br /></i></span></div> </div>

CSS HTML jQuery Tutorial Web Design Membuat Tombol "Go To Top" dengan Efek Pantulan

Assalamu'alaikum Warahmatullahi Wabarakaatuh Pas tadi siang kuliah, ada temen yang nanyain progress pembuatan web yang sedang ...

Read more »