Contoh Template Static Dengan HTML dan Valuenya

pada dasarnya sebuah website dapat dibuat hanya dengan html saya atau istilanya web statis! tups, web statis adalah sebuah website yang hanya menggunakan tiga komponen dasar yaituh html, css dan javascript

Kata-kata yang baik memiliki daya kreatif, kekuatan yang membangun hal-hal mulia, dan energi yang menyiramkan berkat-berkat kepada dunia. Lawrence G Lovasik

pada dasarnya sebuah website dapat dibuat hanya dengan html saya atau istilanya web statis! tups, web statis adalah sebuah website yang hanya menggunakan tiga komponen dasar yaituh html, css dan javascript

Last Modif at August 28th, 2011

Untuk contoh terbaru, silakan ikuti url berikut : http://www.indaam.net/2011/08/tumblr-static-template-wordpress-theme-beta/

pada dasarnya sebuah website dapat dibuat hanya dengan html saya atau istilanya web statis! tups, web statis adalah sebuah website yang hanya menggunakan tiga komponen dasar yaituh html, css dan javascript!

web dimamis adalah website yang support dengan php/sql database atau website yang mengunaka sever scripting(biasanya untuk aplikasi website) , sehingga web dinamis ini lebih interface untuk penggunaanya, contohnya facebook!

web dinamis itu ngga mesti full animasi, atau apalah.

buat yang ingin belajar atau ingin menjadi web develover(khususnya web design), hal pertama yang harus dipahami adalah html dan css!. yups, contoh dibawah adalah tempalate yang hanya menggunakan html dan css!, maksud saya membuat ini adalah agar kita sama-sama paham, serta kita sama-sama bisa. sangat membahagiakan jika ilmu yang kita miliki bermanfaat untukk orang banyak!

ok, langsung saja ya!

  • untuk menjalankan kode/markup/style dibawah
  • buka notepad
  • lalu copy style/markup code dibawah
  • save as(pilih all types)
  • dengan nama belajarhtmlcss.html
  • berikut kodenya

<html>
<head>
<title>contoh penerapan margin, padding, border dan outline</title>
<meta content="indam url:http://www.indaam.net" name="author"/>
<style type="text/css">
<!--
/*misal tag body*/body{/*style ini untuk body*/
background-color:pink;/* warna latar belakang body pink*/
margin:0 auto 10px auto;/* jarak-luar atas 0, kiri dan kana auto, sedangkan bawah 10px */
padding:5px;/* jarak/batas dalam masing-masing 5px*/
width:800px;/* lebar 800px*/
}
/*********************************************************************/
/*********************************************************************/
#pembentuk-headernya{/*style ini untuk pembentuk header*/
height:200px;/* tingginya 200px*/
clear:both;/*fungsi ini agar agar ruas kanan-dankiri tidak bisa diisi dengan bidang lain */
margin:0 auto;/*jarak luar atas bawah 0, kiri-kanan auto */
background-color:white;/*warna latar belakang putih */
-moz-border-radius-topright:10px;/* style ini khusus untuk firefox, fungsinya untuk membuat lengkungan*/
-moz-border-radius-topleft:10px;/* style ini khusus untuk firefox, fungsinya untuk membuat lengkungan*/
}
#pembentuk-headernya .judul{/*style ini untuk judul header*/
padding:10px 0 0 20px;/*jarak dalam atas 10px, kanan dan bawah 0, sedangkan kiri 20px*/
font-size:40px;/* ukuran font 40px*/
text-transform:capitalize;/* setiap kata diawali dengan huruf kapaital*/
font-family:times;/* font family times*/
}
#pembentuk-headernya .deskripsinya{/*style ini untuk deskripsi header*/
padding:10px 0 0 20px;/*jarak dalam atas 10px, kanan dan bawah 0, kiri 29px*/
font-size:20px;/* ukuran font 20px*/
}
/*bagian header selesai*/
/*********************************************************************/
/*********************************************************************/
#sidebar-kiri{/*style ini untuk sidebar kiri */
min-height:1000px;/* tinggi minimal*/
float:left;/*menekan kekiri */
width:200px;/*lebar 200px */
margin:10px 0;/*jarak luar atas-bawah 10px, kiri-kanan 0 */
background-color:white;/* warna latar belakang putih*/
-moz-border-radius-topleft:10px;/* style ini khusus untuk firefox, fungsinya untuk membuat lengkungan*/
-moz-border-radius-bottomleft:10px;/* style ini khusus untuk firefox, fungsinya untuk membuat lengkungan*/
}
#sidebar-kiri .anggapwidget, #sidebar-kanan .anggapwidget{/*style ini untuk isi/pembentuk dalam sidebar kanan dan kiri*/
min-height:300px;/* tinggi minimal 300px*/
clear:both;/*fungsi ini agar agar ruas kanan-dankiri tidak bisa diisi dengan bidang lain */
margin:5px;/*jarak luar masing-masing 5px */
background-color:pink;/* warna latar belakang pink*/
-moz-border-radius:10px;/* */
}
#sidebar-kiri h2{/*style ini untuk judul sidebar kiri*/
margin:0;/*jarak luar masing-masing 0 */
padding:0;/*jarak dalam masing-masing 0 */
border-bottom:2px double white;/* garis bawah lebar tebal 2px, style double warna putih*/
font-size:20px;/* ukuran font 20px*/
text-align:center;/* text rata tengah */
text-transform:capitalize;/*setiap kata diawali dengan huruf besar/kapaital */
}
/*bagian sidebar-kiri selesai*/
/*********************************************************************/
/*********************************************************************/
/*mulai badan utam*/
#badan-utamanya{/*style ini untuk badan utama, atau yang terletak di tengah*/
min-height:920px;/* tinggi minimal*/
float:left;/* menekan kekiri*/
width:400px;/* lebar 400px*/
margin:10px;/*jarak luar masing-masing 10px */
background-color:white;/*warna latar belakang putih */
-moz-border-radius-topleft:10px;/* style ini khusus untuk firefox, fungsinya untuk membuat lengkungan*/
-moz-border-radius-topright:10px;/* style ini khusus untuk firefox, fungsinya untuk membuat lengkungan*/
}
#badan-utamanya h2{/*style ini untuk untuk judul badan utama*/
/*style ini untuk judul badan h2*/
margin:0;/*jarak luar masing-masing 0 */
padding:0;/*jarak dalam masing-masing 0 */
border-bottom:2px double pink;/*garis bawah tebal 2px double, warna pink */
font-size:22px;/* ukuran font 22px*/
text-align:left;/*text rata kiri */
text-transform:capitalize;/* setiap kata diawali dengan huruf kapital/besar*/}
#badan-utamanya .isinya{/*style ini untuk isi badan*/
/*style ini untuk isi badan*/
margin:10px;/* jarak luar masing-masing 10px*/
font-size:17px;/* ukuran font 17px */
}
#badan-utamanya .isinya p{/*style ini untuk tag p yang ada di dalam isi badan*/
/*style ini untuk tag p*/
text-indent:20px;/* jrak awal paragraf*/
}
/*bagian badab selesai*/
/*********************************************************************/
/*********************************************************************/
/*mulai sidebar kanan*/
#sidebar-kanan{/*style ini untuk sidebar kanan*/
min-height:1000px;/* tinggi minimal*/
float:right;/* menekan ke kanan*/
width:180px;/* lebar 180px*/
margin:10 0 0 0;/*jarak luar atas 10, kiri-kanan-bawah 0 */
background-color:white;/*warna latar belakang putih */
-moz-border-radius-topright:10px;/* style ini khusus untuk firefox, fungsinya untuk membuat lengkungan*/
-moz-border-radius-bottomleft:10px;/* style ini khusus untuk firefox, fungsinya untuk membuat lengkungan*/
}
#sidebar-kanan h2{/*style ini untuk judul sidebar kanan*/
margin:0;/*jarak luar masing-masing 0 */
padding:0;/*jarak dalam masing-masing 0 */
border-bottom:2px double white;/*garis bawah tebal 2px titik-titik, warna putih */
font-size:18px;/*ukuran font */
text-align:right;/* text rata kanan*/
text-transform:capitalize;/* setiap kata diawali dengan huruf besar*/
}
/*********************************************************************/
/*********************************************************************/
#pembentuk-footer{/*style ini untuk pembentuk footer atas, saya membuat tiga footer widget*/
clear:both;/*fungsi style ini agar ruang kiri-kanan tidak bisa diisi*/
background-color:white;/*warna latar belakang*/
}
#pembentuk-footer h3{/*style ini untuk judul footer atas*/
margin:0;/*jarak luar masing-masing 0 */
padding:0;/*jarak dalam masing-masing 0 */
}
#pembentuk-footer .judulwidgetfooter{/*style ini untuk judul footer atas, yups ada dua emang, css itu asik, banget. bayak hal yang bisa dibuat*/
margin:5px;/*jarak luar masing-masing 5px */
border-bottom:4px solid white;/*anggap garis bawah setebal 4px solid warna putih*/
text-transform:capitalize;/**//* setiap kata diawali dengan huruf besar*/
}
#pembentuk-footer .misalwidgetnya{/*style ini untuk widget dalama footer*/
float:left;/*menekan ke kiri-atas*/
width:32%;/*lebarnya 32%, jika lebar tag sebelumnya 1000px, maka lebar ini menjadi 320px*/
min-height:300px;/*tinggi minimal*/
background-color:pink;/*warna latar belakang*/
margin:5px;/*jarak luar masing-masing 5px */
}
/*********************************************************************/
/*********************************************************************/
#pembentuk-footer-bawah{/*style ini untuk footer bagain tengah, saya membuat tiga footer*/
clear:both;/*fungsi style ini agar ruang kiri-kanan tidak bisa diisi*/
background-color:white;/*warna latar belakang putih*/
margin-top:20px;/*jarak luar atas 20px*/
}
#pembentuk-footer-bawah .misalwidgetnya-footer-bawah{/*style ini untuk widget dalam footer */
float:left;/*menekan ke kiri-atas*/
width:24%;/*lebarnya 24%, jika lebar tag sebelumnya 1000px, maka lebar ini menjadi 240px*/
min-height:300px;/*tinggi minimal*/
background-color:pink;/*warna latar belakang*/
margin:5px 2px 5px 5px;/*jarak luar atas 5px, kanan 2px, bawah 5px, kiri 5px*/
}
.misalwidgetnya-footer-bawah h3{/*style ini untuk judul footer*/
padding:0;/*jarak dalam masing-masing 0 */
margin:5px;/*jarak luar masing-masing 5px */
border-bottom:4px solid white;/*anggap garis bawah setebal 4px solid warna putih*/
text-transform:capitalize;/**//* setiap kata diawali dengan huruf besar*/
}
/*********************************************************************/
/*********************************************************************/
#pembentuk-footer-paling-bawah{/*style ini untuk footer paling bawah*/
clear:both;/*fungsi style ini agar ruang kiri-kanan tidak bisa diisi*/
background-color:white;/*warna latar belakang*/
margin-top:20px;/*jarak luar atas 20px*/
padding-bottom:5px;/*jarak dalam-bawah 5px*/
}
#pembentuk-footer-paling-bawah .widgetnya-footer-bawah-paling-bawah{/*style ini untuk widget footer paling bawah*/
float:left;/*menekan ke kiri-atas*/
width:49%;/*lebarnya*/
min-height:300px;/*tinggi minimal*/
background-color:pink;/*warna latar belakang*/
margin:5px 2px 0 5px;/**/
}
.widgetnya-footer-bawah-paling-bawah h4{/*style ini untuk judul footer paling bawah*/
padding:0;/*jarak dalam masing-masing 0 */
margin:5px;/*jarak luar masing-masing 5px */
border-bottom:4px solid white;/*anggap garis bawah setebal 4px solid warna putih*/
text-transform:capitalize;/**//* setiap kata diawali dengan huruf besar*/
font-size:20px;/*ukuran font*/
}
/*********************************************************************/
/*********************************************************************/
/* mulai dari sini adalah pengelompokan style css, setiap style dipisahkan dengan koma(,)*/
.widgetnya-footer-bawah-paling-bawah .isi-widget, .misalwidgetnya-footer-bawah .isi-widget, .misalwidgetnya .isi-widget, #sidebar-kanan .isi-widget, #sidebar-kiri .isi-widget{/*style ini untuk isi widget, keseluruhan*/
margin:5px;margin:5px;/*jarak luar masing-masing 5px */
}
/*maksud dari pengelompokan adalah, misal ada 10 style yang sama, nah dari-pada styleya ditulis satu-satu, kan lebih baik di kelompokan*/
#by-indam{/*style ini untuk yang paaaaaaaaaaaaaaaaaaaaaaaaling bawah, ituloh yang titititittititik*/
clear:both;/*fungsi style ini agar ruang kiri-kanan tidak bisa diisi*/
outline:white dotted 16px;/*garis luar tebal 16px titik-titik, warna putih */
min-height:40px;/*minimal tinggi 40px */
margin:40px auto;/* jatak luar atas dan bawah 40px, kiri-kanan auto*/
background-color:white;/* warna latar belakang putih*/
-moz-border-radius-bottomright:10px;/*style ini hanya untuk firefox */
-moz-border-radius-bottomleft:10px;/*style ini hanya untuk firefox */
}
#by-indam p{/*style ini untuk tag p dalam tititititiititittitiitik*/
text-align:right;/*text rata kanan */
margin:0;/*jarak luar masing-masing 0 */
padding:5px 10px;/* jarak dalam atas-bawah 5px, kiri-kanan 10px*/
}
/*********************************************************************/
/*********************************************************************/
-->
</style>
</head>
<body>
<!-- dari sini pembentuk header --------------------------------------------->
<div id="pembentuk-headernya">
<!-- mulai dari sini judul header -->
<h1 class="judul">judul website sobat</h1>
<!--// //sampai disini judul header -->
<!--daisini deskripsi -->
<p class="deskripsinya">misal disini adalah deskripsi blog sobat</p>
<!-- ////sampai disini deskripsi -->
</div>
<!-- ////sampai disini pembentuk header --------------------------------------------->
<!----------------------------------------->
<!----------------------------------------->
<!-- dari sini sidebar kiri --------------------------------------------->
<div id="sidebar-kiri">
<!-- dari sini isi widget sidebar -->
<div class="anggapwidget">
<h2>judul sidebar kiri</h2>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<div class="anggapwidget">
<h2>judul sidebar kiri 2</h2>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<div class="anggapwidget">
<h2>judul sidebar kiri 3</h2>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!-- ////sampai sini isi widget sidebar -->
</div>
<!-- //sampai disini sidebar kiri --------------------------------------------->
<!----------------------------------------->
<!----------------------------------------->
<!-- dari sini badan utama -->
<div id="badan-utamanya">
<!-- dari sini isi badan utama -->
<div class="isinya">
<h2>anggap disini adalah judul postingan</h2>
<p>ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text</p>
<p>ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text</p>
<p>ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text</p>
<p>ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text</p>
<p>ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text</p>
<p>ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text</p>
<p>ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text</p>
<p>ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text</p>
<p>ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text</p>
<p>ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text ini adalah text</p>
</div>
<!-- //sampai disini isi badan --------------------------------------------->
</div>
<!----------------------------------------->
<!-- ////sampai pembentuk badan utama ---------------------------------------------->
<!----------------------------------------->
<!----------------------------------------->
<!-- dari sini sidebar kanan -->
<div id="sidebar-kanan">
<!-- dari sini widget sidabar kanan -->
<!----------------------------------------->
<div class="anggapwidget">
<h2>judul sidebar kanan</h2>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<div class="anggapwidget">
<h2>judul sidebar kanan 2</h2>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<div class="anggapwidget">
<h2>judul sidebar kanan 3</h2>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<!-- ////sampai disini widget sidebar kanani ---------------------------------------------->
</div>
<!--// //sampai disini sidebar kanan --------------------------------------------->
<div style="clear:both;/* */"></div>
<!----------------------------------------->
<!----------------------------------------->
<!-- dari sini footer pertama/atas--------------------------------------------->
<div id="pembentuk-footer">
<!-- dari sini widget dalam footer atas ---->
<!----------------------------------------->
<div class="misalwidgetnya">
<h3 class="judulwidgetfooter">judul widget footer</h3>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<div class="misalwidgetnya">
<h3 class="judulwidgetfooter">judul widget footer</h3>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<div class="misalwidgetnya">
<h3 class="judulwidgetfooter">judul widget footer</h3>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<!-- sampai disini widget footer atas ---->
<div style="clear:both;/* */"></div>
</div>
<!-- sampai disini pembentuk footer atas ----------------------------------------->
<!----------------------------------------->
<!----------------------------------------->
<!-- dari sini untuk footerkedua/tengah----------------------------->
<div id="pembentuk-footer-bawah">
<!--dari sini widget dalam footer--------------------------->
<!----------------------------------------->
<div class="misalwidgetnya-footer-bawah">
<h3>judul</h3>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<div class="misalwidgetnya-footer-bawah">
<h3>judul</h3>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<div class="misalwidgetnya-footer-bawah">
<h3>judul</h3>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<div class="misalwidgetnya-footer-bawah">
<h3>judul</h3>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<!--sampai disini widget dalam footer--------------------------->
<div style="clear:both;/* */"></div>
</div>
<!---sampai disini footer bawah/tengan kedua--------------------------->
<!----------------------------------------->
<!----------------------------------------->
<!-- dari sini untuk footer paling bawah---------------------------->
<div id="pembentuk-footer-paling-bawah">
<!-- dari sini untuk widget dalam footer paling bawah---------------------------->
<!----------------------------------------->
<div class="widgetnya-footer-bawah-paling-bawah">
<h4>judul</h4>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<div class="widgetnya-footer-bawah-paling-bawah">
<h4>judul</h4>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<div class="widgetnya-footer-bawah-paling-bawah">
<h4>judul</h4>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<div class="widgetnya-footer-bawah-paling-bawah">
<h4>judul</h4>
<div class="isi-widget">
isi widget
isi widget
isi widget
isi widget
isi widget
isi widget
</div>
</div>
<!----------------------------------------->
<!-- sampai disini widget dalam footer paling bawah------------------------->
<div style="clear:both;/* */"></div>
</div>
<!-- ////sampai disini footer footer paling bawah--------------------------------------------->
<!----------------------------------------->
<!----------------------------------------->
<!-- ////dari sini by-indam --------------------------------------------->
<div id="by-indam"><!----------------------------------------->
<p>yah, seperti inilah tampilanya, simple kan?, silakan edit untuk belajar. salam <a href="http://www.indaam.net" title="indam site" target="_blank">indaam site</a></p>
<!-----------------------------------------></div>
<!-- contoh ini bisa sobat gunakan untuk membuat themes! i love all frien's
sebenarnya masih mmau nambahin tapi cape nulisnya
semoga bermanfaat, style css itu banyak banget, sobat bisa nambain style lainya! -->
</body>
</html>

keterangan

  • value cssnya terletak antara : (titik dua) dan ; (titik koma)
  • fungsi css adalah untuk merubah tampilan
  • kode dari /* sampai */ adalah komentar css, fungsi dari komentar ini agar kita teidak lupa pada value yang kita beri, komentar ini tidak akan berpengaruh terhadap value css
  • kode dari <!– sampai –> adala komentar html
  • yang saya beri <!——————————————————————> anggap saja sebagai batas antar tag html, sedangkan
  • /************************************************/ anggap saja sebagi batas style
  • silakan edit valuenya untuk belajar

semoga bermanfaat

Indam

A geek, frontend developer. Like you, coding & experiment.
#web #design #ui #ux #standard #dreamer
#welding #interisti #beer #coffee

8 thoughts on “Contoh Template Static Dengan HTML dan Valuenya”

  1. Anas says:

    gmna gambar contoh web statis ………….. ???? skrip nya

    MOHON BANTUANYA
    SECEPATNYA !!!!!!!!!!!

  2. rizki says:

    Terima Kasih…
    Sangat membantu..

  3. mus tofan says:

    mas indam saya sangat minat ingin belajar css
    tapi gurunya sangat minim hehehe
    emang awal yang harus dipelajari lebih dahulu itu apa sie mas indam :D

  4. Yusfi Taruna says:

    Thks ! sangat mambantu bagi pemula dan yg mo coba-coba……….

  5. rina mariyana says:

    tolong bantuin dong kak cara memperkenalkan kebudayaan diboyolali menggunakan situs web..

    1. indam says:

      Mmmm, caranya???

  6. arjan says:

    terimakasih, info menarik dan sangat membantu.
    ijin copas sc nya ya…
    tks

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Disclaimer, FAQ & License

Hello Gaes, untuk tujuan apapun semua content text di blog ini dapat di copas, tanpa harus menulis sumbernya. Namun content yang berupa gambar--harus Anda periksa kembali lisensinya.

Adapun(mungkin) sebagian content blog ini sudah kadaluarsa atau sudah tidak relevan, contoh :'Theme default WordPress 3+ adalah Twentyten 'apakah selamanya Twentyten?' ngga kan? Indam selaku pengelolah berharap melaporkan jika menemukan content basi yang mungkin dapat menimbulkan salah persepsi tentang content dan konsep itu sendiri. Oia, karena blog ini bersifat pribadi dan bukan untuk komersil, mungkin anda juga akan menemukan tulisan tentang aku dan hal-hal rancu yang sama sekali ngga ada hubungan dengan web dan blog-blogan. Perlu dicatat: Indam selaku pengelolah tidak bertanggung jawab atas kerugian materi, waktu, tenaga, pikiran yang mungkin ditimbulkan dari sini. So, pandai-pandai yah dalam memilah informasi. Thanks for reading.

Quote

Ketika Anda melihat orang lain mengangkat dirinya dengan cara merendahkan orang lain, sebenarnya orang itu lebih rendah dari mereka yang direndahkan. Phidias--greece filsuf

+
-