Tampilkan postingan dengan label Template. Tampilkan semua postingan
Tampilkan postingan dengan label Template. Tampilkan semua postingan

Tugas WEB PROGRAMING


baik.. ini pertama kalinya saya posting tugas di blog ini, dan ini juga sebagai penambahan kategori baru dalam sitemap blog ini yaitu
kategori "Tugas", nah, mungkin ada pembaca yang bertanya kenapa harus posting tugas diblog wischain? ya karena sekalian buattambah-tambah postingan
sekaligus memperlihatkan struktur template blog wischain bagian index
OK, berikut tugas yang sudah saya buat tentang struktur template blog wischain ini dengan tag tabel..

Nama: WISNU PRIAMBODO
NIM: 10.01.53.0040
Matakuliah: WEB PROGRAMMING
Dosen : JEFFRI ALFA RAZAQ,M.KOM


Coding dan Penjelasan:

<table width="400" height="480" border="1"> //Tag Tabel dengan lebar 400px dan tinggi 480px serta tebal border 1
<tr>
<td height="25" colspan="3" align="center" valign="middle" bgcolor="#FF0000"><font color="#FFFFFF">Navigasi Menu 1</font></td> //Tag td dengan tinggi 25px, mengisi 3 kolom pada suatu table, perataan horizontal ditengah dan perataan vertikal juga ditengah, background warna merah, dan tag font dg font berwarna putih.
</tr>
<tr>
<td colspan="3" align="center" valign="middle">Header</td> //Tag td dengan mengisi 3 kolom pada suatu table, garis lurus ditengah dan garis lurus vertikal juga ditengah.
</tr>
<tr>
<td height="25" colspan="3" align="center" valign="middle" bgcolor="#FF0000"><font color="#FFFFFF">Navigasi Menu 2</font></td> //Tag td dengan tinggi 25px, mengisi 3 kolom pada suatu table, perataan horizontal ditengah dan perataan vertikal juga ditengah, background warna merah, dan tag font dg font berwarna putih.
</tr>
<tr>
<td width="33%" height="28" align="center" bgcolor="#CC3300"><font color="#FFFF00">Judul Konten</font></td> //Tag td dengan tinggi 28px lebar 33%, perataan horizontal ditengah, background warna merah, dan tag font dg font berwarna kuning.
<td width="33%" rowspan="2" align="center" bgcolor="#00FF00">Blogroll</td>//Tag td dengan lebar 33%, mengisi 2 baris pada suatu table, perataan horizontal ditengah, background warna hijau
<td width="33%" rowspan="2" align="center bgcolor="#00FF00"">Menu</td>//Tag td dengan lebar 33%, mengisi 2 baris pada suatu table, perataan horizontal ditengah, background warna hijau
</tr>
<tr>
<td height="33%" align="center">Isi Konten</td>//Tag td dengan lebar 33%, perataan ditengah.
</tr>
<tr>
<td height="150" align="center" bgcolor="#00FF00">Widget 1</td> //Tag td dengan tinggi 150px, perataan horizontal ditengah, background warna hijau
<td height="150" align="center" bgcolor="#00FF00"> Widget 2</td> //Tag td dengan tinggi 150px, perataan horizontal ditengah, background warna hijau
<td height="150" align="center" bgcolor="#00FF00"> Widget 3</td> //Tag td dengan tinggi 150px, perataan horizontal ditengah, background warna hijau
</tr>
<tr>
<td height="25" colspan="3" align="center" bgcolor="#FF0000">footer</td>//Tag td dengan tinggi 25px, mengisi 3 kolom pada suatu table, perataan horizontal ditengah, background warna merah.
</tr>
</table>


Code Asli, Buka Spoiler :
<table width="400" height="480" border="1">
<tr>
<td height="25" colspan="3" align="center" valign="middle" bgcolor="#FF0000"><font color="#FFFFFF">Navigasi Menu 1</font></td>
</tr>
<tr>
<td colspan="3" align="center" valign="middle">Header</td>
</tr>
<tr>
<td height="25" colspan="3" align="center" valign="middle" bgcolor="#FF0000"><font color="#FFFFFF">Navigasi Menu 2</font></td>
</tr>
<tr>
<td width="33%" height="28" align="center" bgcolor="#CC3300"><font color="#FFFF00">Judul Konten</font></td>
<td width="33%" rowspan="2" align="center" bgcolor="#00FF00">Blogroll</td>
<td width="33%" rowspan="2" align="center" bgcolor="#00FF00">Menu</td>
</tr>
<tr>
<td height="33%" align="center">Isi Konten</td>
</tr>
<tr>
<td height="150" align="center" bgcolor="#00FF00">Widget 1</td>
<td height="150" align="center" bgcolor="#00FF00"> Widget 2</td>
<td height="150" align="center" bgcolor="#00FF00"> Widget 3</td>
</tr>
<tr>
<td height="25" colspan="3" align="center" bgcolor="#FF0000">footer</td>
</tr>
</table>



====================

Hasil Screenshot:




Hasil *(Hasil dibawah tidak sama dengan screenshot diatas karena sebelumnya saya telah memodifikasi css tabelnya) :

Navigasi Menu 1
Header
Navigasi Menu 2
Judul Konten Blogroll Menu
Isi Konten
Widget 1 Widget 2 Widget 3
footer




Template oh Template

wew!! malem sobat blogger dan agan2 kaskuser, ane mo curhat dikit nih, tentang kondisi ane sekarang dan blog ane.,
sebener'e ane seneng bgt dengan adanya blog ini ane jadi banyak Job, dari buat template dan dan edit template, padahal ane sendiri bukan Blog Master apalagi Web Master., ane sendiri juga masih belajar buat template
tapi ternyata banyak juga yang pengen di buat'in template blog, pusing dah pokok'nya.
sebener'e sih ane seneng juga kalo dapet ginian, banyak orang yang pesen berarti banyak yang ngasih $ , kalo agan2 kaskuser sih pada plus ngasih cendol., hehehe.,
sekarang aja ane lagi di suruh buat template blog SMP dan Blog kursus matematika, wew!! sbener'e yang bikin pusing bukan orang2 yang pengen dibuatin template gan,
tapi yang bikin pusing adalah tugas-tugas kuliah ane yang terbengkalai,
parah bgt dah!! sampai tugas ane bertumpuk-tumpuk yang belom di kelar'in.,


oh ya..., sebener'e inti post ini ane cuma mo minta maap ma agan2 Kaskuser dan sobat2 Blogger yang template'nya gag bisa di kelar'in, pokoknya ane minta maap,
dan ane minta maap juga ma agan kaskuser yang minta dikembaliin cendolnya, pasti ane kembaliin kok., kalo dah ISO pastinya, hehehe

dan ane berterima kasih banyak buat agan2 kaskus'er yang rajin klik link ane sehingga blog ini bisa di peringkat 300.000'an di alexa rank., makasih banyak ya gan, gag bakalan rugi dah klik link Wis Chain., di jamin bukan jebakan betmen dan penjual bokep, pokok'nya banyak yang bermanfaat dah disini, hehehehe

sori gag konfirmasi lewat kaskus, takut palah bikin over posting., hehehe
makasih udah membaca., I love KasKus , I love Blogspot

Akhirnya Jadi Juga Templatenya

Bukanya bermaksut untuk menyombongkan diri atau pengen Tenar, berhubung karena lagi krisis ide untuk posting artikel., saya mancoba untuk membuat template sendiri yang beda dari yang lain.. Setelah dua hari ngutak-atik CSS blog ahirnya sekarang punya juga Template buatan sendiri., walaupun masih belum rapi. maklum lah masih newbie hehe.., warna dan header blog ini sih masih sama seperti template sebelumnya karena saya masih suka warna merah dan hitam, dan saya masih suka Gambar Garuda'nya yang dibuat oleh Bang ardha jaco.., sebagian script ini saya curi dari themplatenya Kang Rohman dan Roxx-Share dengan bantuan add-ons mozilla firebug.., hehehe sory ya Kang Rohman dan Roxx-Share!.., template yang berkonsep Magazine ini belum mau saya upload dulu karena masih belum teruji ke'SEOannya.., tapi dalam analisa saya sudah cukup ramah SEO.., Template ini saya usahakan agar dapat mewakili diri saya yang ingin Tampil Beda.., ciekekeke..,

Untuk membuat template ini saya mengunakan aplikasi Artisteer, Macromedia Dreamweaver, dan Adobe Photoshop.

Saya berterima kasih kepada: Kang Rohman, Roxx Share, Bang ardha jaco, firebug, Artisteer 2, Macromedia Dreamweaver, Adobe Photoshop, dan ANDA yang sedang membaca artikel ini yang tak henti-hentinya mau mengunjungi blog yang sangat Culun ini..., heheh

Terjemahkan



Mengenai Saya

Foto Saya

The great pleasure in life is doing what people say you cannot do.

Kategori

Back-to-top