Juru Coding

Postingan

Menampilkan postingan dengan label Tutorial

Membuat Login Form Dengan HTML dan CSS

Sebuah website tentu memiliki interface untuk client dan admin, dan untuk halaman admin tentu saja harus masuk terlebih dulu melalui halaman login. Bagaimana jika membuat halaman login form? Pada kesempatan ini atau tepatnya merupakan postingan pertama pada bulan desember 2013 ini Juru Coding akan berbagi tutorial untuk membuat sebuah halaman login sederhana menggunakan HTML dan CSS. Untuk membuat halaman login form anda dapat mengunduh source lengkapnya melalui halaman ini, karena pada halaman ini hanya sebagai introduce saja dan untuk selebihnya silahkan dipelajari sendiri. Berikut screenshotnya : Index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Login Form</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <section class

Baca selengkapnya

Sassy Social Bookmarking Widget dengan Animasi Untuk Blogger

Selamat pagi sobat blogger, terimakasih sudah bersedia berkunjung kembali di Juru Coding. Sebelumnya mohon maaf karena updatenya jarang-jarang, maklum masih konsen uts. Pada kesempatan ini saya akan berbagi widget social bookmarking dengan animasi, dimana widget ini akan berada disudut kiri bawah, sedikit jauh mirip dengan yang berada di sudut kiri bawah yang ada pada Path. Stylenya sederhana dan tidak berpengaruh pada loading blog karena widget ini memang ringan dan tentunya tidak ketinggalan jaman. berikut screenshotnya. Demo bisa dilihat di demo-jurucoding.blogspot.com Berikut cara membuatnya : Login akun blogger Masuk ke Template > Edit HTML Kemudian letakkan script dibawah ini tepat sebelum tag </body> <div class='shr_ss shr_publisher'> </div> <script type='text/javascript'> var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sas

Baca selengkapnya

Membuat Widget Subscribe By Email Pop-Up

Selamat malam sobat blogger, kali ini Juru Coding akan berbagi tutorial untuk membuat sebuah widget email suscribe dengan pop up style. Mungkin sobat blogger banyak menjumpai blog/web yang menggunakan widget email subscribe popup, dan jika sobat blogger tertarik untuk membuat subscribe email popup maka silahkan lanjutkan membaca postingan ini. PopUp email subscribe yang akan saya tunjukkan cara pembuatannya adalah popup email subscribe yang sangat sederhana, bahkan mungkin bisa dibilang dibawah standard, namun apa salahnya jika dicoba meski harus melakukan perubahan sendiri untuk menemui kata cocok. Berikut adalah cara untuk membuat popup email subscribe di blogger. Buka Tata Letak > Tambahkan Gadget > HTML Selanjutnya, silahkan copy script dibawah ini kemudian paste. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><style> #backgroundPopup{ display:none; position:fixed; _position:abs

Baca selengkapnya

Cara Membuat Daftar Isi Otomatis

Selamat pagi sobat blogger, kali ini saya akan kembali berbagi tutorial yang sederhana, yaitu cara membuat daftar isi otomatis di blog. Daftar isi terkadang dibutuhkan dan terkadang juga tidak dibutuhkan, tergantung kebutuhan suatu blog atau web, bagi sobat blogger yang ingin membuat daftar isi silahkan lanjutkan membaca postingan ini. Untuk membuat sebuah daftar isi, anda tidak memerlukan notepad atau apapun, karena anda dapat mengcopy script dari blog sederhana ini secara cuma-cuma, tapi kalau untuk di share tolong di cantumkan sumbernya ya. Berikut adalah cara untuk membuatnya. Buat laman baru pada blog anda Pilih HTML Paste script dibawah ini kemudian Publikasikan <div style="border: 0px solid #000; overflow: auto; height: auto;"> <script style="text/javascript" src="https://sites.google.com/site/abdulkholiqhasan/hos/Contents.js"></script> <script style="text/javascript"> var numposts = 1000

Baca selengkapnya

Cara Bypass Shorten Link

Beberapa waktu yang lalu saya sudah berbagi cara bypass adf.ly dengan memanfaatkan situs bypasser, pada kesempatan kali ini saya kembali akan berbagi cara untuk bypass adf.ly, maaf maksud saya shorten link karena yang di bypass bukan cuma adf.ly melainkan adfoc.us, linkbucks dan lain-lain. Caranya cukup mudah, cukup buka browser anda (Chrome / Firefox), kemudian cari ekstensi Tampermonkey (chrome), Greasemonkey (firefox). kemudian setelah instalasi selesai, lanjutkan dengan menginstall script-nya. Atau, anda juga dapat menggunakan cara dibawah ini. Chrome Install Tampermonkey Install Script Firefox Install Greasemonkey Install Script Kemudian selanjutnya silahkan dicoba, dan jika tidak bekerja maka silahkan restart browser, dan jika masih tidak bekerja juga maka remove terlebih dulu Tampermonkey/Greasemonkey kemudian ikuti cara dibawah ini Install Tampermonkey/Greasemonkey Restart browser Install script Dan jika dengan cara diatas masih ti

Baca selengkapnya

Bypass Link Adf.ly Dengan Bypasser

Selamat pagi, kali ini Juru Coding akan berbagi tutorial untuk menghindari link Adf.ly yang terkadang membuat kita menunggu untuk men download sesuatu. Adf.ly banyak digunakan untuk mendapatkan penghasilan dari internet (biasanya digunakan oleh blog/situs download software, game, komik , dan lain-lain. Namun tidak sedikit juga yang menggunakan Adf.ly hanya sekedar untuk memperpendek link. Jika mengetahui caranya, bukan tidak mungkin tiap bulan anda bisa mengantongi dolar demi dolar dari Adf.ly namun jika tidak tau maka cukup dengan bersabar. Lalu, bagaimana cara agar kita bisa mendownload, mengunjungi web tanpa harus melewati link Adf.ly ini? Caranya cukup mudah, yaitu dengan memanfaatkan Bypasser. Dulu Bypasser bisa di lakukan hanya dengan menambahkan addons pada web browser , namun hal itu sudah tidak berfungsi untuk saat ini (beberapa jam yang lalu saya coba). Namun anda tidak perlu khawatir dengan hal itu, karena ada situs yang menyediakan jasa bypasse

Baca selengkapnya