Tutorial Web Design tutweb

## embed-pdf.html
<!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>

## tabel-responsive.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Tabel Responsive dengan CSS dan HTML | Jurnalweb.com</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
body {
	font-family: "Times New Roman", serif;
	line-height: 1.25;

## kunci-konten.html
<!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();

## SyntaxHighlighter-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"]

## og-php.php
<?php
function fetch_og($url)
{
    $data = file_get_contents($url);
    $dom = new DomDocument;
    @$dom->loadHTML($data);

    $xpath = new DOMXPath($dom);
    # query metatags dengan prefix og
    $metas = $xpath->query('//*/meta[starts-with(@property, \'og:\')]');

## scroll-play-video.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Scroll untuk play video | Tutorial-Webdesign.com</title>
	<script src="//code.jquery.com/jquery-1.10.2.js"></script>
	<script>
	function scrollVideo() {
	  var video = $('#video').get(0),
	    videoLength = video.duration,

## animasi-background-scroll.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Animasi Background Ketika Scroll</title>

	<style>
	*{
		padding: 0;
		margin: 0;

## CSS Shapes Demo
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Demo CSS Shapes</title>
	<style>
		*{
			padding: 0;
			margin: 0;
		}

## animasi-background.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Animasi Background CSS3</title>
	<style>
	body{
		background-color: #f1c40f;
		-webkit-animation: color 5s ease-in  0s infinite alternate running;
		-moz-animation: color 5s linear  0s infinite alternate running;

## gmail.php
<?php

function check_email($username, $password)
{
    //Connect Gmail feed atom
    $url = "https://mail.google.com/mail/feed/atom";

    // Send Request to read email
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_URL, $url);
	<!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>
	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"]
	<?php
	function fetch_og($url)
	{
	$data = file_get_contents($url);
	$dom = new DomDocument;
	@$dom->loadHTML($data);

	$xpath = new DOMXPath($dom);
	# query metatags dengan prefix og
	$metas = $xpath->query('//*/meta[starts-with(@property, \'og:\')]');
	<?php

	function check_email($username, $password)
	{
	//Connect Gmail feed atom
	$url = "https://mail.google.com/mail/feed/atom";

	// Send Request to read email
	$curl = curl_init();
	curl_setopt($curl, CURLOPT_URL, $url);