buat temen-temen yang mau membuat tampilan blog atau membuat html sendiri bisa gunakan skrip dibawah ini..tinggal edit sedikit saja tentang apa yang mau anda muat.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name : OffLimits
Description: A three-column, fixed-width blog design.
Version : 1.0
Released : 20091009
Modified by: Dean Adjie Minwarie http://looperz11.xtgem.com -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>JUDUL Situs kamu</title><meta name="Description" content="deskripsi situs kamu" /><meta name="Keywords" content="gratis download, games,dan lain2" /><meta name="googlebot" content="index, follow" /><meta name="Robots" content="index, follow" /><link href="http://looperz11.xtgem.com/Off/A1.css" rel="stylesheet" type="text/css" media="screen" /><bgsound src="/music/mid/editgue_ThankU.mid" loop="infinite" /></head>
<body>
<!-- BAGIAN MENU UTAMA -->
<div id="menu-container">
<div id="menu">
<ul id="main">
<li class="current_page_item"><a href="/">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Mobile</a></li><li><a href="#">Contact</a></li><li><a href="http://users.smartgb.com/g/g.php?a=s&i=g18-31224-d2">Guestbook</a></li>
</ul>
</div>
<div id="header-search">
</div>
</div>
<!-- AKHIR MENU UTAMA -->
<div id="header">
<div id="logo">
<h1><a href="#">OffLimits</a></h1>
<p>Contoh Template CSS WAP versi WEB</p>
</div>
<!-- SPLASH -->
<div id="splash">
<h2>About Me</h2>
<p>aku adalah aku. Isinya disesuaikan sesuai kebutuhanmu. Aku adalah aku!!</p>
</div>
</div>
<div id="wrapper">
<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<!-- MULAI ISI SITUSMU, -->
<div id="content">
<div class="post">
<h1 class="title"><a href="#">judul artikel, catatan2mu</a></h1>
<p class="byline"><small>October 27th, 2009 by <a href="#">Dean Adjie Minwarie</a></small></p>
<div class="entry">
<p><strong>OffLimits</strong> tanda"#"
merujuk pd addres current active, selanjutnya diubah dan disesuaikan dgn addres link sesukamu. Bagian sidebar/ kolom kiri atau kanan dapat diisi sesuai kebutuhan situsmu. Kamu bisa menambah dan mengurangi menu yg ada. Perhatikan tag pembuka <li> dan tag penutup </li> untuk nambah atau ngurangi :)</p>
</div>
</div>
<div class="post">
<h1 class="title"><a href="#">judul</a></h1>
<p class="byline"><small>October 27th, 2009 by <a href="#">Dean Adjie Minwarie</a></small></p>
<div class="entry">
<p>beberapa catatan:
<ol><li>Di dalam script ini telah lengkap dengan CSS dan imagenya sehingga kamu tidak perlu lg memakai CSS lain.</li><li>Design TAMPILAN dlm script ini adalah tampilan "default",tidak perlu diubah lg. Maka ingat, yg perlu dirubah <b>hanyalah</b> CONTENT/ ISI halamanmu saja, BUKAN tampilannya lg. Misalnya, kamu hanya perlu menambahkan artikel atau membuat link2 saja.</li><li>Dianjurkan edit memakai Komputer untuk tampilan maksimal, juga karena khawatir keterbatasan karakter pada ponselmu.</li><li>Untuk XtGem, tidak dianjurkan mengedit pada CREATOR tp editlah pada TEXT EDITOR.</li><li>Cara mengedit/ membuat file ini adalah dengan mengcopy SELURUHNYA script ini dan MENGHAPUS SEMUA yg ada pd editor situsmu. Maka sebelum copy-paste, ada baikny SAVE dulu data yg dipakai pada file/ text TERPISAH.</li></ol>
Selamat mencoba dan semoga PUAS, nantikan pula script2 dengan design template CSS pilihan lainnya.
</p>
</div>
</div>
</div>
<!-- MULAI SIDEBAR, KOLOM 1 -->
<div id="sidebar1" class="sidebar">
<ul>
<li> <h2>MENU #1</h2>
<ul><li><a href="#">Submenu #1</a></li><li><a href="#">Submenu #2</a></li><li><a href="#">Submenu #3</a></li><li><a href="#">Submenu #4</a></li><li><a href="#">Submenu #5</a></li><li><a href="#">Submenu #6</a></li><li><a href="#">Submenu #7</a></li><li><a href="#">Submenu #8</a></li><li><a href="#">Submenu #9</a></li><li><a href="#">Submenu #10</a></li></ul>
</li>
<li><h2>MENU #2
</h2>
<ul><li><a href="#">Submenu #1</a></li><li><a href="#">Submenu #2</a></li><li><a href="#">Submenu #3</a></li><li><a href="#">Submenu #4</a></li><li><a href="#">Submenu #5</a></li><li><a href="#">Submenu #6</a></li><li><a href="#">Submenu #7</a></li><li><a href="#">Submenu #8</a></li><li><a href="#">Submenu #9</a></li><li><a href="#">Submenu #10</a></li></ul>
</li>
<li> <h2>MENU #3</h2>
<ul><li><a href="#">Submenu #1</a></li><li><a href="#">Submenu #2</a></li><li><a href="#">Submenu #3</a></li><li><a href="#">Submenu #4</a></li><li><a href="#">Submenu #5</a></li><li><a href="#">Submenu #6</a></li><li><a href="#">Submenu #7</a></li><li><a href="#">Submenu #8</a></li><li><a href="#">Submenu #9</a></li><li><a href="#">Submenu #10</a></li></ul>
</li>
<li> <h2>MENU #4</h2>
<p>test, test, test, test, test, test, test, test, test, test, test, test, </p>
</li>
</ul>
</div><!-- SIDEBAR, KOLOM 2 -->
<div id="sidebar2" class="sidebar"><center><ul>
<li>
<h2>Shout Box</h2>
<form action="http://www.yellbox.com/addmessage.php" method="post"target="ybframe"name="yellform"style="margin:2px;"><input type="hidden"name="sub_username"value="looperz"/><font color="black">Name :<input name="sub_name"value=""style="width:95%;"maxlength="10"onfocus="if(this.value=='Name')this.value ='';return;"/><br/><font color="black">Message :<input name="sub_message"value=""style="width:95%;"maxlength="300"onfocus="if(this.value=='Message')this.value='';return;"/>Smileys<br/> :) :( ;) :P :D :s :O <p align="center"><button onclick="return clearMessageBox();"style="height:21px;width:30%;"><bold>Shout </bold></button></form><div id="yellbox" style="width:98%;"><script language="Javascript"type="text/javascript"src="http://www.yellbox.com/ybscript.js"></script><iframe name="ybframe"style="width:100%;"frameborder=""height="340 marginwidth="1" marginheight="1"src="http://www.yellbox.com/yellbox.php?name=looperz"></iframe>
</li>
<li>
<h2>Statistic</h2>
<a href="http://www.mypagerank.net"><img src="http://www.mypagerank.net/services/seostats/seostats.php?s=c5491146aafd6ec553cfe68f5620184c524a077b&bg=FFFFFF&textcolor=000000&bordercolor=999999&indicatorcolor=5EAA5E&ugo=1&uho=1&umo=1&amo=1&upr=1&tuv=1&tpv=1&yuv=1&ypv=1&ttuv=1&ttpv=1&uonline=1&f=324225" title="SEO" border="0" /></a></li>
</ul></center></div>
<!-- AKHIR SIDEBAR -->
<div style="clear: both;"> </div>
</div>
</div>
</div>
<!-- AKHIR HALAMAN, BAGIAN BAWAH-->
</div>
<div id="footer">
<p>©2007 All Rights Reserved. • Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name : OffLimits
Description: A three-column, fixed-width blog design.
Version : 1.0
Released : 20091009
Modified by: Dean Adjie Minwarie http://looperz11.xtgem.com -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>JUDUL Situs kamu</title><meta name="Description" content="deskripsi situs kamu" /><meta name="Keywords" content="gratis download, games,dan lain2" /><meta name="googlebot" content="index, follow" /><meta name="Robots" content="index, follow" /><link href="http://looperz11.xtgem.com/Off/A1.css" rel="stylesheet" type="text/css" media="screen" /><bgsound src="/music/mid/editgue_ThankU.mid" loop="infinite" /></head>
<body>
<!-- BAGIAN MENU UTAMA -->
<div id="menu-container">
<div id="menu">
<ul id="main">
<li class="current_page_item"><a href="/">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Mobile</a></li><li><a href="#">Contact</a></li><li><a href="http://users.smartgb.com/g/g.php?a=s&i=g18-31224-d2">Guestbook</a></li>
</ul>
</div>
<div id="header-search">
</div>
</div>
<!-- AKHIR MENU UTAMA -->
<div id="header">
<div id="logo">
<h1><a href="#">OffLimits</a></h1>
<p>Contoh Template CSS WAP versi WEB</p>
</div>
<!-- SPLASH -->
<div id="splash">
<h2>About Me</h2>
<p>aku adalah aku. Isinya disesuaikan sesuai kebutuhanmu. Aku adalah aku!!</p>
</div>
</div>
<div id="wrapper">
<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<!-- MULAI ISI SITUSMU, -->
<div id="content">
<div class="post">
<h1 class="title"><a href="#">judul artikel, catatan2mu</a></h1>
<p class="byline"><small>October 27th, 2009 by <a href="#">Dean Adjie Minwarie</a></small></p>
<div class="entry">
<p><strong>OffLimits</strong> tanda"#"
merujuk pd addres current active, selanjutnya diubah dan disesuaikan dgn addres link sesukamu. Bagian sidebar/ kolom kiri atau kanan dapat diisi sesuai kebutuhan situsmu. Kamu bisa menambah dan mengurangi menu yg ada. Perhatikan tag pembuka <li> dan tag penutup </li> untuk nambah atau ngurangi :)</p>
</div>
</div>
<div class="post">
<h1 class="title"><a href="#">judul</a></h1>
<p class="byline"><small>October 27th, 2009 by <a href="#">Dean Adjie Minwarie</a></small></p>
<div class="entry">
<p>beberapa catatan:
<ol><li>Di dalam script ini telah lengkap dengan CSS dan imagenya sehingga kamu tidak perlu lg memakai CSS lain.</li><li>Design TAMPILAN dlm script ini adalah tampilan "default",tidak perlu diubah lg. Maka ingat, yg perlu dirubah <b>hanyalah</b> CONTENT/ ISI halamanmu saja, BUKAN tampilannya lg. Misalnya, kamu hanya perlu menambahkan artikel atau membuat link2 saja.</li><li>Dianjurkan edit memakai Komputer untuk tampilan maksimal, juga karena khawatir keterbatasan karakter pada ponselmu.</li><li>Untuk XtGem, tidak dianjurkan mengedit pada CREATOR tp editlah pada TEXT EDITOR.</li><li>Cara mengedit/ membuat file ini adalah dengan mengcopy SELURUHNYA script ini dan MENGHAPUS SEMUA yg ada pd editor situsmu. Maka sebelum copy-paste, ada baikny SAVE dulu data yg dipakai pada file/ text TERPISAH.</li></ol>
Selamat mencoba dan semoga PUAS, nantikan pula script2 dengan design template CSS pilihan lainnya.
</p>
</div>
</div>
</div>
<!-- MULAI SIDEBAR, KOLOM 1 -->
<div id="sidebar1" class="sidebar">
<ul>
<li> <h2>MENU #1</h2>
<ul><li><a href="#">Submenu #1</a></li><li><a href="#">Submenu #2</a></li><li><a href="#">Submenu #3</a></li><li><a href="#">Submenu #4</a></li><li><a href="#">Submenu #5</a></li><li><a href="#">Submenu #6</a></li><li><a href="#">Submenu #7</a></li><li><a href="#">Submenu #8</a></li><li><a href="#">Submenu #9</a></li><li><a href="#">Submenu #10</a></li></ul>
</li>
<li><h2>MENU #2
</h2>
<ul><li><a href="#">Submenu #1</a></li><li><a href="#">Submenu #2</a></li><li><a href="#">Submenu #3</a></li><li><a href="#">Submenu #4</a></li><li><a href="#">Submenu #5</a></li><li><a href="#">Submenu #6</a></li><li><a href="#">Submenu #7</a></li><li><a href="#">Submenu #8</a></li><li><a href="#">Submenu #9</a></li><li><a href="#">Submenu #10</a></li></ul>
</li>
<li> <h2>MENU #3</h2>
<ul><li><a href="#">Submenu #1</a></li><li><a href="#">Submenu #2</a></li><li><a href="#">Submenu #3</a></li><li><a href="#">Submenu #4</a></li><li><a href="#">Submenu #5</a></li><li><a href="#">Submenu #6</a></li><li><a href="#">Submenu #7</a></li><li><a href="#">Submenu #8</a></li><li><a href="#">Submenu #9</a></li><li><a href="#">Submenu #10</a></li></ul>
</li>
<li> <h2>MENU #4</h2>
<p>test, test, test, test, test, test, test, test, test, test, test, test, </p>
</li>
</ul>
</div><!-- SIDEBAR, KOLOM 2 -->
<div id="sidebar2" class="sidebar"><center><ul>
<li>
<h2>Shout Box</h2>
<form action="http://www.yellbox.com/addmessage.php" method="post"target="ybframe"name="yellform"style="margin:2px;"><input type="hidden"name="sub_username"value="looperz"/><font color="black">Name :<input name="sub_name"value=""style="width:95%;"maxlength="10"onfocus="if(this.value=='Name')this.value ='';return;"/><br/><font color="black">Message :<input name="sub_message"value=""style="width:95%;"maxlength="300"onfocus="if(this.value=='Message')this.value='';return;"/>Smileys<br/> :) :( ;) :P :D :s :O <p align="center"><button onclick="return clearMessageBox();"style="height:21px;width:30%;"><bold>Shout </bold></button></form><div id="yellbox" style="width:98%;"><script language="Javascript"type="text/javascript"src="http://www.yellbox.com/ybscript.js"></script><iframe name="ybframe"style="width:100%;"frameborder=""height="340 marginwidth="1" marginheight="1"src="http://www.yellbox.com/yellbox.php?name=looperz"></iframe>
</li>
<li>
<h2>Statistic</h2>
<a href="http://www.mypagerank.net"><img src="http://www.mypagerank.net/services/seostats/seostats.php?s=c5491146aafd6ec553cfe68f5620184c524a077b&bg=FFFFFF&textcolor=000000&bordercolor=999999&indicatorcolor=5EAA5E&ugo=1&uho=1&umo=1&amo=1&upr=1&tuv=1&tpv=1&yuv=1&ypv=1&ttuv=1&ttpv=1&uonline=1&f=324225" title="SEO" border="0" /></a></li>
</ul></center></div>
<!-- AKHIR SIDEBAR -->
<div style="clear: both;"> </div>
</div>
</div>
</div>
<!-- AKHIR HALAMAN, BAGIAN BAWAH-->
</div>
<div id="footer">
<p>©2007 All Rights Reserved. • Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body></html>
Tidak ada komentar:
Posting Komentar
tinggalkan komentar anda