Raka Adi Nugroho

kembali tentang cascading stylesheet , admin akan berbagi tentang efek Fade-in Fade-out ,setelah sebelumnya tentang cara membuat login popup dengan css3 .  efek ini cocok untuk efek login, tanpa harus menggunakan flash yang terlalu berat. cara pembuatannya, : 1. pertama, anda buat file basic html terlebih dahulu, simpan dengan nama index.html 2. buatlah stylenya yaitu cascading stylesheet 3 , disini cssnya akan ada di head program index.html , jadi tidak diperlukan file baru, ini adalah codenya : <style>     body, html {         text-align: center;         font-size: 90px;         font-family: Poiret One;         height: 100%;         background: -webkit-linear-gradient(315deg, #723362, #9d223c);         background: linear-gradient(135deg, #723362, #9d223c);         overflow: hidden;         color: white;     }     .raka {         position: relative;         top: -webkit-calc(50% - 60px);         top: calc(50% - 60px);         text-shadow: 0px 0px 3px

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

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

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

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

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

pada bagian ini admin akan memberikan pengahan bagaimana cara menseting domain yang telah kita beli di wix.com dengan hosting kita. perhatikan baik-baik bahwa wix tidak bisa di ganti nameservernya, jika belum 60 hari registrasi. tapi jangan khawatir, kita akan gunakan point A RECORDnya pertama silahkan login wix.com   setelah anda login wix.com silahkan anda masuk ke konfigurasi akun anda, dan pilih tabulasi Domains   setelah itu silahkan manage domain yang anda punya.   kemudian kita pilih domain yang akan kita manage, disini dicontohkan joskoding.info Silahkan di Kunjungi) setelah anda mengklik maka akan muncul tabulasi baru, silahkan pilih advance   kita klik manage , untuk mengkonfigurasi DNS Recordnya muncul jendela seperti dibawah ini   nah,ini yang akan kita ganti.  kita akan rubah pointnya ke IP Server Hosting kita. caranya klik gambar pencil di bagian kanan, dan akan muncul PopUp . disitulah nanti anda akan mengganti IP Server Hostingnya(seper

dasar-dasar htaccess , merupakan file simple yang bisa jadi jantung website anda, dengan Menggunakan ini Anda dapat dengan mudah mengkonfigurasi dan mengarahkan sistem file Apache Web Server . Posting ini akan menjelaskan kepada Anda bagaimana untuk membuat URL yang ramah , sub direktori domain redirect dan banyak lagi . Cara Membuat .htaccess ? sebelum anda membuat file htaccess aktifkan dulu mod_rewrite di konfigurasi apachenya cara nya lihat postingan saya sebelumnya disini