Cara Membuat Browser Menjadi Notepad, Mungkin bagi anda browser hanya bisa untuk Internetan saja tapi itu salah, browser juga bisa dijadikan Notepad tanpa software atau tool, Cara-nya anda tinggal anda mengetikan perintah di Anddres Bar di browser anda.
Pengertian Notepad adalaah sebuah text editor simple yang sudah ada sejak Windows 1.0 di tahun 1985 yang ada di setiap system windows baik xp, vista, seven dan sebagainya.tentu kode ini sangat penting dan justru mungkin paling sering di gunakan oleh para user, baik kepentingan pribadi ataupun lainnya, misalnya noteped di gunakan untuk sekedar belajar, mengetik HTML, membuat blog dan lain sebagainya.
Tapi kali ini saya akan memberikan Cara Membuat Browser Menjadi Notepad, Cara ini juga mempercepat anda membuat Notepad tanpa harus membuka software-nya terlebih dahulu, kita tinggal mengtikan Script dibawah di anddres bar browser anda, untuk mempercepat lagi anda bisa menyimpan di bookmark agar sekali klik menuju notepad browser anda.
1.) Standard
2.) Notepad
3.) Kertas
4.) Diary
5.) Sublime
6.) PlaceHolder
7.) Font Keren
8.) Transisi Warna
Pengertian Notepad adalaah sebuah text editor simple yang sudah ada sejak Windows 1.0 di tahun 1985 yang ada di setiap system windows baik xp, vista, seven dan sebagainya.tentu kode ini sangat penting dan justru mungkin paling sering di gunakan oleh para user, baik kepentingan pribadi ataupun lainnya, misalnya noteped di gunakan untuk sekedar belajar, mengetik HTML, membuat blog dan lain sebagainya.
Tapi kali ini saya akan memberikan Cara Membuat Browser Menjadi Notepad, Cara ini juga mempercepat anda membuat Notepad tanpa harus membuka software-nya terlebih dahulu, kita tinggal mengtikan Script dibawah di anddres bar browser anda, untuk mempercepat lagi anda bisa menyimpan di bookmark agar sekali klik menuju notepad browser anda.
Cara-nya:
- Copy Kode dibawah, kemudian buka browser anda ( Mozilla Firefox, Google Crome dan lain sebagainya.), selanjutnya pastekan kode dibawah di anddreas bar browser anda, lalu tekan enter.
- Untuk menyimpan Notepad browser anda, Anda cukup menekan CTRL+S.
1.) Standard
data:text/html, <title> Hunter Nblz </title> <html contenteditable>
2.) Notepad
data:text/html, <title> Hunter Nblz </title> <html contenteditable><style>body {color: #333; width: 960px; margin: 0 auto; display: block; height: 100%; font-size: 36px; padding: 20px;}</style></html>
3.) Kertas
data:text/html;charset=utf-8, <title> Hunter Nblz </title> <link rel="shortcut icon" href="http://g.etfv.co/https://docs.google.com"/> <style> html{height: 100%;} body{background: -webkit-linear-gradient(#f0f0f0, #fff); padding: 3%; height: 94%;} .paper { font: normal 12px/1.5 "Lucida Grande", arial, sans-serif; width: 50%; height: 80%; margin: 0 auto; padding: 6px 5px 4px 42px; position: relative; color: #444; line-height: 20px; border: 1px solid #d2d2d2; background: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px; background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; -webkit-background-size: 100% 20px; -moz-background-size: 100% 20px; -ms-background-size: 100% 20px; -o-background-size: 100% 20px; background-size: 100% 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07); box-shadow: 0 1px 2px rgba(0,0,0,0.07); } .paper::before { content: ''; position: absolute; width: 4px; top: 0; left: 30px; bottom: 0; border: 1px solid; border-color: transparent #efe4e4; } textarea{display: block; width:94%;margin:0 auto;padding:3.8% 3%; border: none; outline: none; height: 94%; background: transparent; line-height: 20px;} </style> <body spellcheck="false"> <div class="paper"> <textarea autofocus="autofocus"></textarea> </div> </body> </html>
4.) Diary
data:text/html;charset=utf-8, <title>Hunter Nblz </title> <style> body { background: -webkit-linear-gradient(#f0f0f0, #fff); padding: 3%; height: 94%; } .paper { font: normal 14px "Lucida Grande", arial, sans-serif; width: 50%; height: 80%; margin: 0 auto; padding: 6px 5px 4px 42px; position: relative; color: #444; line-height: 20px; border: 1px solid #d2d2d2; background: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px; background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; -webkit-background-size: 100% 20px; -moz-background-size: 100% 20px; -ms-background-size: 100% 20px; -o-background-size: 100% 20px; background-size: 100% 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07); box-shadow: 0 1px 2px rgba(0,0,0,0.07); } .paper::before { content: ''; position: absolute; width: 4px; top: 0; left: 30px; bottom: 0; border: 1px solid; border-color: transparent #efe4e4; } textarea { display: block; width:94%; margin:0 auto; padding:3.8% 3%; border: none; outline: none; height: 94%; background: transparent; line-height: 20px; }"><h1>Text Editor</h1> </style> <link rel="shortcut icon" href="http://g.etfv.co/https://docs.google.com"/> <body OnLoad='document.body.focus();' contenteditable spellcheck="true" class="paper" >
5.) Sublime
data:text/html,<title>Hunter Nblz</title><style type="text/css">#e{font-size: 16px; position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/javascript");</script>
6.) PlaceHolder
data:text/html, <title.Hunter Nblz</title><style>html,body{margin: 0; padding: 0;}</style><textarea style="font-size: 1.5em; line-height: 1.5em; background: %23000; color: %233a3; width: 100%; height: 100%; border: none; outline: none; margin: 0; padding: 90px;" autofocus placeholder="Zonk Banget..." />
7.) Font Keren
data:text/html;charset=utf-8, <title>Hunter Nblz</title><body contenteditable style="font-size:2rem;font-family:Harrington;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;" spellcheck="false"><h1>Zonk Banget</h1><p>Mulai Menulis..
8.) Transisi Warna
data:text/html, <title>Hunter Nblz</title> <html><head><link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><style type="text/css"> html { font-family: "Open Sans" } * { -webkit-transition: all linear 1s; }</style><script>window.onload=function(){var e=false;var t=0;setInterval(function(){if(!e){t=Math.round(Math.max(0,t-Math.max(t/3,1)))}var n=(255-t*2).toString(16);document.body.style.backgroundColor="#ff"+n+""+n},1e3);var n=null;document.onkeydown=function(){t=Math.min(128,t+2);e=true;clearTimeout(n);n=setTimeout(function(){e=false},1500)}}</script></head><body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">
Terima kasih telah membaca Artikel saya tentang Cara Membuat Browser Menjadi Notepad, Jika ada kesulitan bisa diskusi dikolom komentar dibawah. Semoga Bermanfaat bagi anda.
0 comments:
Post a Comment