Posts

Showing posts with the label HTML

Penulisan Symbol HTML Entities

By -
Image
ASCII simbol Symbol Entity Name Entity Number Description Œ Œ Œ Uppercase ligature OE œ œ œ Lowercase ligature OE Š Š Š Uppercase S with caron
Post a Comment
Read more

[JS][PHP] Membuat Websocket Javascript

By -
Image
Cara membuat websocket dengan Javascript (JS) dan PHP Update: Simple Websocket Requirements: PHP 5.6+ (minimum)  Websocket merupakan standard baru untuk berkomunikasi, dan cocok untuk aplikasi chat, live server, live listener. Hampir sama dengan AJAX namun perbedaannya ada pada kecepatan dan CPU usage pada device client maupun server. Intinya lebih ringan lah. Websocket ini dapat menerima request apapun dan mendistribusikannya secara instant dari perubahan data sebelumnya. Berikut Cara membuat websocket tanpa NODEJS menggunakan Pure Javascript dan PHP: websocket.js /** websocket steam */ var socket; socket_start(); //start websocket function socket_start() { if (!socket) { //if socket is null console.log('WebSocket Started'); //start server socket = socket_server(); } try { socket.onopen = function (msg) { //console.log('socket initialized'); }; socket.onmessage = function (msg) { var data = JSON.parse(msg.data);
Post a Comment
Read more

[JS] Google Recaptcha V3 Complete Code

By -
Image
Requirements: jQuery (if not it will automated added into pages)  if (typeof jQuery == 'undefined' || !window.jQuery) { var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true; hs.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'; document.getElementsByTagName('head')[0].appendChild(hs); document.getElementsByTagName('body')[0].appendChild(hs); document.head.appendChild(hs); document.body.appendChild(hs); } Recaptcha Site Key And Secret (backend): Get Here //Set site key as global variable const g_site_key = 'YOUR_SITE_KEY'; Main Code: //loader (function () { submitDisable(); download_script('https://www.google.com/recaptcha/api.js?render='+g_site_key+'&render=explicit', function () {
Post a Comment
Read more

[CSS] Disabled Element

By -
*:disabled, *[disabled] { opacity: 0.5; color: #666666; cursor: not-allowed; pointer-events: none; } Example: Disabled Button <button disabled>Disabled Button</button>
Post a Comment
Read more

[JS] Print console log into div

By -
Image
HTML <div id="debug"></div> Pure Javascript (function () { var old = console.log; var logger = document.getElementById('log'); console.log = function (message) { if (typeof message == 'object') { logger.innerHTML += (JSON && JSON.stringify ? JSON.stringify(message) : message) + '<br />'; } else { logger.innerHTML += message + '<br />'; } } })(); Using jQuery // Using jQuery if (typeof console != "undefined") if (typeof console.log != 'undefined') console.olog = console.log; else console.olog = function() {}; console.log = function(message) { console.olog(message); $('#debug').append('<p>' + message + '</p>'); }; console.error = console.debug = console.info = console.log
Post a Comment
Read more

How to Display Icon Blog In speed dial Browser

By -
Image
Input Below Codes into <head>HERE</head> <link rel='icon' sizes='192x192' href='URL_IMAGES' /> <link rel='shortcut icon' href='URL_IMAGES' sizes='192x182' type='image/x-icon'> <link rel='apple-touch-icon' href='URL_IMAGES' /> <meta name='msapplication-square310x310logo' content='URL_IMAGES' /> <meta name='msapplication-TileImage' content='URL_IMAGES?w=270' />
Post a Comment
Read more

Stylish Full Sitemap Blogger

By Anonymous -
Image
How to Create Full Sitemap Blogger Pink Table Style Read How to async defer CSS JS perfectly Here the HTML <div id='wrapper'> <div id="bp_toc"></div> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="https://www.web-development.cf/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script></div> Here The CSS @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); body{   background:#ecf0f1;   font-family:'Open Sans';   color:#444;   line-height:normal; } #wrapper{   margin:30px auto;   max-width:600px; } a:link { color:#fc4f3f; text-decoration:none; outline:none; transition:all .25s; } a:visited:hover { color:#fc4f3f; text-decoration:none; } a:visited,a:link:hover { color:#444; text-decoration:n
Post a Comment
Read more

Add CSS Minifier Tool to Website

By -
Simple way to add CSS minifier to an websites. Here the codes: HTML <div class="next-wrap"> <div id="cssminifier"> <span class="clear"></span> <textarea autofocus="" id="cssField" placeholder="Paste your CSS code here..." spellcheck="false"></textarea> <div class="button-group"> <div class="box"> <input class="opt1" id="stripAllComment" type="checkbox" /> <label for="stripAllComment">Strip all comments</label> <input class="opt2" id="superCompact" type="checkbox" /> <label for="superCompact">Super compact</label> <input class="opt3" id="betterIndentation" type="checkbox" /> <label for="betterIndentation">Keep ind
Post a Comment
Read more