Please Wait, Loading...

Kamis, 06 November 2008

Mendesain Halaman WEB

(Dreamweaver CS3 – bag. 2 )

Pada bagian yang lalu kita sudah membahas tentang Mengatur Properti Halaman Web sampai dengan tahap Mengisi bagian Latar Belakang dengan gambar. Selanjutnya kita akan membahas tahap yang masih terkait dengan mengatur Properti Halaman web.

1. Mengisi bagian background dengan warna.

Pilihan Background pada kotak dialog Page Properties digunakan untuk mengisi latar belakang halaman web dengan warna. Pemberian warna latar belakang ini dapat kita berikan jika kita tidak ingin memberikan latar belakang halaman web dalam bentuk gambar.

Dreamweaver akan memberikan pilihan warna dengan mengklik tombol dropdown pada bagian background , kemudian akan tampil pilihan warna. Pilihlah salah satu warna dengan menggunakan pointer mouse. Jika kita ingin memilih warna lebih banyak lagi, kita bisa memilih tombol System Color Picker. Sedangkan untuk membatalkan proses pemilihan warna, kita dapat mengklik tombol Default Color sehingga warna akan kembali menjadi warna default, yaitu warna Putih.

2. Menggunakan Warna Default untuk teks pada halaman web.

Text Color pada kotak dialog Page Properties digunakan untuk menentukan warna default halaman web. Dalam penentuan warna ini, kita dapat mengaturnya dengan cara yang sama seperti saat kita mengatur warna latar belakang. Warna default untuk teks yang biasa digunakan adalah warna hitam.

3. Menentukan warna untuk teks Link.

Selain warna default untuk teks pada halaman web, kita juga dapat mengatur warna untuk jenis teks lainnya, seperti :

a. Links, warna yang akan digunakan pada semua teks dan email link yang mengandung hyperlink.

b. Visited Links, warna yang akan digunakan pada link yang sudah pernah dikunjungi.

c. Active Links, warna yang akan digunakan pada link yang sedang ditunjuk atau pada saat pointer mouse masih dalam keadaan ditekan pada teks link.

d. Rollover Links, warna yang akan digunakan pada link saat pointer mouse melewati teks tersebut.

4. Menentukan Ukuran Margin.

Ukuran Margin pada lembar kerja Dreamweaver CS3 sangatlah berbeda dengan ukuran margin pada program lainnya, karena pada ukuran Margin di Dreamweaver CS3 hanya ditentukan pada margin Left, Top, Right dan Bottom.

Untuk menentukan batas margin pada lembar kerja Dreamweaver CS3, kita dapat mengisikan nilai pada kotak teks margin pada kotak dialog Page Properties pada bagian category Appearance.

a. Left Margin untuk menentukan margin kiri halaman web.

b. Top Margin untuk menentukan margin atas halaman web.

c. Right Margin untuk menentukan margin kanan halaman web.

d. Bottom Margin untuk menentukan margin bawah halaman web.

(Bersambung...)

Senin, 03 November 2008

Mendesain Halaman WEB (Dreamweaver CS3 – bag. 1 )

A.   Mengatur Properti Halaman Web

Sebelum kita mulai mendesain halaman web, terlebih dahulu kita harus mengatur properti halaman pada lembar kerja kita. Karena properti halaman ini ikut berperan dalam menentukan bagus tidaknya suatu desain yang kita buat nantinya.

Kita dapat mengatur judul halaman, latar belakang berupa warna dan gambar halaman, warna teks dan link serta margin halaman Web. Semua atribut tersebut merupakan atribut dasar yang perlu diperhatikan dari setiap halaman Web.

Untuk menampilkan kotak dialog properti halaman, langkah-langkahnya adalah sebagai berikut : Pilih perintah menu MODIFY > PAGE PROPERTIES, atau tekan Ctrl + J sehingga akan tampil kotak dialog Page Properties.

Tampilan kotak dialog Page Properties pada Dreamweaver CS3 terbagi dalam 5 kategori, antara lain :

1. Pada bagian APPEARANCE, kita dapat mengatur jenis font, menentukan style pada font, ukuran font, warna untuk font, warna latar belakang halaman atau menampilkan gambar untuk latar belakang. Selain itu kita juga dapat menentukan ukuran margin halaman.

2. Pada bagian LINKS, anda dapat menentukan jenis font untuk teks link, ukuran font, mengubah warna untuk teks link, mengubah warna untuk teks yang telah dikunjungi, mengubah warna untuk teks rollover, mengubah warna untuk teks link yang sedang aktif serta untuk menentukan pemberian garis bawah pada teks link.

3. Pada bagian HEADINGS, kita dapat menentukan sendiri style yang digunakan untuk teks naskah kita.

4. Pada bagian Title/ Encoding. kita dapat mengisikan judul halaman pada bagian title.

5. Pada bagian TRACING IMAGE, kita dapat mengatur tampilan gambar sementara pada latar belakang.

A.1. Menambah Judul Halaman Web

Title digunakan untuk memberikan atau memasukkan judul halaman web. Selain memasukkan judul halaman web melalui kotak dialog Page Properties, kita juga dapat memberikan judul halaman web dengan menggunakan salah satu perintah berikut :

1. Pada bagian Document Bar, ketik judul halaman web pada kotak teks title.

2. Pilih perintah menu View > Head Content, sehingga akan ditambahkan sebuah toolbar baru, klik icon yang berada dibagian sudut kiri atas, kemudian isikan judul halaman web dalam kotak teks title pada panel Properties.

A.2. Mengisi bagian Latar Belakang dengan gambar.

Background Image digunakan untuk mengisi bagian latar belakang pada halaman web dengan gambar agar tampilan halaman web kita nampak indah.

Tipe gambar yang dapat digunakan adalah file gambar berekstensi Gif, Jpeg dan PNG.

Langkah untuk mengambil gambar dan menggunakannya sebagai gambar background adalah sebagai berikut :

1. Klik kanan jendela dokumen, pilih Page Properties.

2. Pada kotak dialog Page Properties, klik tombol Browse pada bagian Background Image. Atau jika kita sudah tahu dimana letak gambar yang akan kita jadikan background maka ketikkan path yang berisi file gambar pada kotak teks Background Image.

(bersambung......)

Selasa, 21 Oktober 2008

Membuat Situs Web di Adobe Dreamweaver CS3 (Bag – II )

Pada posting yang lalu kita telah uraikan bagaimana cara membuat situs lokal pada Adobe Dreamweaver CS3.    Pada postingan kali ini kita akan membahas bagaimana cara membuat dokumen baru, mengedit situs, menghapus situs, membuat duplikasi situs, mengekspor situs dan menimpor situs.

A.    MEMBUAT DOKUMEN BARU

Setelah kita membuat site, kita bisa mulai mendesain halaman web dengan membuat dokumen baru.   Dokumen yang kita buat akan tersimpan dalam site yang kita buat.   Untuk membuat dokumen HTML baru, gunakan perintah menu FILE > NEW atau gunakan shortcut Ctrl + N.   

Selanjutnya akan tampil kotak dialog NEW DOCUMENT, pilih BLANK PAGE pada bagian TAPE TYPE pilih HTML kemudian pilih bentuk halaman ang kita inginkan pada bagian LAYOUT.   Bentuk halaman yang terpilih akan ditampilkan pada kotak PREVIEW, pilihan NONE akan menampilkan halaman kosong.

B.    MENGEDIT SITUS

Setelah kita membuat definisi situs web yang kita buat, kita juga dapat mengedit kembali definisi situs dengan langkah sebagai berikut :

1.    Pastikan kita aktif pada jendela program Dreamweaver.
2.    Pilih perintah menu SITE > MANAGE SITES.
3.    Selanjutnya akan tampil kotak dialog MANAGE SITES, untuk menentukan situs yang akan kita edit.
4.    Pilih situs yang akan kita edit, kemudian tekan tombol EDIT.

Lakukan beberapa penyuntingan yang kita inginkan, bagian per bagian pada kotak dialog SITE DEFINITION yang ditampilkan.   Jika sudah selesai, tekan tombol DONE.

C.    MENGHAPUS SITUS.

Untuk melakukan penghapusan situs yang pernah kita buat dan tentunya sudah tidak kita kehendaki lagi, maka tampilkan kotak dialog MANAGE SITES seperti saat kita melakukan proses pengeditan.   Pilih salah satu situs yang akan kita hapus dan tekan tombol REMOVE.   Setelah menekan tombol Remove, maka akan ditampilkan kotak konfirmasi yang berisi pertanyaan ”You cannot undo this action, Delete the selected sites?”.   Jika kita ingin menghapus situs tersebut, maka kita klik tombol YES, maka kita tidak bisa mengembalikan situs yang sudah terhapus.    Jika kita jadi menghapus situs yang terpilih, kita tekan tombol NO.

D.    MEMBUAT DUPLIKASI SITUS

Menduplikasi situs atau bisa juga diartikan dengan menggandakan situs yang mana hasil duplikasi tersebut mempunyai struktur dan isi yang sama seperti aslinya, hanya saja nama situs hasil duplikasi akan diberi akhiran teks ”copy”.

Langkah-langkah untuk menduplikasi situ adalah sebagai berikut :

1.    Pilih perintah menu SITE > MANAGE SITES.
2.    Pada tampilan kotak dialog Manage Sites, pilih situs yang akan diduplikasi, setelah itu tekan tombol DUPLICATE.

E.    MENGEKSPOR SITUS.

Kita dapat mengekspor situs sebagai file XML, namun sebelum kita mengekspornya sebaiknya kita backup situs tersebut.

Langka-langkah yang kita kerjakan dalam mengekspor situs.

1.    Pilih perintah menu SITE > MANAGE SITES.
2.    Pada tampilan kotak dialog Manage Sites, pilih situs yang akan kita ekspor, kemudian tekan tombol EXPORT.
3.    Pada tampilan jendela EXPORT SITE, tentukan tempat dari situs yang kita ekspor lalu tekan tombol SAVE.

D.    MENGIMPOR SITUS.

Selain mengekspor situs, kita juga dapat mengimpor situs dari tempat lain.  File yang dapat kita impor adalah file yang berekstensi .ste .

Langka-langkah yang kita kerjakan dalam mengekspor situs.

1.    Pilih perintah menu SITE > MANAGE SITES.
2.    Pada tampilan kotak dialog Manage Sites, tekan tombol IMPORT.
3.    Pada tampilan jendela IMPORT SITE, pilih nama site yang akan kita import, kemudian tekan tombol  OPEN.

(bersambung ...............)

Sabtu, 18 Oktober 2008

Membuat Situs Web di Adobe Dreamweaver CS3 (Bagian – I )

Situs Web adalah suatu kesatuan dari dokumen-dokumen yang terhubung dengan atribut yang sama, jadi sebuah situs web memiliki banyak dokumen yang biasanya disebut halaman web serta dilengkapi dengan komponen-komponen lain seperti : Image, media dan objek yang saling berhubungan.

Membuat Situs Lokal.

Situs lokal memiliki pengertian keseluruhan file yang digunakan untuk membangun situs web yang berada dalam computer yang berdiri sendiri. Untuk membuat situs web, kita perlu mendefinisikan situs dalam kotak dialog SITE DEFINITION. Pada kotak dialog ini, kita diminta menentukan situs yang akan dibuat. Dalam proses pendefinisian, ada dua cara yang dapat dikerjakan, yaitu dengan menggunakan pilihan BASIC atau ADVANCE.

Pilihan BASIC akan memberikan kemudahan bagi kita dalam menyiapkan situs. Namun kita juga bisa menggunakan pilihan ADVANCE bila kita sudah paham betul tentang konsep yang ada pada Dreamweaver CS3.

Adapun langkah-langkah untuk membuat site baru adalah :

a. Pilih perintah menu SITE > New Sites. Selanjutnya tampil kotak dialog SITE DEFINITION, kita diminta mengisikan nama untuk situs kita. Pemberian nama situs dapat diisi dengan cara mengklik kotak teks yang ada dibawah tulisan ”What Would you like to name your site?” kemudian diberi nama. Kemudian pada kotak dibawah tulisan “What is the HTTP Addres (URL) of your site?” isi dengan alamat URL yang kita kehendaki, misal http://www.cobabuatsite.com dengan tujuan alamat tersebut untuk membuka web lewat browser.

b. Klik NEXT untuk masuk pada kotak dialog selanjutnya. Pada kotak dialog kedua, kita diminta untuk memilih tipe dokumen tempat kita bekerja nantinya. Jika kita pilih NO, maka kita dapat memilih situs statis tanpa memiliki halaman dinamis, atau pilih YES untuk memilih dokumen dinamis.

Contoh dari dokumen bertipe dinamis antara lain : Microsoft Active Server Pages (ASP), Microsoft ASP.NET, Sun Java Server Pages (JSP) atau Hypertext Preprocessor (PHP). Untuk kali ini pilih tombol NO.

c. Klik Next untuk melanjutkan ke langkah selanjutnya. Pada jendela berikutnya terdapat pertanyaan ”How do you want to work with your files during development?” Kita pilih “Edit local copies on my machine, then upload to server when ready ( recommended)”. Setelah itu tentukan tempat penyimpanan file pada hard disk dengan cara mengetikkan folder penyimpanan pada bagian kotak teks yang disediakan, atau mengklik Icon folder di kanan kotak teks, sehingga tampil kotak dialog CHOOSE LOCAL ROOT FOLDER. Tentukan drive dan folder yang kita inginkan, kemudian klik tombol SELECT.

d. Selanjutnya, tekan tombol NEXT untuk menuju ke kotak dialog berikutnya. Pada bagian ini kita diminta untuk menentukan web server, dan apabila kita menggunakan situs lokal dan belum terkoneksi dengan web server, maka pilihan LOCAL/NETWORK yang kita pilih pada kotak dibawah ”How do you connect to your remote server?”. Kemudian tentukan folder untuk menyimpan seluruh file pada kotak ”What folder on your server do you want to store you files in?”

e. Kemudian klik NEXT, akan muncul kotak dialog berikutnya dengan pertanyaan :

“ Do you want to enable checking in and checking out file, to ensure that you and your co-workers cannot edit the same file at the same time ? ”

Jika kita memilih “Yes, enable check in and check out”, maka site yang sedang kita edit juga bisa diedit user lain dalam waktu yang bersamaan. Jika kita memilih “No, do not enable check in and check out”, user lain tidak bisa mengedit site yang sedang kita edit dalam waktu yang sama. Untuk itu pilih pilihan yang kedua.

f. Klik NEXT untuk menuju langkah selanjutnya. Pada tampilan kotak dialog berikutnya akan menampilkan ringkasan dari setting yang telah kita buat. Bila kita sudah yakin dan tidak ingin merubah, maka klik tombol DONE untuk mengakhiri proses.

Sekarang coba perhatikan panel site, di panel site tersebut ditampilkan folder lokal untuk situs ”Cobabuatsite” dan icon folder yang dapat kita uraikan untuk melihat semua isi dari disk lokal dalam tampilan struktur pohon. Untuk sementara situs kita tidak memiliki file atau folder karena baru pertama kali dibuat. Ketika ada file dalam situs, maka file list pada panel site berfungsi sebagai file manager, memberi fasilitas untuk menyalin, menghapus, memindah dan membuka file. Jika kita mempunyai file-file HTML yang mungkin kita gunakan untuk membuat situs web, kita dapat menggunakan file pada panel site untuk menyalin file ke dalam folder situs yang kita buat.

( bersambung..........)

Sabtu, 11 Oktober 2008

Peranan Gairah pada Keharmonisan Rumah Tangga

joingirl Gairah memegang peranan penting dalam hubungan seks  yang normal, tanpa gairah hubungan seks akan hambar.    Tapi mengapa pada masa tertentu gairah tersebut menurun ?

Ada berbagai sebab, yang paling utama adalah fisik.   Inipun banyak dipengaruhi oleh beberapa faktor antara lain yang bersifat alami yaitu USIA.    Umumnya gairah seks tiap orang mulai menurun pada rentan usia 45 - 50 tahun.   Di usia tersebut, hormon yang mendukung gairah seks memang menurun.   Faktor penyebabnya banyak, termasuk problem non seksual, seperti kegemukan dan sebagainya.

Tak heran, pria yang memasuki usia Lansia mulai kelihatan loyo.    Selain gairah menurun, kemampuan ereksi pun menurun.   Gairah pria banyak ditentukan oleh hormon testoteron, yang akan mulai menurun begitu memasuki usia 30 -an tahun.

Sebenarnya tidak ada alasan bagi suami atau istri untuk kehilangan gairah terhadap pasangannya.   Tentu saja, untuk menjaga gairah seks diperlukan berbagai upaya.

Tips berikut kemungkinan akan dapat membantu  menjaga gairah seks dalam rumah tangga :

  1. Jaga Keharmonisan Hubungan.     Pasangan harus memiliki semangat untuk berkorban, saling mengerti dan memahami kekurangan serta kelebihan masing-masing.
  2. Hindari cekcok selama permasalahan bisa diselesaikan secara bersama.
  3. Jaga Daya Tarik Pribadi.    TIdak ada salahnya dan memang sunnah Nabi bahwa suami atau istri bersolek untuk pasangannya.
  4. Istirahat dengan cukup dan mengkonsumsi makanan yang seimbang.
  5. Apabila ada gejala tentang gairah anda, segera konsultasi ke dokter.

Mengkonsumsi  suplemen peningkat gairah seksual juga dianjurkan namun perlu kejelian dalam memilihnya.   Dalam memilih suplemen, sebaiknya yang berbahan alami ( seperti : Herba Epimedi, Cordyceps, Panax Ginseng, Vitamin E dan Zinc )  dan terdaftar di badan POM.

Selasa, 07 Oktober 2008

Memanfaatkan Redemption Center pada PTC

Pada Affiliate program seperti Paid To Click, Menu selain Paid To Click, Inbox ( Read Your Mail ), Refferral Center, Paid TO sign Up,  pasti kita jumpai Paid To Promote, Redemption Center/ Page.

Kali ini saya mencoba memaksimalkan fungsi dari dua menu terakhir yang saya sebutkan di atas. Disini saya memberi contoh untuk Redemption point yang sudah terkumpul pada worldwide-cash.

Misalnya saya sudah mempunyai point sebanyak 218 point.

1.   Login pada worldwide-cash, lalu pilih Redemption Center.


2.   Saya  Pilih "1 point PTC, 150 clicks, timer :10 seconds - 175point. ( mengingat point saya di Wordwide-cash baru sedikit, jadi pilihan ini yang bergaris bawah dan dapat diklik/dipilih )


3.   Kemudian login pada no-minimum,  masuk pada menu Paid To Promote untuk mencopy link URL PTP kita.   Pada gambar bawah, yang terseleksi adalah URL PTP no-minimum kita.

gb. promosi 


4.   Setelah itu, paste link URL PTP no-minimmum kita pada isian "Paid-Link URL" di Form Redemption Worldwise-cash.

5.   Kemudian pada No-Minimum kita klik Refferal Center untuk mendapatkan link URL Banner/image no-minimum.    Lihat gambar dibawah, yang terseleksi adalah URL yang dicopi.

gb banner url

6.   Copi url tersebut dan paste di kotak "Banner URL" di Form Redemption Worldwise-cash

 gbr-3


7.   Setelah itu Tekan Tombol "Send Advertising Request", maka akan ada konfirmasi "Your order has been submited, We will contact you soon".


8.   Setelah request diterima dan diproses oleh admin worldwide-cash, kita dapat lihat Statistik iklan link PTP kita yang berhasil di klik oleh orang lain pada no-minimum dengan cara masuk pada menu Paid To Promote, lalu pilih Statistik, dan pilih klik pada tanggal saat  kita Redemption point  (biasanya 24 jam setelah direquest).

gb-4

Barangkali rekan-rekan blogger ada informasi lain, mari sharing bersama.

Selasa, 30 September 2008

Minal A'idin Walfa'idzin, Mohon Maaf Lahir & Bathin

ucaplebaran

Rabu, 24 September 2008

PTC super kilat

Saat saya menanggapi komentar dari sobat PTC indo di blog bidikCOM, saya mendapatkan sebuah info dari beliau tentang  PTC dengan instant payout dan tidak ada batas minimal pembayaran. Iklan per klik $0.01 langsung masuk ke rekening e-gold kita tidak begitu lama, begitu anda klik iklan kurang lebih 15 menit dollar masuk langsung ke rekening e-gold kita.  Tidak perlu mendaftar alias Register, cukup masukkan nomor e-gold kita dan tunggu 15 detik dan....JRENGGG, langsung masuk deh pembayarannya.

Iklan berikutnya akan muncul/ diperbaruhi dan dapat anda klik setelah

Silahkan ikuti jejak saya dan rekan PTC indo.   Klik iklan di bawah ini maka anda langsung masuk ke situ tersebut.  Jangan lupa bookmark link tersebut.

affiliate468x60

Sabtu, 20 September 2008

Alternatif atasi pesan Error Blogger

Pernahkah anda menjumpai pesan BX-Errors saat anda mencoba Preview pada saat anda  menambahkan komponen pada kerangka template anda atau mengupload template baru sebagai pengganti template lama anda pada Blogger ?

Pesan error tersebut juga pernah saya jumpai, untuk mengatasi hal tersebut ada langkah pemecahan yang kemungkinan bisa membantu yaitu hapus semua cookies di browser kita.  Hal ini dapat menyegarkan (refresh) sistem komputer kita.   Setelah anda menghapus semua cookies, cobalah kembali login ke Blogger.   Saat kita mengadakan perubahan pada kerangka template sebaiknya harus  diteliti dulu sebelum mengadakan preview pada kerangka template yang sudah kita rubah.   Akan lebih baik bagian yang dirubah dibuat dulu di Notepad atau text editor lainnya.

Bagaimana cara untuk membersihkan cookies dari browser kita ?  Tergantung dari jenis browser yang kita gunakan.

Internet Explorer 6

-  Pilih "Tools" pada menu browser
-  Pilih "Internet Options".
-  Buka Tab General
-  Klik "delete Cookies"
-  Klik OK

Dari IE 7.0

-  Pilih " Tools " dari menu browser
-  Pilih " Internet Option "
-  Buka tab "General"
-  Dalam area "Browsing History"  klik "Delete"
-  Dalam jendela " Delete Browsing History " klik "Delete Cookies" kemudian klik "yes"
-  Klik "Close" kemudian klik "OK"

Dari Firefox 2

-  Pilih " Tools"
-  Pilih " Options"
-  Pilih "Privacy"
-  Dalam "Private"   klik "Clear Now"
-  Dalam  jendela "Clear Private Data"  centang "Cookies" kemudian klik "Clear Private Data Now"
-  Klik OK

Dari Firefox 3

-  Pilih "Tools" dari browser menu
-  Pilih "Clear Private Data"
-  Centang kotak "Cookies"
-  Klik  "Clear private data now"

Google Chrome (Disini Install menggunakan bahasa Indonesia )

-  Pada " sesuaikan dan kontrol Google Chrome" dengan icon kunci pas, klik "PILIHAN"
-  Akan muncul Opsi Google Chrome, kemudian klik " Di Balik Terpal "
-  Pada bagian bawah di jendella " Di Balik Terpal"  ada button "Tampilkan Kuki" silahkan diklik.
-  Akan muncul jendela Kuki (Cookies), silahkan klik button "Hapus Semua"
-  Kemudian klik "TUTUP"

Jika anda menggunakan browser selain browser diatas, coba lakukan langkah-langkah pembersihan cookies sesuai halaman yang menerangkan metode tersebut pada menu utama browser anda.

Alternatif lain untuk menghilangkan Cookies adalah dengan menggunakan CCleaner ( bisa di download di blog ini ), yang merupakan freeware sistem optimization yang mampu menghilangkan berkas yang tidak dipakai dari sistem anda dan bisa membuat komputer anda melaju dengan cepat.

Kamis, 18 September 2008

GOM Player 2.1.9.3754 + Real Alternative 1.8.0

 gomGOM Player includes many codecs (XviD, DivX, FLV1, AC3, OGG, MP4, H263 and more) so you won’t need to install separate codecs for most videos. For those videos that require a separate codec, GOM Player will find one and direct you to a place where you can download open source version of the codec. That way, you won’t get stuck with unnecessary codecs on your system.

Play Broken AVI Files (Patented)
AVI files can’t be played if the index is broken, or the file isn’t completely downloaded. This is because index is located at the end of the file. GOM Player’s patented technology enables users to view files with broken index or that are still being downloaded.

Powerful Subtitle Support
GOM Player supports SMI, SRT, RT, SUB(with IDX) files for subtitle. You can specify margin, location, size, resolution, font and others. You can also enable shadow, view ASF files with subtitle, karaoke subtitle mode. You can even synchronize subtitle and video if there’s any mismatch.

Convenient Playlist
GOM Player supports playlist formats such as M3U, PLS, ASX. You can include different media types on a playlist. Also, it also lets you edit playlists for different media types. It’s easy to create and edit your own multimedia playlist with GOM Player.

Support Different Media Types
Along with different media format such as AVI, MPG, MPEG and DAT, GOM Player also supports streaming Windows media format (WMV, ASF, ASX). You can also watch DVD-quality videos with 5.1 channel audio output.

Screen Capture
Screen capture allows you to take a screenshot of your video directly from GOM Player. Using the Burst Capture feature, you can take continuous screenshots upto 999 shots.

Advanced Features
There are other endless number of advanced features. Customize brightness, contrast and saturation. Sharpen and add noise to your video. Try audio equalizer. Repeat a section of your video with our A-B Repeat feature. Fast forward/rewind a few seconds using left/right keys. There are even more for you to discover!

Download:
http://w13.easy-share.com/1701324059.html

Password:
krazyshare.com

Kamis, 11 September 2008

Ziddu.Com Sehat kembali

ziddu-logo Setelah dinyatakan sebagai situs penyerang minggu yang lalu, sekarang Ziddu.Com sudah berfungsi kembali.   Ini berarti peluang untuk mengupload gratis tanpa batas sekaligus mendulang dollar,  terbuka kembali  bagi blogger.

Pagi ini saat iseng mencoba klik link Ziddu sekedar untuk mengetahui status daripada situs tersebut, ternyata sudah normal.   Langsung saja saya mencoba mengupload beberapa file terutama MP3 pada ziddu.com

Semoga Ziddu semakin mantap saja, terutama dollarnya diperbesar buat kita semua..he..he..he..

Rabu, 10 September 2008

Upload4cash.com

uploadcash Seperti biasanya bila kita ingin mengupload baik data, audio maupun video pada suatu layanan upload gratis sekaligus mendapatkan $ apabila file kita dikhususkan untuk didownload oleh pengunjung blog kita, tentu pikiran kita yang pertama adalah Ziddu.com.   Namun saat ini, situs tersebut dinyatakan sebagai "Situs Penyerang"  ini berarti layanan tersebut tidak bisa kita gunakan sampai adanya pemberitahuan lebih lanjut.

Bagi pengguna layanan situs ini, apalagi bagi mereka yang sudah banyak mengupload data-data penting mereka termasuk bagi mereka yang sudah banyak mendulang dollar, namun belum sempat menuainya tentunya sangat kecewa berat. Memang kita harus menyadari bahwa suatu layanan apabila diberikan secara gratis, kita harus menyisipkan praduga di sela-sela kepuasan terhadap apa yang kita peroleh dari layanan itu sendiri.   Dalam arti kecurigaan harus ada meski hanya 0,0xxxxx % disamping itu juga kita harus siap-siap merasakan kehilangan apabila suatu saat layanan tersebut menyatakan diri untuk tutup atau dinyatakan tutup secara paksa.   Salah satu contohnya adalah Ziddu.com

Namun kita tidak perlu kecewa, masih ada beberapa bahkan banyak layanan upload gratis sekaligus bisa mendulang emas.   Salah satunya adalah upload4cash.com, yang mana kita bisa mengupload baik data, audio maupun video sekaligus menawarkan dollar apabila ada klik unique pada file kita.

Bila tertarik silahkan register pada url : http://www.tamoul.info/register.php

Jumat, 05 September 2008

MP3 pilihan minggu ini

MP3 berikut ini merupakan teman mesra bagi CAsal71 pada jam kerja dan saat menunggu datangnya waktu berbuka puasa.
Kalau rekan-rekan ingin menikmati lagu berikut ini, silahkan klik aja...pasti dalam waktu beberapa menit judul lagu yang anda klik udah masuk dalam si Comp anda.

1.    Ingatkah Kamu ......... ASAP
2.    Puspa .................. ST12
3.    Jangan Pernah Pergi .............. Alexa
4.    Hitamku ............... Andra & The Backbone
5.    Salah .................  Coklat

Sabtu, 30 Agustus 2008

Teori Dasar Form

Form indentik dengan Formulir, form sangat dibutuhkan pada saat kita mengijinkan atau menginginkan adanya nilai/ data yang dipilih atau dimasukkan oleh pengguna, seperti komentar tamu ke suatu situs web / blog (Guestbook) atau pilihan dari jenis suatu kelompok item tertentu.

Kapasitas dari form hanya menyediakan media entry data dan mengirimkannya ( request ) tetapi tidak untuk menerima dan mengolah. Web Scripting yang bersifat sever side akan menangani penerimaan dan pengolahan data secara lebih lanjut.

Form dalam HTML merupakan jembatan komunikasi antara client dengan server, untuk melakukan validasi pengisian elemen form dibutuhkan Javascript karena HTML tidak memiliki perintah untuk pengujian validasi dari nilai elemen form.

Tag-tag Form terletak dalam Tag BODY, yang meliputi :

<HTML>

...................dst

<BODY>

<form name=”X” method=”GET|POST” action=”y.asp”>

...(elemen-elemen tag-tag dalam form )

</form>

</BODY>

</HMTL>

name (optional) nama untuk form yang berlaku, digunakan untuk form handing
method

GET = data dikirimkan melalui URL address

POST = data dikirimkan bersama HTTP header

action URL / File yang digunakan untuk menangkap dan mengolah nilai (data) yan dikirimkan (server side scripting)

Untuk membuat tampilan elemen objek form tersusun rapi maka dapat digunakan TABEL.

Metoda Pengiriman Data.

Dalam pengiriman data dikenal dengan dua istilah yaitu

1. Unidirectional (satu arah)

Data-data yang ada dalam form dikirimkan melalui Action ke sebuah file atau URL lain, agar dapat diterima dan diolah (verifikasi). Sedangkan untuk Form dibuat secara statis dengan HTML dengan format Form.htm . Hal ini dimaksudkan agr file atau URL action yaitu verifikasi.asp yang akan menentukan proses selanjutnya dari data-data yang diinputkan dapat melalui form tersebut.

Kelemahan dari pendekatan ini adalah semakin banyak file-file yang dibuat maka akan lebih sulit untuk melakukan pengembangan selanjutnya. Bahkan sering kita jumpai banyak terdapat file-file yang kodenya sama sehingga terjadi pemborosan Storage.

Kelebihan dari pendekatan ini adalah cocok sekali kalau membangun aplikasi menggunakan metode prototipe ataupun trial and error.

2. Bidirectional ( dua arah )

Data-data yang ada dalam form dikirimkan melalui action ke dirinya sendiri ( file yang sama ), untuk selanjutnya dapat diterima dan diolah (verifikasi). Sehingga file form tidak hanya untuk menampilkan form untuk diisikan datanya namun jua sebagai file untuk melakukan proses verifikasi terhadap data-data form tersebut saat dikirimkan dan dibuat dengan server side script ( contoh : ASP, PHP atau JSP ). Biasanya cara ini menerapkan onsep Object Oriented Programming, yaitu program dipisah menjadi beberapa bagian sesuai kepentingan prosesnya. Pemecahan dapat secara class, sub routine/ procedure atau function.

Kelemahan : adanya file yang berisi ribuan baris perintah, yang selanjutnya akan membawa kesulitan untuk proses pengembangan.

Kelebihan : Proses dan output akan jauh lebih cepat dibandingkan dengan menggunakan cara yang pertama.

A. ELEMEN OBJEK TAG-TAG FORM.

Setiap elemen objek dari tag-tag form merupakan media entry data, masing-masing elemen obejk memiliki dua hal yang penting yaitu nama elemen ( mutlak harus ada, serta pemberian nama tidak diperkenankan menggunakan spasi, tanda baca ataupun angka ) dan nilai ( value ).

Karakteristik daripada elemen objek forum adalah :

  1. INPUT. User diberikan kesempatan untuk memasukkan nilai dengan tampilan model objek form yang variatif dan juga mengirimkan ataupun mereset nilai dari form tersebut.
  2. SELECT atau DAFTAR. User diberikan kesempatan untuk memilih nilai dari daftar opsi atau pilihan yang diberikan.
  3. TEXT AREA atau Area Isian. User diberikan kesempatan untuk memasukkan nilai berupa karakter dengan kapasitas tak terbatas.
    • Input.                                                                                                                                     Sintaks penulisan elemen objeknya adalah :                                                                        <INPUT name=”x” type=”y” value=”v”>
name nama untuk input yang berlaku
type typenya adalah text, password, checkbox, radio, hidden, reset, submit, button, image dan file
checked (optional) input yang secara default dipilih ( hanya untuk type checkbox dan radio )
value (optional) nilai default atau nilai awal dari input yang dipilih
size (optional) lebar/ ukuran dari input karakter yang ditampilkan ( untuk type text dan password, sedangkan untuk image digantikan dengan width dan height )
maxlenght (optional) jumlah maksimal karakter yang dapat diinputkaan ( untuk type text dan password)
acceskey merupakan shortcut ( dengan menggunakan kombinasi tombol ALT ) untuk pengisian objeknya
disabled membuat agar objek tersebut dalam keadaan tidak aktif
      • Type Text.                                                                                                                            Type ini digunakan untuk data isian seperti nama orang atau alamat   sesorang. Bentuk objek dari type ini adalah single line yang artinya input isian akn diberikan secara horizontal ( dala satu baris ) Contoh sintaksnya :                                                                                                 <Input type=”TEXT” name=”Nama” size=”20” maxlenght=”20”>
      • Type SUBMIT, RESET dan IMAGE                                                                              Type ini digunakan untuk membuat tombol sumbit, reset  dan image. Tombol submit digunakan untuk mengirimkan data-data yang telah diberikan pada form. Sedangkan tombol reset akan mengembalikan keadaan form kembali seperti keadaan awal saat form itu dipanggila untuk pertama kalinya. Khusus untuk kedua type ini value yang digunakan sebagai caption atau nama yang tertera dari tombolnya.  Adapun untuk type Image memiliki karakteristik hampir sama seperti submit, perbedaannya terletak dari bentuk objeknya yaitu berupa gambar dan value yang dikirim oleh type Image ini adalah koordinat x,y dari gambar tersebut pada saat gambar tersebut diklik.                                    Contoh sintaksnya :                                                                                                          <INPUT type=”SUBMIT” name=”aksi” value=”kirim”>                        <INPUT type=”RESET” name=”aksi” value=”Undo”>                          <INPUT type=”IMAGE” name=”aksi”>
      • Type PASSWORD. Penggunaan type ini akan menyebabkan setiap karakter yang diketikkan ke dalam objek ini akan disembunyikan dengan melakukan masking karakter ke * atau •. Yang sering digunakan untuk input account password atau pin code.                                                             Contoh sintaksnya :                                                                                             <INPUT type=”PASSWORD” name=”Pwd” size=”10” maxlenght=”10”>
      • Type CHECKBOX. Type ini berguna untuk membuat kotak-kotak cek. Kotak cek adalah suatu bentuk masukkan yang memungkinkan user untuk memilih lebih dari satu pilihan. Setiap checkbox dapat memiliki nama yang berbeda atau nama yang sama (array). Karena sifat dari type ini hanya memilih sehingga user tidak dapat memasukkan nilai, maka untuk itu value dalam type ini wajib diberikan. Untuk memberikan default kotak yang dipilih maka diberikan atribut tak ternilai yaitu checked pada objeknya.                                                                                        Contoh sintaksnya :                                                                                             <INPUT type=”CHECKBOX” name=”binatang” value=”kucing”>Kucing   <INPUT type=”CHECKBOX” name=”buah” value=”Jeruk”>Jeruk
      • Type RADIO  Type ini digunakan mirip dengan checkbox hanya saja Radio hanya dapat dipilih satu kali (bisa diclick tetapi tidak bisa unclick). Jika ada lebih dari satu objek dengan type ini diberikan nama yang sama, dengan vaue yang berbeda maka kumpulan objek ini akan memiliki sifat multiple choice.                                                                                                           Contoh sintaksnya :                                                                                                 <INPUT type=”RADIO” name=”Sex” value=”P” checked>Pria             <INPUT type=”RADIO” name=”Sex” value=”W”>Wanita
      • Type FILE.   Bila data yang diberikan berupa upload data dokumen atau file seperti gambar atau audio, maka objek input yang digunakan harus bertypekan FILE. Tampilan objek ini akan menyertakan sebuah tombol browse untuk dapat digunakan dalam pencarian data dokumen atau file yang akan dikirimkan atau diupload.                                                                        Contoh sintaksnya :                                                                                                <INPUT type=”FILE” name=”upload”>
      • Type BUTTON    Selain tombol yang bertypekan SUBMIT atau RESET, kita juga dapat membuat tombol sendiri yang memiliki fungsi yang dapat kita buat sendiri. Caranya adalah dengan menggunakan type BUTTON, karena tombol yang dibuat dengan type ini dapat memiliki fungsi eksklusif. Penambahan script untuk fungsi tersebut melibatkan Javascript atau VBscript dan diletakkan dalam atribut event seperti onclick, onchange, onmouseover dan sebagainya.                                                           Contoh sintaksnya :                                                                                                   
        <INPUT type=”BUTTON” name=”aksi” value=”TEST” onclick=”fungsiJS()”>
      • Type HIDDEN   Objek dengan type ini tidak dapat dilihat tampilannya secara langsung dalam web browser. Objek dengan type ini dapat digunakan untuk bertukar nilai sementara antar variabel dalam server side programming. Nilai dalam objek ini bersifat statis artinya kita tidak dapat menggantinya secara langsung.                                                           Contoh sintaksnya :                                                                                                         <INPUT type=”HIDDEN” name=”kunci” value=”rahasia”>

B. SELECT (Daftar).

Select digunakan untuk pemilihan terhadap sebuah daftar, disajikan secara menu (combo box, spinner dan menu list ). Tag yang dipakai untuk pendifinisian daftar pilihan adalah Tag <SELECT>. Untuk daftar pilihan atau opsi didefinisikan dengan tag <OPTION> dan berada dalam tag <SELECT>.

Sintaks selengkapnya dalah sebagai berikut :

<select name=”X” size=”Y”>

<option selected value=”value1”>menu text1</option>

<option value=”value2”>menu text2</option>

</select>

name nama untuk select yang berlaku
size

tinggi/bentuk tampilan menu select

1 (default) combo box

2 spinner

>2 menu list

selected option yang secara default dipilih
value nilai yang dikirimkan dari option yang dipilih
menu text-n text/label yang ditampilkan untuk tiap option

C. TEXT AREA

Digunakan untuk pengisian teks/ karakter yang panjang seperti komentar dan email. Bila kita menggunakannya maka sebaiknya metode pengiriman yang digunakan nantinya adalah POST agar data yang dikirimkan idak terpotong.

Sintaksnya: <textarea name=”x” rows=”y” cols=”z”>default text</textarea>

name nama untuk textarea yang berlaku
rows banyaknya baris karakter yang ditampilkan untuk textarea
cols banyaknya kolom karakter yang ditampilkan untuk textarea
default text (optional) default text yang diberikan saat ditampilkan pertama kalinya, terletak diantara <textarea> dan </textarea>

Contoh Latihan.

<HTML><BODY>

<FORM method=”get” action=”proses.asp”>

Nama:<INPUT type=”text” name=”nama”><br>

Password;<INPUT type=”password” name=”pass”><br>

Jenis kelamin:<INPUT type=”radio” name=”jk” value=”pria”>Pria

<INPUT type=”radio” name=”jk” value=”wanita”>Wanita<br>

Tingkat Pendidikan :

<SELECT name=”tp”>

<OPTION value=”SD”>Sekolah Dasar</OPTION>

<OPTION value=”SMP”>Sekolah Menengah Pertama</OPTION>

<OPTION value=”SMA”>Sekolah Menengah Atas</OPTION>

<OPTION value=”pt”>Perguruan Tinggi</OPTION>

</SELECT> Hobby :

<INPUT type=”checkbox” name=”hobby” value=”Olah raga”>Olah Raga

<INPUT type=”checkbox” name=”hobby” value=”Makan”>Makan

<INPUT type=”checkbox” name=”hobby” value=”Membaca”>Membaca<br>

Komentar :<TEXTAREA name=”komentar”></TEXTAREA><br>

<INPUT type=”submit” name=”aksi” value=”kirim”>

<INPUT type=”reset” name=”aksi” value=”reset”>

</FORM>

</BODY></HTML>

Dibawah ini hasil dari latihan di atas

Nama:
Password;
Jenis kelamin:Pria Wanita
Tingkat Pendidikan : Hobby : Olah Raga Makan Membaca
Komentar :

Jumat, 29 Agustus 2008

Teori Dasar Tabel

Tag untuk membuat tabel dibagi menjadi dua bagian berdasarkan pada letak Tag.

1.    Tag Outside.       Sebagai tag dasar yang digunakan adalah <table>...</table>.

2.    Tag Inside.

  • Tag <tr>...</tr> untuk menyatakan setiap baris dalam tabel tersebut, tag ini berada di dalam tag <table>....</table>.
  • Tag <td>...</td> untuk menyatakan kolom pada setiap baris dalam tabel, tag ini berada di dalam tag <tr>...</tr>. Merupakan bagian tabel yang dapat diisi tulisan, gambar atau objek lain termasuk membuat tabel lagi.
  • Tag <caption>...</caption> digunakan untuk menampilkan judul tabel.

Beberapa atribut yang ada pada tag-tag tabel adalah sebagai berikut :

<TABLE>

Width=”.....” Mengatur lebar dari tabel, dapat berupa pixel (px) atau persen (%)
Border=”.....” Mengatur ukuran bingkai tabel
Cellspacing=”.....” Mengatur jarak antar sel
Cellpadding=”.....” Mengatur jarak bingkai dengan isi
Align=”..... ” Mengataur perataan tengah, kanan atau kiri
Bgcolor=”.....” Mengatur warna dasar belakang (background) dari tabel
Bordercolor=”.....” Mengatur warna bingkai tabel

<TR>

Align=”..... ” Mengataur perataan isi sel tengah, kanan atau kiri
Valign=”.....” Mengatur perataan secara vertikal tengah, atas atau bawah
Bgcolor=”.....” Mengatur warna dasar belakang (background) dari sel

<TD>

Rowspan=”.....” Menggabungkan beberapa baris menjadi satu
( ekspansi baris)
Colspan=”.....”

Menggabungkan beberapa kolom menjadi satu (ekspansi kolom)

Berikut contoh cara penulisan kode html Tabel.

<html>

<body>

<center>

<b>Colspan.</b>

</center>

<br>

<table width=”50%” align=”center” border=4>

<tr>

<td>sel1</td>

<td>sel2</td>

<td>sel3</td>

</tr>

<tr>

<td>sel4</td>

<td colspan=2 align=”center”>sel5</td>

</tr>

</table>

<br>

<center><b>Rowspan.</b></center><br>

<table width=”50%” align=”center” border=2>

<tr>

<td>sel1</td>

<td>sel2</td>

</tr>

<tr>

<td rowspan=2 align=”center” valign=”middle”>sel3</td>

<td>sel4</td>

</tr>

<tr>

<td>sel5</td>

</tr>

</table>

</body>

</html>

Kamis, 28 Agustus 2008

E-book Tip singkat Blogsvertise

Fungsi dari blog selain untuk menuangkan segala uneg-uneg, kreatifitas dan tempat sharing ilmu pengetahuan dengan sesama blogger, ternyata blog juga dapat dijadikan sebagai lahan untuk mendapatkan dollar.

Program Affiliate berupa PTC yang menjanjikan dollar nampaknya merupakan alternatif lain guna menambah income kita, meski mereka harus bersabar untuk mendapatkan hasil yang maksimal.

Namun bagi blogger yang mempunyai nilai PR tinggi untuk blog mereka, nampaknya lebih melirik pada program Paid to Review. Salah satunya adalah Blogsvertise.

Nah agar lebih asyik dalam mengikuti program tersebut, saya mencoba membuat panduan singkat tentang bagaimana "olah jari & otak" di belantara maya "Blogsvertise".

Namun tip ini tentu saja tidak maksimal, butuh koreksi dan tambahan dari rekan-rekan blogger yang sudah pengalaman dalam mengikuti ajang dollar di Blogsvertise.

Silahkan download disini
Semoga bermanfaat.

Selasa, 26 Agustus 2008

Mencoba Posting Lewat WIW

Ini adalah postingan pertamaku lewat  Windows Live Writer. Sebelum kita mencoba untuk posting lewat WLW, terlebih dahulu kita harus menginstall Windows Update  Agent dan Windows Live Writer.

Tentang kelebihannya belum begitu banyak yang aku ketahui, perlahan namun pasti kita akan tahu effektif atau tidak posting lewat fasilitas ini.    Untuk itu mari kita coba ramai-ramai.

Apabila anda ingin mencobanya, silahkan kunjungi blog sobat Sudarma.

Selamat mencoba

Modifikasi Template Minima Blogger

Pada kesempatan kali ini saya ingin sharing dengan rekan-rekan blogger tentang bagaimana memodifikasi template MINIMA dua kolom bawaan blogger dengan menambahkan widget Tab menu dan tiga buah kolom pada bagian footernya.

Setelah kita login di blogger, kemudian cobalah membuat blog baru dengan template minima berwarna putih.

Setelah masuk pada "tata letak" lalu ke "edit html" dan jangan dicentang pada bagian Expand Template Widget, agar tidak membingungkan.

Langkah awal yang kita lakukan adalah merubah ukuran dari pada template tersebut. Sekarang kita cari kode dibawah ini

#header-wrapper {
width:660px;
margin:0 auto 10px;
}

untuk width : 660px dirubah menjadi 990px

kemudian kita cari kode dibawah ini :

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:660px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

dan kode dibawah ini

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

untuk width : 660px dirubah menjadi 990px
kemudian kita cari kode dibawah ini

#main-wrapper {
width: 560px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#tabsidebar-wrapper{
width: 400px;/*Defina a largura do seu menu*/
margin:30px 0px 5px 0px;/*Margens ? Siga o racioc nio: 30px-superior, 0px-direita, 5px-inferior, 0px-esquerda Nesta ordem. Defina as margens de acordo com as necessidades do seu template*/
border: 1px none $bordercolor;
float:right; /*Aqui voc define qual o lado seu menu vai flutuar: right-direita, left-esquerda*/
}

#sidebar-wrapper {
width: 400px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

huruf berwarna merah adalah bagian yang dirubah maupun kode yang harus ditambahkan,
langkah selanjutnya adalah cari kode dibawah ini :

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

tambahkan kode dibawah ini dibawah kode di atas.

/*--------Tabber ---------------------------------*/
.tabberlive .tabbertabhide {
display:none; }
.tabber { }.tabberlive {
margin-top:1em;
}
/*------------ Tabernav=Navega o -------------------*/
ul.tabbernav{
margin:0;
padding: 8px 0;
border-bottom: 1px solid $bordercolor;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li{
list-style: none;
margin: 0;
display: inline;
}
/*--- Judul Aktif ---*/
ul.tabbernav li a{
padding: 8px 0.5em;
margin-left:3px;
border: 1px solid $bordercolor;
border-bottom: none;
background:#D5DFE8;
text-decoration: none;
}
ul.tabbernav li a:link { color:$sidebarcolor; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover{
color:#B30000;
background: #dedede;
border-color: #dedede;
}
/*--- Judul Pasiv ---*/
ul.tabbernav li.tabberactive a{
background-color: #fff;
color:#B30000;
border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover{
color: $linkcolor;
background: white;
border-bottom: 1px solid white;
}

/*------ Tabbertab = Conte do da Tab -----------*/
.tabberlive .tabbertab {
background:#fff;
padding:5px;
border:1px solid $bordercolor;
border-top:0; font-size:90%;
}
.tabbertab ul {
list-style:none;
margin:0 0 0;
padding:0 0 0 0px;
}

/*----- Links Internos -----*/
.tabbertab li {
background: url("http://i8.tinypic.com/6lip3c7.gif") no-repeat;
background-position: 0px 5px;
margin:0;
padding:2px 0 3px 2px;
border-bottom:1px dotted #B30000;
text-indent:10px;
color: $linkcolor;
list-style:none;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

kemudian cari kode di bawah ini :

/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Rubah nilai width:660px menjadi width:990px.
Kemudian tambahkan kode dibawah ini dibawah kode di atas,

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

Kode yang baru kita tambahkan adalah rangkaian kode untuk penambahan kolom pada bagian footer.

Langkah selanjutnya adalah cari kode ]]></b:skin>

Tambahkan kode dibawah ini di bawah kode tersebut :

<script src=' http://nataludin.googlepages.com/tabber.js' type='text/javascript'/>

Kemudian cari kode :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

Tambahkan kode di bawah ini di bawah kode di atas.

<div id='tabsidebar-wrapper'>

<div class='tabber' id='tab1'>

<div class='tabbertab'>
<b:section class='tabberlive' id='tabbertab1' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Recent Post' type='HTML'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberlive' id='tabbertab2' maxwidgets='1' showaddelement='yes'/>
</div>

<div class='tabbertab'>
<b:section class='tabberlive' id='tabbertab3' maxwidgets='1' showaddelement='yes'/>
</div>

<div class='tabbertab'>
<b:section class='tabberlive' id='tabbertab4' maxwidgets='1' showaddelement='yes'/>
</div>

</div><!-- End tab1-->

</div><!-- End Tabsidebar-->

Selanjutnya kita cari kode :

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Ganti kode yang berwarna biru dengan kode di bawah ini, dengan tujuan kita menambah tiga kolom pada bagian footer.

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

Sekarang coba simpan template anda. Dan apabila kita menuju ke Elemen halaman, maka akan nampak seperti gambar di bawah ini



Untuk menambahkan gadget pada masing-masing Tab, silahkan klik angka 1, lalu tambahkan gadget demikian juga dengan Tab 2 dan seterusnya. Perhatikan gambar.


Untuk melihat hasilnya coba lihat di sebelah pojok atas.

Rabu, 20 Agustus 2008

Merubah Tampilan Tag/ Label Cloud

Jika anda membuat Tag Cloud / Label Cloud versi Phydeaux3, tentu anda akan menjumpai kode seperti dibawah ini

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [248,250,8];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

Pada var maxColor = [0,0,255]; ini akan menampilkan warna BIRU, sedangkan pada var minColor = [0,0,0]; ini akan menampilkan warna HITAM.

Tentu anda tidak ingin tampilan daripada Tag Cloud / Label Cloud selalu monoton warna itu saja, terlebih kalau background blog anda mempunyai warna seperti itu, jelas tidak akan nampak Tag Cloud / Label Cloud pada blog anda.

Anda bisa mengkombinasikan warna RGB dengan bantuan Color Picker pada Adobe Photoshop.


Perhatikan gambar di atas, kotak merah menunjukkan kombinasi warna RGB dengan penulisan sebagai berikut [248,250,8]. Kombinasi ini akan menghasilkan warna kuning seperti terlihat di gambar atas.

Kita dapat menambahkan beberapa kombinasi warna pada kode javascript diatas, dengan harapan tampilan Tag/ Label cloud berwarna-warni sesuai banyaknya artikel yang terkandung dalam Tag/ label tersebut. Berikut kita tambahkan beberapa kombinasi warna RGB pada kode Tag/ Label Cloud tersebut.

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255]; [248,250,8]; [100,20,200]; .....dan seterusnya
var minFontSize = 10;
var minColor = [0,0,0];[110,9,201];[100,9,15]; ...... dan seterusnya
var lcShowCount = false;
</script>

Semoga bermanfaat.

Senin, 18 Agustus 2008

HTML Lanjutan 1.

Pada postingan sebelumnya sudah dibahas tentang Teori dasar HTML, untuk kali ini akan kita coba membahas HTML lanjutan yang membahas tentang Fontasi, Image dan Hyperlink.

1. Fontasi

Untuk memodifikasi font digunakan tag <FONT>sebagai pembuka dan tag </FONT> sebagai penutup.Tag ini mempunyai berapa atribut diantaranya adalah atribut "size" untuk menentukan besarnya ukuran huruf, atribut "color" untuk menentukan warnanya. Nilai warna dapat menggunakan aturan RGB atau dengan pre-define color serta atribut "face" untuk mentukan jenis hurufnya. Untuk nilai atribut face dapat juga diberikan alternatif type font pengganti dengan dibatasi tanda koma.

Contoh: <FONT color="#FF12o4" size="10" face="ferdana,arial">. Di dalam tag font ini dapat diberikan juga tag untuk mengatur efek cetak huruf seperti tag <B>, <I> ,dan sebagainya.

2. Image

Untuk menampilkan gambar pada dokumen HTML maka digunakan tag <IMG SRC ="nama file gambar">. Tag ini mempunyai beberapa atribut di antaranya :

• Width : digunakan untuk menentukan lebar gambar
• Height : digunakan untuk menentukan tinggi gambar
• Border : digunakan untuk memberikan bingkai pada gambar<
• Hspace : digunakan untuk memberikan ruang kosong disebelah kanan dan sebelah kiri gambar
• Vspace : digunakan untuk memberikan ruang kosong disebelah atas dan bawah gambar
• Align : digunakan untuk menentukan perataan gambar, di tengah, kiri, kanan, atas, bawah dari layar.
• Alt : untuk memberikan komentar bila pointer mouse berada di atas gambar tersebut.

Jika gambar tidak berhasil ditampilkan maka cobalah untuk memindahkan letak file gambar yang hendak ditampilkan ke folder di mana file.htm atau .html berada.

Tag <IMAGE> ini tidak memiliki penutup.

3. Hyperlink.

Hyperlink atau sering disebut ANCHOR digunakan untuk menghubungkan (link) antara halaman web yang satu dengan halaman web lainnya, dalam satu web site ataupun antar web site atau juga dapat digunakan untuk berpindah ke suatu posisi dalam halaman web site.

Tag ini memiliki sifat link, visited dan active. Dalam sifat tersebut kita dapat memberikan nilai warna. Deskripsi dari sifat tersebut adalah :
• LINK = saat hyperlink belum dikunjungi.
• Visited = hyperlink telah dikunjungi
• Active = hyperlink dalam keadaan in focus atau terpilih.<

Sifat-sifat tag ini dapat diatur melalui atribut dalam body, bukan atribut dalam tag hyperlink, yaitu dengan cara sebagai berikut :

<BODY link="#..." vlink="#..." alink="#...">

Adapun tag yang digunakan untuk membuat hyperlink adalah tag <a href="alamat tujuan"> sebagai pembuka dan tag </a> sebagai penutup.

Tujuan tersebut dapat diisikan dengan ketentuan sebagai berikut :

"nama file"Perpindahan antara halaman dalam satu website
"http://URL"Perpindahan antara halaman dalam website atau server yang berbeda
"#posisi"Perpindahan posisi dalam halaman yang sama (bookmark)
"mailto:[alamatemail]"Berpindah ke email compose dengan alamat yang diberikan


Hyperlink dapat berupa kata atau kalimat yang diketikkan diantara tag
<a href="alamat url">.........</a>.

Hyperlink berupa gambar, susunan tag-nya adalah <a href="alamat url"><IMG src ="......."></a>

Untuk perpindahan posisi dalam halaman yang sama maka kita harus membuat terlebih dahulu penanda posisi dalam halaman tersebut dengan menggunakan tag <a name="#...> pada posisi halaman yang ditentukan tanpa diberikan tag penutup. Misalnya sebagai berikut, hyperlink terhadap posisi <a name="tentang kami"> maka diberikan tag <a hyperlink="#tentang kami">About Us</a>, sehingga apabila kalimat About Us diklik, maka posisi halaman akan menuju ke penanda tentang kami

Selain beberapa cara yang telah diuraikan sebelumnya, ada beberapa cara untuk berpindah dengan menggunakan atribut target pada hyperlink.

Atribut target dapat menampilkan link halaman pada posisi tampilan tertentu.

Nilai Target
Keterangan Redirection
_blankLink dokumen ke jendela/ tab baru
_topLink dokumen ke jendela yang sama
_parentLink dokumen ke Frameset parentnya
_selfLink dokumen ke frame yang bersangkutan/ aktif


Contoh : <a href= http://coretanasal.blogspot.com target="_blank">Coretan Asal</a>

Blog Coretan Asal akan muncul dalam jendela baru, pada saat hyperlink dijalankan.

Minggu, 17 Agustus 2008

Teori Dasar HTML

Membangun sebuah Web Page dibutuhkan sebuah bahasa pemprograman yang lebih dikenal dengan sebutan WEB SCRIPTING. Dikatakan Script karena perintah kode program tersebut akan diinterpreter dan tidak ada kompilasi untuk menjadikannya executable. Berdasarkan letak proses interpreter maka web scripting dibagi menjadi dua kategori, yaitu bersifat client side dan server side.

Client Side dilaksanakan oleh web browser seperti Internet Explorer, Netscape, Opera, Firefox dan lain-lain. Contoh daripada Client Side misalnya HTML,CSS, Javascript, VBscript maupun XML. Sedangkan Server Side dikerjakan oleh Web Server seperti Personal Web Server untuk system operasi Windows 98, IIS untuk system operasi Windows 2000/XP, Apache, Tomcat, Xitami dan Zope. Sedangkan untuk contoh bahasa server side adalah ASP (.Net), PHP, JSP,CFM dan CGI/PL.

Web Scripting yang bersifat Client Side akan menghasilkan web page yang statis dalam arti menekankan pada design format tampilan informasi yang disajikan dan tidak dapat diupdate seketika, karena tidak dapat dilakukan request interaktif dari pengguna dan proses tidak terjadi di server sehingga tidak dapat menghasilkan output apapun. Sehingga untuk menghasilkan aplikasi web bersifat dinamis tidak mungkin, dan harus dikombinasikan dengan web scripting yang bersifat server side.

HTML ( Hypertext Markup Language ) adalah bahasa dasar untuk web scripting bersifat Client Side yang memungkinkan untuk menampilkan informasi dalam bentuk teks, grafik, serta multimedia dan juga untuk menghubungkan antar tampilan web page atau yang lebih dikenal dengan Hyperlink.

Tidak diperlukan suatu program editor khusus untuk menggunakan kode perintah-perintah HTML, kita dapat menggunakan Notepad, Edit Plus ataupun editor lainnya yang berbasis GUI ( Graphical User Interface ) seperti Microsoft Front Page, Dreamweaver CS3, Adobe Golive dan sebagainya,namun dengan program-program ini kita tidak perlu mengetik kode HTMLnya, semua perintah diwujudkan secara Icon Base. Sebagai seorang pengembang aplikasi web maka kemampuan penguasaan kode-kode HTML sangat diperlukan, dengan demikian kita mampu menguasai program-program editor lainnya. Untuk dapat menguasai kode-kode HTML sangat disarankan menggunakan editor teks misalnya Notepad .

Aturan penulisan HTML adalah sebagai berikut :

1. Memilki struktur minimal dari dokumen HTML.

<HTML>

<head>

<title>Judul Web Page</title>

</head>

<body>

Isi artikel anda di sini

</body>

</HTML>

2. Bentuk tulisan pada point 1 disebut TAG. Tag memiliki pembuka <TAG>, tetapi tidak semua Tag mempunyai penutup </TAG>. Tag memberi instruksi interpreter kepada browser.

3. Di dalam Tag HTML terdapat atribut Tag, yang mana atribut tersebut berbeda-beda antar tag yang satu dengan tag yang lainnya.

4. Penulisan Tag bersifat Non Case Sensitive, ini berarti bahwa penulisan tag huruf besar dan atau huruf kecil akan dianggap sama. Sebagai contoh <HTML> akan sama dengan <html> atau <HtmL>.

5. Setelah tanda "<" harus langsung diikuti oleh nama Tag dan ditutup tanda ">", tidak boleh ada spasi, angka, tanda baca dan nama Tag tidak dapat dibuat sendiri dan harus mengikuti standar W3C, yaitu sebuah lembaga atau organisasi internasional yang mengatur standarisasi web ( http://www.w3c.org).

6. Dalam dokumen HMTL diperlukan tag <HEAD></HEAD>, dalam tag ini diletakkan judul web page dengan menggunakan tag <TITLE>judul Web</TITLE>, sedangkan di dalam tag <BODY></BODY> berisikan isi dari web page kita. Untuk ekstensi dari file HTML perlu ditambahkan .html atau .htm dibelakang nama filenya. Misalnya Uji Coba.html

7. Penulisan tag-tag HTML tidak akan terpengaruh oleh perintah langsung keyboard seperti penekanan tombol enter atau spasi, sehingga diperbolehkan menyusun tag-tag HTML secara countinue horizontal seperti berikut ini :

<HTML><HEAD><TITLE>Judul</TITLE></HEAD>..... dan seterusnya.

Atribut di dalam TAG.

• Tag <BODY> memiliki atribut : <BODY bgcolor=#......"background="....."

Dalam HTML nilai warna yang dapat diberikan pada atribut bgcolor adalah menggunakan aturan komposisi RGB ( Red-Green-Blue) dengan angka hexadecimal maksimal adalah FF (setara dengan 255 decimal) tiap komposisinya. Sebagai contoh bila diinginkan untuk memberikan warna merah (Red) maka nilainya "#FF0000", warna hijau nilainya adalah "#00FF00" dll. Adapun untuk nilai atribut background adalah nama file gambar lengkap dengan lokasi folder dan ekstensi filenya. Format gambar yang didukung oleh HTML antara lain JPEG, PNG dan GIF

• HEADING.

Digunakan untuk menampilkan format huruf yang besar dan dicetak tebal, biasanya digunakan untuk judul atau topik utama dari sebuah paragraf, ukurannya dari terbesar <H1> sampai terkecil <H6>, sedangkan untuk mengatur posisi heading digunakan atribut "align". Contoh <H1 align="..."> ditutup dengan </H1> yang nilai atributnya dapat diisi nilai LEFT untuk rata kiri, RIGHT untuk rata kanan dan CENTER untuk rata tengah.

• PARAGRAF

Untuk memformat paragraf agar dapat rata kiri, rata kanan, rata tengah dan justify digunakan tag pembuka <P align="..."> dan ditutup dengan </p>, adapun isi dari atribut "align" adalah LEFT,RIGHT,CENTER dan JUSTIFY. Antara paragraf dalam HTML akan dibatasi secara otomatis oleh sebuah jeda baris.

• BREAKING NOW

Tag <BR> ini digunakan untuk berpindah ke baris baru dalam isi dokumen. Ini adalah salah satu tag HTML yang tidak memiliki tag penutup

• HORIZONTAL RULER

Tag yang digunakan untuk membuat garis horizontal adalah <HR>, adapun atribut yang dimiliki "align" untuk perataan, "size" untuk mengatur ketebalan garisnya dalam pixel (px) dan "width" untuk mengatur lebar garisnya (dalam pixel atau persen). Penggunaan satuan persen (%) memiliki arti bahwa ukuran garis horizontal akan diambil persentase terhadap WIDTH dari tampilan jendelanya. Tag <HR> juga tidak memiliki tag penutup.

• PREFORMAT

Fasilitas ini tampilan akan diformat sama persis dengan isi yang ada di dalam Tag <PRE>isi</PRE>. Di dalam tag <PRE> tombol enter untuk ganti baris atau spasi untuk jeda dapat digunakan.

• BOLD, ITALIC, UNDER LINE, SUBSCRIPT, SUPERSCRIPT dan STRIPE

Cara memberikan efek huruf dalam dokumen HTML adalah sebagai berikut :

- Untuk huruf tebal (bold).............. <b>cetak tebal</b>

- Untuk huruf miring (italic) ............. <i>cetak miring</i>

- Untuk huruf dengan garis bawah (underline) ......... <u>garis bawah</u>

- Untuk huruf sebagai subscript .......... <sub>cetak subscript</sub>

- Untuk huruf sebagai superscript ......... <sup>cetak superscript</sup>

- Untuk huruf yang dicoret (strike) ............<s>cetak strike</s>

• LIST

Dalam dokumen HTML dapat menampilkan datar list seperti bullet & Numbering pada aplikasi program Microsoft Word. Ada dua macam list, yaitu UnorderList ( mirip bullets ) dan OrderedList ( Mirip Numbering )

Pada Unorderlist digunakan tag <UL> sebagai pembuka dan tag </UL> sebagai tag penutup. Untuk item-item list yang ada di dalamnya digunakan tag <LI> untuk mengawalinya. Unorderedlist mempunyai atribut "type" yaitu bentuk dari bulletnya. Ada beberapa jenis type yaitu DISC (default) untuk lingkaran tidak berlubang, CIRCLE untuk bentuk lingkaran berlubang, SQUARE untuk kotak. Orderedlist juga memiliki atribut tipe untuk menentukan tipe penomorannya, tipe tersebut adalah

1 untuk penomoran 1,2,3,….

A untuk penomoran A,B,C,….

I untuk penomoran I,II,III,IV …

a untuk penomoran a,b,c …

i untuk penomoran i,ii,iii, …

Bila kita tidak mendifinasikan tipenya, maka secara default Ordered List akan memberikan penomoran angka ( 1,2,3 … )

• KOMENTAR DALAM HTML

Komentar dalam tag HTML menggunakan tanda <!— sebagai pembuka dan tanda -- > sebagai penutup. Komentar tidak akan diinterpreter oleh we browser, hanya menjadi keterangan saja.

• Karakter khusus dalam HTML.


bentuk

perintah

<

&lt;

>

&gt;

spasi

&nbsp;

©

&copy;

®

&reg;

&#8482;

-

&#8212;

±

&plusmin;

&para;

'

&acute;

Komentar

Support the Haiti Disaster Relief Effort

 
Copyright @ 2009 CoretanAsal: 2008 | Original Template: MINIMA| Modified By NATALUDIN | Top
Thanks for : BLOGGER | PHOTOBUCKET | PICASSA