Skip to content

Instantly share code, notes, and snippets.

View tutweb's full-sized avatar

Tutorial Web Design tutweb

  • Tutweb
  • Indonesia
View GitHub Profile
@tutweb
tutweb / alexa-rank-checker.php
Last active April 19, 2019 18:17
PHP Alexa Rank Checker
<?php
/**
* Ranking Alexa dengan PHP
*
* @param string $domain (www.jurnalweb.com)
* @return int || void
*/
function AlexaRank($domain){
$uri = 'http://data.alexa.com/data?cli=10&dat=snbamz&url=';
@tutweb
tutweb / multiple-file-upload.php
Created July 23, 2016 13:09
Script upload multiple file dengan PHP
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Multiple File Upload dengan PHP | Jurnalweb.com</title>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<input type="file" id="file" name="files[]" multiple="multiple" accept="image/*" />
<input type="submit" value="Upload!">
@tutweb
tutweb / popup-css-javscript
Created September 2, 2016 04:03
Popup dengan css dan javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Popup</title>
<style>
body{
font-family: arial, verdana, sans-serif;
}
@tutweb
tutweb / embed-pdf.html
Created May 13, 2016 02:27
Cara menampilkan file PDF di halaman website HTML (EMBED)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cara menampilkan file PDF di halaman website HTML (EMBED)</title>
</head>
<body>
<embed src="LOKASI_FILE.pdf" width="550" height="600"> </embed>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Multilevel Dropdown Menu dengan CSS | Jurnalweb.com</title>
<meta name="description" content="Tutorial cara membuat multilevel dropdown menu dengan CSS tanpa perlu javascript sama sekali">
<meta name="keywords" content="css, menu, dropdown menu, menu dropdown, web design, desain web, multilevel menu, multilevel dropdown">
<style type="text/css">
.nav {
width: auto;
@tutweb
tutweb / jw-embed-youtube.html
Last active July 16, 2016 09:15
Script Embed YouTube Video Player Responsive
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Youtube</title>
<style>
header h1{font-size:20px;}
header p{margin:5px auto}
.youtube-container { display: block; /*margin: 20px auto;*/ width: 100%; max-width: 600px; border:1px solid #000; }
@tutweb
tutweb / show-hide-password.html
Created May 24, 2016 04:12
Cara show hide password dengan javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Show Hide Password dengan Javascript | Jurnalweb.com</title>
<meta name="description" content="Cara hide show password dengan javascript agar pengguna bisa melihat dan menyembunyikan teks password form login atau register"/>
<meta name="keywords" content="html, javascript, coding, koding, pemrograman, show hide password, js"/>
<style>
header{
@tutweb
tutweb / kunci-konten.html
Created April 16, 2016 13:06
Kunci Konten Dengan Jquery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kunci Konten agar tidak bisa di edit di inspect element - Jurnalweb.com</title>
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="//cnova.github.io/jquery-lock/release/jquery.lock.min.js"></script>
<script>
$(document).ready(function() {
$(".kunci").lock();
@tutweb
tutweb / SyntaxHighlighter-to-Pastacode
Created December 30, 2014 02:29
Replace SyntaxHighlighter format to Pastacode
UPDATE wp_posts SET post_content = REPLACE ( post_content, '[html]
', '[pastacode lang="markup" message="" highlight="" provider="manual"]
<pre><code>');
UPDATE wp_posts SET post_content = REPLACE ( post_content, '
[/html]', '</code></pre>
[/pastacode]');
UPDATE wp_posts SET post_content = REPLACE ( post_content, '[css]
', '[pastacode lang="css" message="" highlight="" provider="manual"]
@tutweb
tutweb / css-segitiga.html
Created July 2, 2013 17:48
Membuat bentuk segitiga dengan css
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Membuat bentuk segitiga dengan css</title>
<style>
/* Triangles
----------------------------*/
.triangles{