Membuat template keren dengan div

Selamat datang kembali di blog sederhana ini....pada posting kali ini saya akan berbagi ilmu saya..he..he...cie..cie ilmu..Iya ilmu saya dalam membuat website. Kali ini saya akan ajarkn bagaimanan cara membuat template keren dengan menggunkan div dan css. Kenapa harus menggunakan div...? jawabannya adalah loading template yang menggunakan div akan lebih cepat dari pada template yang menggunaan table. Ok langsung aja ke TKP



Pertama tama masuk ke direktori root kalian misal bagi yang pake XAMPP ya di folder XAMPP/htdocs
buat file bernama template....Jadi sekarang posisinya di XAMPP/htdocs/template...

Di folder template tersebuat siapkan direktori sebagai berikut :

-template
------images
------css
------index.php

Nah kalau folder diatas sudah disiapkan sekarang masuk tahan selanjutnya ya...

Sekarang buka file index.php yang tadi kita buat dan ketikkan kode dibawah ini

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="semua hal tentang programming dan trik blogging ada disini" />

        <meta name="keywords" content="html,javascript,ajax,php" />
        <title>CmsIndomatika.com</title>
        <style type="text/css" media="screen">
            <!--

            @import url("css/style.css");
            h1,h2,h3,h4,h5,h6 {
                font-family: Verdana, Geneva, sans-serif;
            }
            h1 {
                font-size: 16px;
            }
            body,td,th {
                font-family: Arial, Helvetica, sans-serif;
            }
            -->
        </style>

    </head>

    <body>
        <div id="wrapper">
            <div id="container">
                <div id="header">
                    <p><font style="color:#4f9958;font-weight:bold;font-size:53px;">Cms </font>IN~Domatika </p>
                </div>
                <div id="page">
                    <ul>
                        <li class="page_ul" id="page_list"><a class="page_item" href="http://localhost/cms_indomatika/">HOME&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                        <li class="page_ul"><a class="page_item"href="about">ABOUT&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                    </ul>
                </div>
                <div id="space">
                    <img src="images/robotbottom.gif" width="410" height="141" />
                </div>
                <div id="category">
                    <ul>
                        <li class="page_ul"><a class="page_item_category" href="">Coding&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                        <li class="page_ul"><a class="page_item_category"href="">Design&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                        <li class="page_ul"><a class="page_item_category"href="">Download&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                        <li class="page_ul"><a class="page_item_category"href="">SEO&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                    </ul>
                </div>
                <div id="content">


                    <div class="title_article">
                        <h1>
                            <a class="link_title_article"href="#">
                                Tujuh hari membuat CMS INDOMATIKA
                            </a>
                        </h1>
                    </div>

                    <div class="content_article">
                        <p>
                            Artikel pertamaku Satu malam dia memutuskan untuk mengadu nasib ke kota besar, New York. Dia mencuri uang tabungan isterinya,
                            lalu dia naik bis menuju ke utara, ke kota besar, ke kehidupan yang baru. Bersama-sama beberapa temannya dia memulai bisnis baru.
                            Untuk beberapa saat dia menikmati hidupnya. Sex, gambling, drug. Dia menikmati semuanya. Bulan berlalu. Tahun berlalu. Bisnisnya gagal,
                            dan ia mArtikel pertamaku Satu malam dia memutuskan untuk mengadu nasib ke kota besar, New York. Dia mencuri uang tabungan isterinya,
                            lalu dia naik bis menuju ke utara, ke kota besar, ke kehidupan yang baru. Bersama-sama beberapa temannya dia memulai bisnis baru.               
                            Untuk beberapa saat dia menikmati hidupnya. Sex, gambling, drug. Dia menikmati semuanya. Bulan berlalu. Tahun berlalu. Bisnisnya gagal,
                            dan ia mArtikel pertamaku Satu malam dia memutuskan untuk mengadu nasib ke kota besar, New York. Dia mencuri uang tabungan isterinya,
                            lalu dia naik bis menuju ke utara, ke kota besar, ke kehidupan yang baru. Bersama-sama beberapa temannya dia memulai bisnis baru.
                        </p>
                        <p>
                            Untuk beberapa saat dia menikmati hidupnya. Sex, gambling, drug. Dia menikmati semuanya. Bulan berlalu. Tahun berlalu. Bisnisnya gagal,
                            dan ia mArtikel pertamaku Satu malam dia memutuskan untuk mengadu nasib ke kota besar, New York. Dia mencuri uang tabungan isterinya,
                            lalu dia naik bis menuju ke utara, ke kota besar, ke kehidupan yang baru. Bersama-sama beberapa temannya dia memulai bisnis baru.
                            Untuk beberapa saat dia menikmati hidupnya. Sex, gambling, drug. Dia menikmati semuanya. Bulan berlalu. Tahun berlalu. Bisnisnya gagal,
                            dan ia mArtikel pertamaku Satu malam dia memutuskan untuk mengadu nasib ke kota besar, New York. Dia mencuri uang tabungan isterinya,
                            lalu dia naik bis menuju ke utara, ke kota besar, ke kehidupan yang baru. Bersama-sama beberapa temannya dia memulai bisnis baru.
                            Untuk beberapa saat dia menikmati hidupnya. Sex, gambling, drug. Dia menikmati semuanya. Bulan berlalu. Tahun berlalu. Bisnisnya gagal, dan ia m
                            Diposting 2011-04-21
                        </p>
                    </div>

                    <div id=tag>
                        TAG<br />
                        <a href="#" title="PHP" target="_blank">PHP</a>,
                    </div>
                </div>
                <div id="sidebar">
                    <div class="sidebar_title">
                        <h2>Kategory Artikel</h2>
                    </div>
                    <ul>
                        <li class="sidebar_item"><a  class="sidebar_link"href="#">PHP (5)</a></li>
                        <li class="sidebar_item"><a class="sidebar_link"="#">JSP (3)</a></li>
                        <li class="sidebar_item"><a class="sidebar_link"="#">C++ (1)</a></li>
                        <li class="sidebar_item"><a class="sidebar_link"="#">Java (5)</a></li>
                        <li class="sidebar_item"><a class="sidebar_link"="#">Ruby On Rails (2)</a></li>
                        <li class="sidebar_item"><a class="sidebar_link"="#">SEO (5)</a></li>
                    </ul>
                </div>
                <div id="footer">

                </div>
            </div>
            <div id="footer_id">
                <p style="color:#FFF">
                    <strong><font style="font-size:14px;" >Copyright</font></strong> by <a class="footer_link" href="http://fuadsetiawan.blogspot.com" title="http://fuadsetiawan.blogspot.com" target="_blank">Fuad indra setiawan</a>
                </p>
            </div>
        </div>
    </body>
</html>

0 comments:

Posting Komentar