Pengertian CMS

Pengertian CMS (Content Management System)

Assalamualikum Wr.Wb

CMS Formulasi adalah sebuah sistem manajemen konten (Content management sistem) yang dapat diperoleh secara gratis, sebuah sistem sederhana yang pertama kali dibangun dari nol oleh Sdr. Ari Rusmanto yang diberi nama Schoolhos. Seiring berjalannya waktu CMS ini ada beberapa perbaikan kode oleh Sdr. Fauzan A Mahanani kemudian berubah nama menjadi CMS Formulasi.

Apakah kalian tau, apa itu CMS Formulasi ?
        CMS Formulasi merupakan sebuah sistem informasi sederhana yang dibangun dengan menggunakan bahasa pemograman PHP dan MySQL. Sistem ini adalah salah satu alternatif untuk membangun sebuah website informasi pendidikan atau instansi sekolah. Modul yang disediakan merupakan standar modul yang dibutuhkan oleh sebuah website sekolah pada umumnya, yaitu data siswa, data guru dan staff, data alumni, pendaftaran siswa baru dan materi untuk e-learning.


Akuntabilitas
Oleh karena CMS mendukung alur kerja dan hak akses yang jelas kepada para penggunanya, data/informasi yang disampaikan dapat dipertanggung jawabkan dengan baik. Setiap penulis ataupun editor memiliki tugas masing-masing dengan hak akses yang berbeda-beda pula. Dengan demikian setiap perubahan yang terjadi di website dapat ditelusuri dan diperbaiki seperlunya dengan segera.
CMS pada prinsipnya dapat dipergunakan  untuk berbagai macam keperluan dan dalam berbagai kondisi, seperti untuk :
~ Mengelola website pribadi.
~ Mengelola website perusahaan/bisnis.
~ Portal atau website komunitas.
~ Galeri foto, dan lain sebagainya.
~ Forum.
~ Aplikasi E-Commerce.
~ Dan lain-lain

Kekurangan CMS
1. Mengharuskan menggunakan source kode yang kadang membingungkan.
2. Ada beberapa fitur-fitur yang kurang terpakai, sehingga membuat jadi kurang efisien.
3. Security lebih rawan terutama  yang opensource, karna banyak orang yang tahu tentang code dan kelemahannya.
4. Template telah tersedia, sehingga kurang bisa berekspresi.

 Beriku ada beberapa macam CMS yang paling sering digunakan orang-orang, salah satunya adalah :
1. CMS Wordpress
2. CMS Joomla
3. CMS Drupal
4. Aura CMS
5. CMS Opencart
6. CMS Prestashop
7. CMS Moodle  

 Sebenarnya masih banyak lagi CMS-CMS yang bertebaran di internet, namun saya hanya menyebutkan beberapa CMS yang paling banyak digunakan orang. Untuk CMS lain silahkan cari di internet dan lain waktu untuk informasinya lebih lanjut. 

ASALAMU'ALAIKUM Wr.Wb

Read More

Cara Install Apache, MySQL, PHP dan PHPMyAdmin Di Ubuntu

Cara Install Apache, MySQL, PHP dan PHPMyAdmin Di Ubuntu

• Install Apache

Buka terminal dan jalankan perintah berikut : 

sudo apt-get install apache2
Silahkan tunggu proses instalasi sampai selesai. Setelah itu buka browser anda dan ketikan http://localhost di address bar. Jika muncul gambar seperti dibawah, maka instalasi apache berhasil. 

Install PHP5

Buka terminal dan jalankan perintah berikut :

sudo apt-get install php5 libapache2-mod-php5
Silahkan tunggu proses instalasi sampai selesai. Setelah itu silahkan restart apache-nya dengan perintah berikut :

sudo /etc/init.d/apache2 restart
setelah itu silahkan buat file phpinfo.php untuk mengetahui instalasi PHP5 berhasil atau tidak dan simpan di directory /var/www/. Untuk lebih cepatnya silahkan jalankan perintah berikut :

sudo gedit /var/www/phpinfo.php
pada jendela gedit yang tampil silahkan isikan script berikut :

<?php phpinfo (); ?> 

setelah itu disave. Kemudian ketikan http://localhost/phpinfo.php di browser Jika tampil gambar seperti berikut, maka instalasi PHP5 berhasil

Install MySQL

Buka terminal dan jalankan perintah berikut :

sudo apt-get install mysql-server
setelah beberapa saat instalasi MySQL berjalan, akan tampil permintaan password untuk user root. Silahkan masukan password yang anda inginkan. Lebih jelasnya lihat gambar berikut :


setelah itu akan tampil jendela untuk konfirmasi password. Silahkan masukkan password yang anda masukkan pertama kali. Lihat gambar!!


Setelah itu silahkan tunggu proses instalasi sampai selesai

Install PHPMyAdmin

Buka terminal dan jalankan perintah berikut :

sudo apt-get install phpmyadmin
Setelah beberapa saat proses instalasi berjalan, nanti akan tampil jendelaConfiguring Phpmyadmin. Silahkan pilih OK. Lebih jelasnya lihat gambar berikut :


Setelah itu akan tampil jendela Configuring Phpmyadmin lagi. Silahkan pilih NO.Lebih jelasnya lihat gambar berikut :

Setelah itu silahkan tunggu proses instalasi sampai selesai. Setelah proses instalasi selesai, selanjutnya jalan perintah berikut di terminal :

sudo cp /etc/phpmyadmin/apache.conf /etc/apache2/conf.d 

 kemudian restart apachenya 

sudo /etc/init.d/apache2 restart

setelah selesai, ketikan http://localhost/phpmyadmin di browser anda untuk mengakses PHPMyAdmin. Berikut gambar jendela login dari phpmyadmin :

Silahkan masukan Username (root) dan password anda. Jika sukses akan tampil seperti gambar berikut :

Sekian tutorial Cara Install Apache, PHP, MySQL dan PHPMyAdmin Di Ubuntu.Jika terdapat kesalahan, saya mohon maaf dan kritik dan sarannya. Terima Kasih ..!! :)

Read More

Tutorial Install prestashop on linuk !

Tutorial Install Prestashop

Cara Install Prestashop (Toko Online)

Langkah-langkah Install Prestashop :

1.  Pertama download dulu file prestashop, jika belum punya bisa download di sini .
2.  Setelah itu, masukkan file yang tadi di download ke /var/www/htm/. dengan perintah cp /home/aji/Download/CMS/Praktek/BLC/prestashop_1.6.0.9.zip
3.  Pindah ke direktori html dengan perintah # cd /var/www/html
4.  Kemudian, unzip file tadi. Dengan perintah #unzip prestashop_1.6.0.9.zip
5.  Setelah itu, berikan hak akses pada file tadi dengan perintah # chown -R www-data:www-data prestashop. 
6. Masuk ke phpmyadmin lalu buat database prestashop.
   
7. Buka tab baru lalu ketikkan localhost/prestashop . Berikut adalah tampilan dari installasi prestashop.
   
8.  Jendela ini adalah untuk memilih bahasa, pilih english/yang anda inginkan lalu klik next.
   
9.  Setelah itu, pada jendela selanjutnya kita diminta untuk menyetujui, beri ceklist pada "I agree...." lalu klik next. 
   
10.  Selanjutnya kita diminta untuk memasukkan data prestashop yang akan kita buat. Lengkapi datanya lalu klik next. 
    
11.  Next, kita diminta untuk mengisi data konfigurasi database, silakan isi sesuai konfigurasi awal tadi lalu klik next. Anda juga bisa mengecek koneksi database dengan klik "test your database connection now". 
    
12.  
13. Kemudian kita hapus dulu file installasi prestashop. Dengan perintah # rm -r install .
14. Yang tidak kalah penting, kita rename juga folder admin dengan perintah #mv admin <nama baru>
15. Kita buka tab lagi, ketikkan localhost/prestashop/<nama baru>, silakan log in sesuai konfigurasi di awal tadi. 

TERIMAKASIH !!!!!

Read More

Tutorial instalasi xampp for Windows

Assalamu'alaikum Wr.Wb


Sore ini saya akan sedikit sharing untuk kalian tentang Tutorial Installation Xampp For Windows.


Di bawah ini adalah cara cara instalasinya !!!


1. Pastikan anda sudah mendownloadnya, jika belum silahkan download di xampp-win32-1.8.1-VC9-installer.exe.

2.  Dobel klik file xampp yang baru saja Anda download, selanjutnya akan muncul jendela “installer language” seperti di bawah ini:

3.  Selanjutnya pilih bahasa. Pilih yang Bahasa Inggris (English). Klik OK.Kadang pada proses ini muncul pesan error.

4. Jika ada, abaikan saja dan lanjutkan dengan klik OK dan YES.

5. Berikutnya akan muncul jendela yang isinya meminta Anda menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik tombol Next.

6. Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal. Centang saja semua pilihan dan klik tombol Next.

7. Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder XAMPP. Secara default akan diarahkan ke lokasi c:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisa klik browse dan tentukan secara manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan dan klik tombol Install.

8. Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish untuk menyelesaikannya.

9.  Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang menanyakan Anda apakah mau langsung menjalankan aplikasi XAMPP atau tidak. Jika ya, maka klik YES.

TERIMA KASIH :p

Read More

How to Install Prestashop with Apache2 + MySQl 5.5 + PHP 5.5 on Ubuntu Server 14.04

Introduction

Prestashop is an free and open source shopping cart which has many features that make it compatible with any web server (Apache, NginX and Microsoft IIS). It is well know for its vast collection of themes as well as custom store design. Multiple payment gateways can be integrated which makes it reliable and secured. It is fully supported with SSL certificates.
Prestashop supports more than 65 languages which keeps the e-commerce site to more flexible. It has about 3,500+ free and paid modules that has multiple functionalities.
In this tutorial, we will cover How to Install Prestashop with LAMP (Linux, Apache, MySQL, PHP) server on Ubuntu Server 14.04.

Prerequisites

Before you begin with this tutorial, you should have a separate, non-root user account set up on your server. You can find out the tutorial how to create a user with sudo privileges by following steps 1 – 4 in the Initial server setup for Ubuntu Server 14.04
Once you have fulfilled the above requirements, continue on with the following guide.

Step 1 – Set Up LAMP Server for Prestashop

Before get the prestashop files and install them into your web directory. You need to have Linux, Apache, PHP, and MySQL (LAMP) installed and configured on your server.

Install Apache, MySql and PHP5

Make sure your package repositories and installed programs are up to date by issuing the following commands:

sudo apt-get update

sudo apt-get upgrade

Install Apache, PHP, MySQL package and PHP modules that will be needed by the Prestashop installation.

sudo apt-get install lamp-server^ php5-curl php5-gd php5-mcrypt php5-memcache

During the installation, you’ll be asked to setup the MySQL root user password. This is an administrative account in MySQL that has increased privileges, Enter the password and select `OK`.
Now, Enable module php5-mcrypt by typing the following command:

sudo php5enmod mcrypt

Edit PHP configuration file

We will also be making a few small tweaks to our PHP configuration file. These are recommended by the Prestashop. Open and edit the Apache PHP configuration file /etc/php5/apache2/php.ini with sudo privileges in your text editor

sudo nano /etc/php5/apache2/php.ini

Then add/modify the following lines:

memory_limit = 128M
upload_max_filesize = 16M
max_execution_time = 60
file_uploads = On
allow_url_fopen = On
magic_quotes_gpc = Off
register_globals = Off

When you are finished, press CTRL+O to save then press CTRL+X to Exit.

Changing the Default Directory Index Page

By default, apache load index page html script called index.html. Now, we will make PHP script called index.php first load in apache web server. You can do this by editing file dir.conf, it is located on directory /etc/apache2/mods-enabled/:

sudo nano /etc/apache2/mods-enabled/dir.conf

It will look like this:

<IfModule mod_dir.c>
 DirectoryIndex index.html index.cgi index.pl index.php index.xhtml index.htm
</IfModule>

Move the index.php file to first position:

<IfModule mod_dir.c>
 DirectoryIndex index.php index.html index.cgi index.pl index.xhtml index.htm
 </IfModule>

When you are finished, press CTRL+O to save then press CTRL+X to Exit.

Improve MySQL Installation Security

The following command is initializes the MySQL data directory and creates the system tables that it contains, if they do not exist.

sudo mysql_install_db

Securing MySQL installation by running the following command:

sudo mysql_secure_installation

After execute the command above, it will be ask you to enter the password for the MySQL root account. Next, it will ask you if you want to change that password. If you are happy with your current password, type `n` for `no`. It also ask you to remove some sample users and databases, disable remote root logins, and load these new rules so that MySQL immediately respects the changes you have made.

Restart the Apache and MySQL Server

Restart apache and mysql service so that all of the changes take effect :

sudo service apache2 restart && sudo service mysql restart

Step 2 – Create MySQL User and Database for Prestashop

Log into the MySQL Shell as root:

mysql -u root -p

Once Successful login to the MySQL Shell. Now, create database for prestashop. In this tutorial, We will call our database `dbprestashop`. Feel free to give it whatever name you choose

CREATE DATABASE dbprestashop;

Next, you need to create a user that the Prestashop application can use to connect to the database. In this tutorial, we’ll call our user prestauser

CREATE USER prestauser@localhost IDENTIFIED BY 'prestashoppsswd';

Now, you have a database and a user for prestashop installation, but these two components have no relationship yet. The user has no access to the database.
Fix it by granting the user account access to your database with the following command:

GRANT ALL PRIVILEGES ON dbprestashop.* TO prestauser@localhost;

Now the user has access to the database. We need to flush the privileges to tell mysql to reload the user table. Then sign out from MySQL shell.

FLUSH PRIVILEGES;

exit;

Step 3 – Download Stable Version of Prestashop

Next, download the stable version of prestashop installation files from the prestashop official site. Currently, stable version of prestashop available in version 1.6.0.14. Download it with following command:

wget https://www.prestashop.com/download/old/prestashop_1.6.0.14.zip

Now, Extract prestashop_1.6.0.14.zip with command unzip. If you don’t have unzip package installed on your server, install it by entering the command:

sudo apt-get install unzip

Extract prestashop archieve:

unzip prestashop_1.6.0.14.zip

This will create a directory called prestashop in your home directory.

Step 4 – Copy Prestashop File to Apache Root Directory

In this step, you need to copy prestashop installation into apache’s root directory, where it can be served to visitors of our website. The directory of the apache document root is /var/www/html/. Use rsync command to transferring files from directory to directory. You can transfer prestashop installation files by typing:

sudo rsync -avP ~/prestashop/ /var/www/html/

Step 5 – Set Ownership and Permission Prestashop Installation File

Next, you need to change the group ownership of prestashop installation files for increased security. The group ownership that will give to web server process, which is www-data. This will allow Apache to interact with the content as necessary.
In this guide, we will use the same username that used in tutorial initial setup for ubuntu server 14.04, which called “ubuntu“. First, you should ensure that your username is included in www-data group

sudo usermod -aG www-data ubuntu

sudo chown -R ubuntu:www-data /var/www/html/*

Find all directories in /var/www/html/ and set their permissions to 755

sudo find /var/www/html/ -type d -exec chmod 775 {} \;

Do it again, but for files and set to 644

sudo find /var/www/html/ -type f -exec chmod 644 {} \;

Step 6 – Install Prestshop Through Web Browser

Now, you can complete prestashop installation through web browser on your computer. Open your favorite web browser, then navigate to your server’s domain name or public IP address:
Select your language and hit the `Next` button

Check list License Agreements – click `Next`

On this page, you need the fill out the information for your prestashop site and the administrative user account

Configure database for prestashop site by fill out the database information that created in `Step 2`

Prestshop installation is finish.


Now you can access prestashop front office by clicking Discover your store. Click Manage your store to access prestashop dashboard.

For security reason, Prestashop not permitted to acccess prestashop dashboard until you have deleted the /install folder and renamed the /admin folder.

You can Rename /install folder and renamed the /admin folder by typing command:

sudo rm -rf /var/www/html/install

sudo mv /var/www/html/admin/ /var/www/html/admin353jccgjg

Now you can access prestashop back office by typing address http://your_domain/admin353jccgjg. It should appear like this:

Step 7 – Additional Setting – Set URL Friendly

Enable apache module rewrite

sudo a2enmod rewrite

Edit file 000-default.conf

sudo nano /etc/apache2/sites-available/000-default.conf

On section <Directory “/var/www/html”> add line AllowOverride All

<Directory "/var/www/html">
 AllowOverride All
</Directory>

Create file .httacces and robot.txt

sudo touch /var/www/html/.htaccess

sudo touch /var/www/html/robot.txt

Change permission file .httacces and robot.txt to 666

sudo chmod 666 /var/www/html/.htaccess

sudo chmod 666 /var/www/html/robot.txt

Change ownership file .httacces and robot.txt to user:www-data

sudo chown ubuntu:www-data /var/www/html/.htaccess

sudo chown ubuntu:www-data /var/www/html/robot.txt

Back to prestashop dashboard, navigate to Preferences -> SEO & URLs, Set yes on “Friendly URL”

Conclusion

In this guide, you should now have a prestashop instance up and running on your Ubuntu Server 14.04. Prestashop is simple, easy to use, dynamic, growing, and in-vogue ecommerce CMS that realizes and delivers on the expectations of enterprising web ecommerce ventures.
Note : This tutorial has been tested in VPS Digital Ocean and work great.

Tags: #Apache2 #Ecommerce #LAMP #MySQL #PHP #Prestashop #Ubuntu Server 14.04

• «
• Facebook
• Twitter
• Pin it
• ...

Related Post "How to Install Prestashop with Apache2 + MySQl 5.5 + PHP 5.5 on Ubuntu Server 14.04"

Zentyal Server 4.0 : Linux Business Server Based on Ubuntu Server 14.04 LTS

Zentyal Server 4.0, a small Linux business

How to Install Drupal 7.x with Apache2 + MySQl 5.5 + PHP 5.5 on Ubuntu Server 14.04 LTS

Drupal is open source software maintained and

How to Install WordPress 3.9 with Apache2 + MySQL 5.5 + PHP 5.5 in Ubuntu Server 14.04 LTS

WordPress is free and open source blogging

How to Upgrade Ubuntu Server 12.04 to Ubuntu Server 14.04 LTS

This tutorial will describes how to upgrade

SUMBER :http://ubuntuserverguide.com

Read More

Tutorial membuat formulasi cms

"CMS Formulasi adalah sebuah sistem manajemen konten (Content management system)yang dapat anda peroleh secara gratis, sebuah sistem sederhana yang kali pertama dibangun dari nol oleh sdr. Ari Rusmanto yang diberi nama Shoolhos. Seiring berjalannya waktu CMS ini ada beberapa perbaikan kode oleh sdr. Fauzan A Mahanani kemudia berubah nama menjadi CMS Formulasi.
Kami menyadari masih banyak kekurangan dalam CMS ini, tapi kami akan berusaha membuatnya jauh lebih baik lagi dengan dukungan anda semua. kami berharap CMS ini akan berguna untuk orang-orang yang membutuhkan, khususnya sekolah-sekolah yang ada di Indonesia untuk membangun sebuah website sekolah dengan konten-konten yang sesuai dengan kebutuhan website sekolah. "

Sudah tau kan Apa itu CMS Formulasi? Langsung saja saya kasih tutorial cara install CMS Formulasi.

Catatan : Pastikan kalian sudah install Server Lokal XAMPP, Pastikan juga bahwa kalian sudah download CMS Formulasi v.2.1.0 di Web Resmi CMS Formulasi http://cms.formulasi.or.id. dan sudah diextract menjadi 1 folder. Ubah nama folder awal dengan nama 'formulasi' (tanpa petik).

1. SIlahkan kalian Copy/Cut folder tersebut ke direktori'C:/Xampp/htdocs'. 
Jika sudah buka Browser kalian, ketikan di Address Bar :localhost/formulasi

Akan muncul tampilan Instalasi seperti ini :

2. Kemudian isi sesuai perintahnya, lalu klik install

3. Kemudian pilih website sesuai yang anda inginkan !

4. Langkah selanjutnya isilah sesuai aturannya, lalu klik lanjutkan

5. Isilah dengan benar : Nama Website Sekolah

                                      Jenjang

                                      URL Website Doman

                                      Pilih peta lokasi yang sesuai

                                      Alamat yang sesuai

                                      No. Telepon

Jika sudah sesuai semuanya, lalu klik lanjutkan

6. Jika sudah akan tampil gambar seperti di bawah ini

7. yang terakhir yaitu Login, login username atau password sesuai yang anda buat di awal pembuatan

TERIMA KASIH !!!

Read More

Web Desain Layout ( CSS )

Sore ini saya sudah memenuhi tugas untuk membuat web desain !!

Dan dibawah inilah gambar dan scripnya :)

<!DOCTYPE html>

<html>

<head>

<title>Web Warung Tegal</title>

<style type="text/css">

header, section, footer, aside, nav, article, figure, figcaption {

display: block;}

body {

color: #666666;

background-color: #f9f8f6;

background-image: url("images/is.jpg");

background-position: center;

font-family: Georgia, Times, serif;

line-height: 1.4em;

margin: 0px;}

.wrapper {

width: 940px;

margin: 20px auto 20px auto;

border: 2px solid #000000;

background-color: #ffffff;}

header {

height: 160px;

background-image: url(images/judul.png);}

h1 {

text-indent: -9999px;

width: 940px;

height: 130px;

margin: 0px;}

nav, footer {

clear: both;

color: #ffffff;

background-color: #aeaca8;

height: 30px;}

nav ul {

margin: 0px;

padding: 5px 0px 5px 30px;}

nav li {

display: inline;

margin-right: 40px;}

nav li a {

color: #ffffff;}

nav li a:hover, nav li a.current {

color: #000000;}

section.courses {

float: left;

width: 659px;

border-right: 1px solid #eeeeee;}

article {

clear: both;

overflow: auto;

width: 100%;}

hgroup {

margin-top: 40px;}

figure {

float: left;

width: 290px;

height: 220px;

padding: 5px;

margin: 20px;

border: 1px solid #eeeeee;}

figcaption {

font-size: 90%;

text-align: left;}

aside {

width: 230px;

float: left;

padding: 0px 0px 0px 20px;}

aside section a {

display: block;

padding: 10px;

border-bottom: 1px solid #eeeeee;}

aside section a:hover {

color: #985d6a;

background-color: #efefef;}

a {

color: #de6581;

text-decoration: none;}

h1, h2, h3 {

font-weight: normal;}

h2 {

margin: 10px 0px 5px 0px;

padding: 0px;}

h3 {

margin: 0px 0px 10px 0px;

color: #de6581;}

aside h2 {

padding: 30px 0px 10px 0px;

color: #de6581;}

footer {

font-size: 80%;

padding: 7px 0px 0px 20px;}

</style>

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body>

<div class="wrapper">

<header>

<h1>Makanan Khas Indonesia</h1>

<nav>

<ul>

<li><a href="" class="current">beranda</a></li>

<li><a href="daftarmakanan.html">daftar masakan</a></li>

<li><a href="katering.html">katering</a></li>

<li><a href="tentang.html">tentang</a></li>

<li><a href="kontak.html">kontak</a></li>

</ul>

</nav>

</header>

<section class="courses">

<article>

<figure>

<img src="images/bakso.jpg" alt="bakso" style="width:290px;height:215px;" />

<figcaption>Bakso Nusantara</figcaption>

</figure>

<hgroup>

<h2><u>Bakso Pak Di</u></h2>

<h3>Makanan Berkuah</h3>

</hgroup>

<p><b>Bakso</b> adalah makanan khas Indonesia yang berupa sejenis makanan bervariasi dengan kuah yang berwarna kekuningan.</p>

</article>    

<article>

<figure>

<img src="images/nasi-goreng.jpg" alt="nasi-goreng" style="width:290px;height:215px;" />

<figcaption>Pecel Indonesia</figcaption>

</figure>

<hgroup>

<h2>Masakan Pecel</h2>

<h3>Makanan dengan Bumbu Kacang</h3>

</hgroup>

<p><b>Pecel</b> adalah makanan yang menggunakan bumbu sambal kacang sebagai bahan utamanya yang dicampur dengan aneka jenis sayuran.</p>

</article>    

</section>

<aside>

<section class="popular-recipes">

<h2>Masakan Populer</h2>

<a href="sayursop.html">Sayur Sop</a>

<a href="">Sayur Asem</a>

<a href="">Sayur Lodeh</a>

<a href="">Sayur Bayam</a>

</section>

<section class="contact-details">

<h2>Kontak</h2>

<p>Warung Tegal<br />

di seluruh indonesia

</section>

</aside>

<footer>

&copy; 2015 Warung Tegal Memang Top

</footer>

</div><!-- .wrapper -->

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<style>

ul#menu {

    padding: 0;

}

ul#menu li {

    display: inline;

}

ul#menu li a {

    background-color: black;

    color: white;

    padding: 10px 20px;

    text-decoration: none;

    border-radius: 4px 4px 0 0;

}

ul#menu li a:hover {

    background-color: orange;

}

</style>

</head>

<body>

<h2>Daftar Makanan Khas <i>Indonesia</i></h2><hr><br>

<ul id="menu">

<h1>Soto Lamongan</h1>

<p><h3>Soto adalah salah satu makanan khas Indonesia yang disajikan dengan kuah dan diisi dengan daging, sayuran dan berbagai macam bumbu.

Uniknya, soto di Indonesia memiliki beragam jenis sesuai dengan daerahnya. Contohnya saja ada soto Kudus khas kota Kudus, soto Bandung,

 soto Betawi, soto Madura dan lainnya. Salah satu menu andalan adalah soto Betawi khas Jakarta.

Soto Betawi sendiri tak seperti soto lainnya. Ia memiliki kuah kental berwarna putih kekuningan karena di dalamnya diwarnai dengan santan.

Soal daging yang dipakai, soto betawi bisa disajikan dengan menggunakan daging sapi, kambing ataupun ayam.

Soto Betawi ini pun akan diracik dengan daun bawang dan bawang goreng serta disajikan dengan kerupuk emping yang tak boleh dilewatkan.Hmm dijamin puass dehh</h3></p>

<img src="images/soto.jpg" alt="soto" style="width:290px;height:228px;" /><br><br>

  <li><a href="/html/default.asp">Soto Lamongan</a></li><hr><br>

<img src="images/gado-gado.jpg" alt="gado-gado" style="width:290px;height:228px;" /><br><br> 

  <li><a href="/css/default.asp">Gado-gado</a></li><hr><br>

<img src="images/gudeg.jpg" alt="gudeg" style="width:290px;height:228px;" /><br><br>

  <li><a href="/js/default.asp">gudeg</a></li><hr><br>

<img src="images/gorengan.jpg" alt="gorengan" style="width:290px;height:228px;" /><br><br>

  <li><a href="/php/default.asp">Gorengan</a></li><hr><br>

<img src="images/nasi-goreng.jpg" alt="nasi-goreng" style="width:290px;height:228px;" /><br><br>

  <li><a href="/php/default.asp">Nasi goreng</a></li><hr><br>

<img src="images/opor-ayam.jpg" alt="opor-ayam" style="width:290px;height:228px;" /><br><br>

  <li><a href="/php/default.asp">Opor Ayam</a></li><hr><br>

<img src="images/pecel.jpg" alt="pecel" style="width:290px;height:228px;" /><br><br>

  <li><a href="/php/default.asp">Pecel</a></li><hr><br>

<img src="images/pempek.jpg" alt="pempek" style="width:290px;height:228px;" /><br><br>

  <li><a href="/php/default.asp">Pempek</a></li><hr><br>

<img src="images/rendang-padang.jpg" alt="rendang-padang" style="width:290px;height:228px;" /><br><br>

  <li><a href="/php/default.asp">Rendang Padang</a></li><hr><br>

<img src="images/bakso.jpg" alt="bakso" style="width:290px;height:228px;" /><br><br>

  <li><a href="/php/default.asp">Bakso</a></li><hr><br>

</ul>  

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<style>

table, th, td {

    border: 1px solid black;

    border-collapse: collapse;

background-image: url("images/dark-wood.jpg");

color:red;

}

th, td {

    padding: 5px;

    text-align: left;

}

table#t01 {

    width: 100%;    

    background-color: #f1f1c1;

}

</style>

</head>

<body>

<table style="width:100%">

  <tr>

    <th>Nama Makanan</th>

    <th>Gambar Makanan</th>

    <th>Harga Makanan</th>

  </tr>

  <tr>

    <td><h1>Bakso</h1></td>

    <td><center><img src="images/bakso.jpg" alt="bakso" style="width:290px;height:228px;" /></center></td>

    <td><h1></h1></td>

  </tr>

  <tr>

    <td><h1>Soto</h1></td>

    <td><center><img src="images/soto.jpg" alt="soto" style="width:290px;height:228px;" /></center></td>

    <td><h1></h1></td>

  </tr>

  <tr>

    <td><h1>Nasi Goreng</h1></td>

    <td><center><img src="images/nasi-goreng.jpg" alt="nasi-goreng" style="width:290px;height:228px;" /></center></td>

    <td><h1></h1></td>

  </tr>

  <tr>

    <td><h1>Pempek</h1></td>

    <td><center><img src="images/pempek.jpg" alt="pempek" style="width:290px;height:228px;" /></center></td>

    <<td><h1></h1></td>

  </tr>

  <tr>

    <td><h1>Gado gado</h1></td>

    <td><center><img src="images/gado-gado.jpg" alt="gado-gado" style="width:290px;height:228px;" /></center></td>

    <td><h1></h1></td>

  </tr>

  <tr>

    <td><h1>Gudeg</h1></td>

    <td><center><img src="images/gudeg.jpg" alt="gudeg" style="width:290px;height:228px;" /></center></td>

    <<td><h1></h1></td>

  </tr>

  <tr>

    <td><h1>Opor Ayam</h1></td>

    <td><center><img src="images/opor-ayam.jpg" alt="opor-ayam" style="width:290px;height:228px;" /></center></td>

    <td><h1></h1></td>

  </tr>

  <tr>

    <td><h1>Gorengan</h1></td>

    <td><center><img src="images/gorengan.jpg" alt="gorengan" style="width:290px;height:228px;" /></center></td>

    <td><h1></h1></td>

  </tr>

  <tr>

    <td><h1>Pecel</h1></td>

    <td><center><img src="images/pecel.jpg" alt="pecel" style="width:290px;height:228px;" /></center></td>

    <td><h1></h1></td>

  </tr>

  <tr>

    <td><h1>Rendang Padang</h1></td>

    <td><center><img src="images/rendang-padang.jpg" alt="rendang-padang" style="width:290px;height:228px;" /></center></td>

    <td><h1></h1></td>

  </tr>

</table>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<style>

#header {

    background-color:black;

    color:white;

    text-align:center;

    padding:5px;

}

#nav {

    line-height:30px;

    background-color:#eeeeee;

    height:300px;

    width:100px;

    float:left;

    padding:5px;      

}

#section {

    width:350px;

    float:left;

    padding:10px;  

}

#footer {

    background-color:black;

    color:white;

    clear:both;

    text-align:center;

   padding:5px;  

}

</style>

</head>

<body>

<div id="header">

<h1>Makanan Khas indonesia</h1>

</div>

<div id="nav">

Soto<br>

Nasi Goreng<br>

Pempek<br>

</div>

<div id="section">

<h2><b>Makanan Khas Indonesia<b></h2>

<p></p>

<p></p>

</div>

<div id="footer">

&copy; 2015 Warung Tegal Memang Top

</div>

</body>

</html>

<html>

<head>

<title></title>

</head>

<body>

<h1>Sayur Sop</h1>

<p>Sayur sop adalah salah satu jenis hidangan yang begitu kaya akan jenis sayuran. Kaya warna, kaya rasa, dan pastinya juga kaya akan gizi.

Sangat pas disajikan sebagai salah satu hidangan saat berbuka puasa. Membuatnya pun tidaklah terlalu sulit.

Dengan bumbu dan bahan sederhana yang bisa ditemukan di pasar tradisional maupun supermarket terdekat, membuat anda tak punya alasan lagi untuk tidak mencoba membuat resep sayur sop bagi keluarga anda.</p>

<p>Selain kaya akan berbagai jenis sayuran, sayur sop semakin sehat lagi untuk dikonsumsi karena tidak menggunakan santan dalam resepnya. Dengan kuah bening, sayur sop akan sangat segar disantap setelah seharian berpuasa.

Jika tidak ingin menyantapnya dengan nasi putih, anda bisa menambahkan kentang dan makaroni ke dalam resep sehingga kebutuhan akan karbohidrat akan terpenuhi.</p>

<p>Dengan penambahan jumlah kentang dan makaroni, maka sop buatan anda bisa jadi hidangan sepinggan yang praktis.

Namun jika hendak menyantapnya dengan nasi, kentang dan makaroni tidak perlu ditambahkan jumlahnya.

Jika kurang menyukai daging ayam broiler, anda bisa menggunakan daging ayam kampung atau juga tetelan daging sapi sebagai bahan pembuat kaldu.</p>

</body>

</html>

<html>

<head>

</head>

<body bgcolor="yellow">

<h1> <u> Kontak <u> </h1>

</body>

</html>

Sekian dari pengalaman saya sore ini walaupun yang terakhir ini belum selesai, yang penting udh berusaha :D wkwkwkwk

Read More