Sunday, April 25, 2010

Membuat tabel dengan kode html

Sekarang kita akan masuk pada tahap yang lebih rumit, kenapa saya kata rumit? karena dalam membuat tabel dengan HTML ini diperlukan ketelitian, kecermatan dan kawan-kawannya. untuk menunjukkan daftar, misalkan tentang daftar sebuah harga atau data tertentu memang lebih mudah ditunjukkan dengan sebuah tabel, salah satu teman saya juga pernah saya buatkan tabel tentang harga pulsa dengan kode html,daripada menngunakan image/jpg yang loadingnya lama mungkin ada baiknya kamu pakai html saja,misal kode sbb:

<table border="1">
<tbody><tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
</tbody></table>

maka akan terlihat sbb:

Hari1Hari2Hari3Hari4Hari5
Hari1Hari2Hari3Hari4Hari5
Hari1Hari2Hari3Hari4Hari5


atau kamu bisa memasukkan seperti dibawah ini:

<table border="1">
<tbody><tr>
<th>Hari</th>
<th colspan="2">jenis pengunjung</th>
</tr>
<tr>
<td>
</td>
<td>Cewe'</td>
<td>Cowo'</td>
</tr>
<tr>
<td>Senin</td>
<td>50</td>
<td>6</td>
</tr>
<tr>
<td>Selasa</td>
<td>70</td>
<td>90</td>
</tr>
<tr>
<td>Rabu</td>
<td>3</td>
<td>150</td>
</tr>
</tbody></table>

maka hasilnya spt ini:

Harijenis pengunjung
Cewe'Cowo'
Senin506
Selasa7090
Rabu3150



lihatlah hasinya dan editlah sesuai keinginan kamu.
semoga bermanfaat!


Membuat sebuah tabel dengan html

Sekarang kita akan masuk pada tahap yang lebih rumit, kenapa saya kata rumit? karena dalam membuat tabel dengan HTML ini diperlukan ketelitian, kecermatan dan kawan-kawannya. untuk menunjukkan daftar, misalkan tentang daftar sebuah harga atau data tertentu memang lebih mudah ditunjukkan dengan sebuah tabel, salah satu teman saya juga pernah saya buatkan tabel tentang harga pulsa dengan kode html,daripada menngunakan image/jpg yang loadingnya lama mungkin ada baiknya kamu pakai html saja,misal kode sbb:

<table border="1">
<tbody><tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
</tbody></table>

maka akan terlihat sbb:

Hari1Hari2Hari3Hari4Hari5
Hari1Hari2Hari3Hari4Hari5
Hari1Hari2Hari3Hari4Hari5


atau kamu bisa memasukkan seperti dibawah ini:

<table border="1">
<tbody><tr>
<th>Hari</th>
<th colspan="2">jenis pengunjung</th>
</tr>
<tr>
<td>
</td>
<td>Cewe'</td>
<td>Cowo'</td>
</tr>
<tr>
<td>Senin</td>
<td>50</td>
<td>6</td>
</tr>
<tr>
<td>Selasa</td>
<td>70</td>
<td>90</td>
</tr>
<tr>
<td>Rabu</td>
<td>3</td>
<td>150</td>
</tr>
</tbody></table>

maka hasilnya spt ini:

Harijenis pengunjung

Cewe'Cowo'
Senin506
Selasa7090
Rabu3150



lihatlah hasinya dan editlah sesuai keinginan kamu.
semoga bermanfaat!




BACA JUGA!
- Membuat garis dengan kode html
- Menghilangkan judul pada header blog
- Membuat kotak scrollbar blog
- Memasang read more pada blogger baru

Membuat sebuah garis dengan html

Pengen membuat sebuah garis horisontal hitam atau warna lainya? ni sekedar informasi bagi yang belum bisa membuat sebuah garis dengan kode html,karena dalam membuat sebuah tabel tentunya diperlukan sebuah garis2,dan ini langkah awalnya, cara membuatnya sbb:

garis diatas merupakan dasarnya, namun anda bisa memodifikasinya, seperti ini :




atau seperti ini:




Kita mulai dari kode dasarnya, kode dasar dari garis itu adalah :

<hr/>


Jika anda mau anda bisa tidak menggunakan garis miring (/), namun dalam XHTML, semua tag harus ditutup.
Anda bisa mewarnainya dengan tambahan "color", seperti ini :

<hr color='warna yang anda mau'/>

Anda juga bisa menentukan lebarnya dengan tambahan "width", misalnya anda ingin warna ungu dengan lebar 500, maka kodenya seperti ini :

<hr color='purple' width='500px'/>

OK, tu sedikit info buat anda!


BACA JUGA!
- Menghilangkan judul pada header blog
- Membuat kotak scrollbar blog
- Memasang read more pada blogger baru
- Download mig33 messenger v2.1
- AFM flood tool mig33

Menghilangkan judul pada header blog

Judul blog berguna untuk memberi informasi tentang blog kita dan sangat penting dalam search engine.. tapi jika di blogger judul blog tampak di header dan jika kita membuat background header yang kita buat sedemikian unik, bagus dan keren menurut kita akan mengganggu pemandangan background header kita...
Saya akan membuat suatu tutorial sederhana untuk menghilangkan judul blog di header namun tidak hilang judul blog kita sebenarnya hanya saja tidak tampak pada header. Yupzz kemaren saya udah pernah buat tutorial sederhana mengenai cara menghilangkan Tanggal posting tapi sekarang saya membuat tutorial cara menghilangkan Judul Blog di header... oke langsung saja

Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog Anda yang mirip seperti dibawah:

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}

nahh seperti halnya menghilangkan tanggal posting kita tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah:

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}

Jika Sudah Simpan pengaturanya....


BACA JUGA!
- Membuat kotak scrollbar blog
- Memasang read more pada blogger baru
- Download mig33 messenger v2.1
- AFM flood tool mig33
- Merak flood mig33
- Botherhood for kicker mig33
-
Cara membuat flood mig33
- Download mig33 sjboy
-Download mig33 versi resmi
- Tips dan trik mig33 basi
- Applikasi flooder by rados olen
- Damnkick mig33 memang hebat
- Download mig33 v4.20 facebook support
- Daftar id/nick staff mig33
- Game mig33 russian roulette

Friday, April 23, 2010

Cara membuat kotak scrollbar blog

Saya mungkin juga baru belajar ngeblog, jadi apa yang sudah saya tahu akan saya posting juga, disamping buat pengingat mungkin biar kalo otak-atik blog gk usah cari tutorial di rumah tetengga he he he...tapi jika kamu belum tahu juga, ni aku cuma mau share aja tentang cara membuat kotak scrollbar pada blog.
Untuk membuat kotak ini caranya sangat mudah:






1. Buka Blogger.
2. Klik menu Layout -> Page Elements
3. Klik Add a Gadget.
4. Lalu klik tombol + pada HTML/Javascript
5. Masukkan kode yang dibawah ini:

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">tulisan anda disini</div>


ika Anda ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan teks yang ingin Anda tampilkan.

Sebagai contoh, saya memasukkan:

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog</div>

Maka hasilnya akan seperti ini:

Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog


Jika Anda ingin menambahan gambar kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan <img src="alamat url gambar Anda" />

Sebagai contoh saya memasukkan:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="http://i415.photobucket.com/albums/pp237/jupmerput/honden5.gif" /></div>

maka hasilnya akan seperti ini:


selamat mencoba!


BACA JUGA!
- Download mig33 messenger v2.1
- AFM flood tool mig33
- Merak flood mig33
- Botherhood for kicker mig33
-
Cara membuat flood mig33
- Download mig33 sjboy
-Download mig33 versi resmi
- Tips dan trik mig33 basi
- Applikasi flooder by rados olen
- Damnkick mig33 memang hebat
- Download mig33 v4.20 facebook support
- Daftar id/nick staff mig33
- Game mig33 russian roulette
- Kapurung flood 2.0.0
- command text code mig33
- Download flood alas roban

Saturday, April 17, 2010

Cara memasang read more pada blogger baru

Baru buat read more nih..tp banyak jg ya caranya, aq pilih yang ini aja, coz lebih mudah aja gt....lht caraku yang aq lht jg dr blog teman. sangat mudah jg ternyata..so mungkin bagi sobat boleh pakai cara yang ini aja,sebelumya mhn maaf saya cuma belajar aja nih, tp cara ini adalah yang paling mudah bagi saya..coz dari pengalaman jg, dl pertama membuat read more gk dengan cara yang seperti aq pakai sekarang.


1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate"
2. Letakkan kode berikut persis di atasnya kode </head> lht bawah ini:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

3. cari kode berikut <p><data:post.body/></p> dan letakkan kode ini tepat di bawahnya.

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

4. Klik Simpan. Selesai.
5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:

<span class="fullpost">

</span>

angan lupa klik SIMPAN PENGATURAN.

NB;
untuk menempatkan read more rata kanan ato kiri anda tinggal menambahkan kode yang berwarna merah dibawah ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div style='float:right;padding:10px 0px 5px 0px'>
<a expr:href='data:post.url'> Read More..</a>
</div>
</b:if>


BACA JUGA!
- Download mig33 messenger v2.1
- AFM flood tool mig33
- Merak flood mig33
- Botherhood for kicker mig33
-
Cara membuat flood mig33
- Download mig33 sjboy
-Download mig33 versi resmi
- Tips dan trik mig33 basi
- Applikasi flooder by rados olen
- Damnkick mig33 memang hebat
- Download mig33 v4.20 facebook support
- Daftar id/nick staff mig33
- Game mig33 russian roulette
- Kapurung flood 2.0.0
- command text code mig33
- Download flood alas roban

Monday, April 12, 2010

Migranger flooder mig33

Lagi2 applikasi flooder mig33 yang aq share, gpp.buat koleksi applikasi flooder anda dirumah jg gk apa2,so kalo mau rusuh di room mig33 anda tinggal flood aja gt..he he he...
Ni tampilan dari appnya, masukkan multy anda load,masukkan sesuai password yang sama, anda tinggal start floodnya di room yang anda kehendaki.silahkan download aja ya....

migranger flooder mig33

 

Sponsor