Skip to main content

Posts

Cara Membuat Login Popup dengan CSS3

setelah sebelumnya berbagi tentang bagaimana cara membuat parallax point slider dengan jquery dan css , kali ini akan berbagi, bagaimana cara membuat panel Popup menggunakan Popup Cascading Sytle . menggunakan tag div dan anda nanti bisa mengcutomisasi sendiri scriptnya. langsung saja : langkah pembuatan, 1. buatlah folder dengan nama popup 2. silahkan download file plugin Popup Cascading Style . dan simpan lah dengan nama popup.css dan letakan di folder popup 3. setelah itu, buatlah file HTML Basic dan simpan dengan nama index.html , letakan di folder popup 4. buatlah script di bawah ini pemanggilan popup.css <link rel="stylesheet" href="popup.css"> 5. buatlah kontent popup, dengan script dibawah ini. <div id="overlay">     <div id="popup"     <h1>Kontent Login Disini</h1>     </div> </div> 6. untuk pemanggilan kontent popup, adalah dengan script dibawah ini. href="#overlay&q

Cara Membuat Parallax Slider Point dengan Jquery

setelah saya melihat beberapa postingan di grup facebook  , dan ada beberapa percakapan tentang website bernama rafi.rpl.web.id   yang bisa dibilang bagus, dengan Jquery,Css + Slider. dan saya juga ucapkan terimakasih untuk om rafi yang buat websitenya, saya sedikit meniru untuk bisa dipelajari dan dibagikan untuk para desainer lainnya. seperti inilah contoh screennya disini kita akan menggunakan tools notepad++. pertama, silahkan unduh file Javascript + Jquery  nya disini buatlah file dengan susunan /index.html /library/jquery-1.11.0.min.js /library/slide.js setelah itu buka notepad, dan buatlah file baru extensi HTML dengan nama index.html ini adalah script memanggil javascript <script src="library/jquery-1.11.0.min.js"></script> <script src="library/slide.js"></script> dan ini adalah script cascading stylesheet <style> body{ background: #35b5f7; height: 3496px; } .load{ position: fixed; wid

5 Web Pembuat Slideshow Online Tanpa Coding

slideshow merupakan atribut yang cukup penting untuk anda yang memiliki website, karena website akan terlihat lebih menarik, namun bagi beberapa orang membuat slideshow merupakan sesuatu yang cukup sulit, karena harus memiliki kemampuan cascading stylesheet,html5,jquery  dan lain-lainya. namun kali ini admin akan berbagi bagaimana cara membuat slideshow without coding.waw. bagi beberapa orang yang memiliki kemampuan coding dan design belum baik bisa mencoba ini. ok, disini akan saya tunjukan satu persatu website gratis penyedia slideshow 1. Frobee Slideshow Maker website ini memiliki Slogan , anda bisa buat gratis disini Create Flash Slideshows the easy way! Anda bisa membuat slideshow Flash Gratis Disini. Features: Lots of different and unique transitions to choose from. Everything in one place - 1 compact Flash file. Smart streaming - playback starts as soon as the first image has been loaded. Semi-transparent captions. Full control over transition and playb

Cara Membuat Motion Captcha JQUERY

setelah sebelumnya berbagi tentang Source Code Captcha PHP+Bootstrap ,  kali ini saya akan berbagi tentang captcha kembali, namun bukan menggunakan angka,huruf,ataupun suara. tetapi meniru gambar. sebagai contoh klik diforum saya -> disini langkah pertama, silahkan anda unduh file pluginnya     Motion Captcha JS     JQUERY setelah itu buatlah folder bernama style, dan replace semua file unduhan tadi di dalam folder style tersebut. setelah itu, bukalah code editor[notepad++] atau yang lainnya. perintah untuk memanggil file pluginnya <link rel="stylesheet" href="style/jquery.motionCaptcha.0.2.css"/> <script src="style/jquery.min.js" type="text/javascript"></script> <script src="style/jquery.motionCaptcha.0.2.js" ></script> dan berikut ini adalah code cascading stylesheetnya <style> form {     width: 440px;     display: block;     text-align:left;     margin: 20px auto; } inpu

Cara Membuat Subdomain di Hosting dari WIX

pada tutorial kali ini, Raka Adi Nugroho akan berbagi tentang bagaimana cara membuat subdomain pada penyedia yang tidak bisa diganti Name Server nya. setelah sebelumnya tentang Cara Setting Domain dari WIX tanpa Name Server , kali ini bagai mana cara membuat sub domain sebagai contoh forum.joskoding.info tidak menggunakan Name Servernya . Pertama, silahkan anda Login di Hosting anda. dan masuk bagian tentang Sub Domain , sebagai contoh gambar dibawah ini. ketikan alamat Sub Domain anda, sebagai contoh nanti hasilnya adalah rakaadinugroho.joskoding.info . setelah itu kita klik Create jika sukses maka akan muncul di List Current Sub Domain   sambil menunggu status nya menjadi Live , dan silahkan anda Check. pasti masih Server Not Found. kita sekarang akan seting di wixnya. buka wix.com dan silahkan buka panel Advance Manage DNS seperti pada tutorial pertama saya. klik pada link Add New A Record , dan akan muncul Pop Up   pada hostname kita masukan link Sub Domai

Cara Membuat FlappyBird Versimu

setelah kemarin admin update tentang bagaimana cara membuat game FlappyBird dengan VB6.0  kali ini akan berbagi bagaimana cara membuat FlappyBird dengan Versi Anda Sendiri. sebagai contoh adalah Flappy Obama anda bisa lihat contohnya di samping ini. ini adalah game Flappybird yang di modifikasi karakter burungnya dan juga pipanya. ok  pertama silahkan anda persiapkan 2 buah  gambar sebagai karakter dan juga pipanya nanti akan digunakan sebagai karakter dan pipa. langkah-langkahnya : 1. bukalah situs ini 2. klik Choose File  dan pilih gambar nya masing masing, setelah itu    atur ukuran Cropnya . 3.  setelah itu, beri judul pada game anda, dan klik Generate Game 4. selesai Kunjungi dan Berikan Pendapat mau diisi apa blog www.rekayasaperangkatlunak.org Salam Joskoder

Source Code Aplikasi Sistem Rekam Medis PHP+MYSQL

dalam dunia medispun telah menggunakan system komputasi, berupa aplikasi berbasis desktop maupun under web. kali ini Raka Adi Nugroho  berbagi karyanya yaitu Sistem Informasi Rumah Sakit(SIRS) . yang mempunyai beberapa fasilitas utama. antara lain 1. Responsive Design 2. Bootstrap Plug 3. Stylish 4. Edit Data 5. Input Data 6. Data Tampil 7. List Data 8. Upload Files 9. Hapus Data 10. Dan lain lain dibuat menggunakan PHP dan Database MYSQL, dan dibawah ini adalah beberapa screenshoot utamanya bagian login pengurus, dengan JQUERY + CSS kemudian setelah login akan ada tampilan index.phpnya, seperti pada gambar dibawah ini tampilah index