Cherong's ritrovo: April 2013

April 12, 2013

Desain Website Pada 000webhost

Seperti pada Postingan sebelumnya saya telah menulis tentang membuat website gratis sekarang saya ingin Memposting tentang mendesain website yang telah anda buat.

Jika anda sudah mempunyai alamat subdomain saya ucapkan selamat karna sedikit lagi anda akan memiliki sebuah domain yang dapat anda posting dengan tulisan anda.

Mendesain website pada 000webhost tidaklah sesulit yang anda bayangkan beberapa langka kecil yang harus anda lakukan ialah sebagai berikut.

Setelah anda berhasil login maka tampilan yang muncul akan seperti ini:

Klik Pada Go to CPanel kemudian Pilih

Baca selengkapnya »»

April 09, 2013

WebSite Gratis Di 000Webhosting

Untuk mendapatkan suatu website gratis tidak lepas dari penyedia website tersebut mungkin anda sudah mengetahui beberapa penyedia website gratis tersebut Namun di postingan ini saya ingin membahas tentang membuat website gratis pada 000webhost.com. Klick Icon di bawah untuk memulai

Daftar Untuk Menjadi Member terlebih dahulu (Gratis)

Baca selengkapnya »»

Kolom Scroll Pada Postingan

Tujuan membuat Kolom scroll pada postingan mungkin pada setiap blogger berbeda-beda ada yang ingin agar postingan terliat menarik, simple tampa banyak tulisan ataupun postingan terliat sesingkat mungkin.
Apapun itu Kolom scroll banyak membantu dalam memuat postingan antara lain mungkin memisahkan tulisan inti (Kutipan dsb.) dengan tulisan lain (pengantar).

Berikut adalah beberapa cara pembuatan Kolom Scroll yang mungkin membantu anda yang sering menulis blog.

Tulis terlebih dahulu Text yang belum ingin anda kolomkan pada bagian Compose jika anda ingin scroll kolom anda ada pada bagian tengah postingan.
(Misalnya Text pengantar)

Klik HTML yang ada pada sebelah Kiri Compose
Masukan Kode Berikut

<div style="background-color: white; border: 1px solid rgb(191, 189, 189);
height: 100px; overflow: scroll; padding: 5px; text-align: justify; width: 400px;">
Masukkan Tulisan atau teks sobat disini</div>

Bentuk yang akan muncul adalah seperti kolom berwarna kuning tetapi jika tulisannya lebih banyak maka kolom tersebut memiliki scroll yang dapat digeser kebawah dan keatas.
Ganti Tulisan Biru dengan text yang ingin anda Kolomkan
Anda dapat Mengatur Dimana text anda berada ditengah, kanan atau kiri dengan mengganti kode yang berhurufkan merah tersebut dengan center, left atau right.
Untuk Lebar Kolom Silakan Ganti pada Bagian Widtt sedangkan tinggi kolom dapat menggunakan height

Mungkin bagi anda yang sudah mengerti tentang pemrograman HTML anda tidak perlu mengikuti langka 1 ataupun 2 dan dapat lansung masuk melalui HTML kemudian lansung mengetik kode

Selain Cara Yang Diatas Anda Dapat Membuat Scroll dengan type yang lain seperti Ini

<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 200px; width: 5400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukkan Tulisan atau teks sobat disini
</div></span></span></span>

Selamat Mencoba

April 06, 2013

Menu Sederhana Pada HTML

Menu yang akan dibuat adalah menu untuk membuat sebuah web sederhana yang mengkin menampilkan berbagai item agar web terliat cukup menarik.

Bentuk yang akan tampil pada browser anda adalah seperti ini.Dan mungkin anda ingin membuat sebuah menu yang dapat roll down kebawah saat anda meletakan kursor anda pada salah satu menu tersebut

<!doctype html>

<head>

<style>

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li { padding: 0; margin: 0;

}

body { font-size: 100%; font-weight: normal; background-color:#99FF66; font: 100% arial;

}

header, footer, section, article, nav { display:block;

}

#wrapper {position:relative; top:0; left:0;width:950px; margin:auto; text-align:center;

}

header {width:100%; height:80px; color:black; background-color:#FFCC00; padding-top:10px;

}

h1 { font-size:200%; font-weight:bold; margin-top:20px;

}

#main-content {width:950px; margin:50px auto 0 auto; background-color:white; color:black; text-align:center; font-weight:bold;

}

footer {margin:10px auto 0 auto; width:950px; font-weight:bold; text-align:center; background-color:#FFCC00; color:black; clear:both;

}

nav ul {position:absolute; top:100px; left:9%; width: 780px; list-style: none; height: 36px;

}

nav li { float: left; width: 120px;

}

nav a { color: #000; font-size: 100%; font-weight:bold; text-decoration: none; text-align:center; border: 1px solid #000; padding: 5px; display: block;

background-color: white;

}

nav a:hover { font-weight: bold; background-color:green; color:white;

}

.clear { clear:both;

}

</style>

</head>

<body>

<h1>This is the header</h1>

</header>

<nav>

<ul>

</nav>

<br>

<br>This content panel can contain several columns<br/><br>

</div>

<footer>A footer goes here

</footer>