Minggu, 30 Desember 2007

Selamat Tahun Baru


Wah tiada terasa sekarang udah mau tahun baru lagi.. 2008. Perasaan baru kemarin tahun baru. Memang itulah kalau kita jalani hari hari kita, apalagi dengan kesibukan yang selangit, maka tiada terasa waktu berjalan begitu cepat. Dari datang ke kantor atau ke sawah atau cuma di rumaha saja, maka tiada terasa hari sudah sore dan akan berganti pagi, kemudian sore lagi dan pagi lagi. Begitu seterusnya hingga akan ketemu minggu, lalu bulan lalu tahun.

Dalam kurun waktu satu tahun ini, kalaulah kita bisa melihat ke belakang sejenak, apa yang sudah kita lakukan selama 1 tahun. Atau setidak-tidaknya apa perubahan selama itu. Apakah perubahan itu makin maju atau malahan mundur? Apakah kita sudah berbuat semaksimal mungkin untuk kemajuan diri kita, keluarga kita atau bahkan lingkungan dan bangsa kita?


Intropeksi
Ya..benar kita harus intropeksi diri. Terutama diri kita sendiri. Bagaimana sikap kita, bagaimana tingkah kita terhadap orang lain. Mungkin selama ini banyak kurangnya, banyak celanya maka untuk tahun 2008 harus kita kurangi. Kemudian intropeksi terhadap kinerja kita. Mungkin selama ini kita kurang berperan di lingkungan kerja kita atau kurang loyal atau malahan banyak membuat kesalahan di tempat kerja. Nah untuk tahun 2008 harus menjadi lebih baik dan lebih bagus kerja kita.

Target hari depan
Kemudian untuk selanjutnya adalah kita melihat bagaimana target-target atau rencana yang sudah kita buat sudah seberapa persen hasilnya. Mungkin ada rencana jangka panjang anda dan rencana jangka pendek anda. silahkan evaluasi hal tersebut. Selain itu mungkun ada juga rencana-rencana baru yang akan dibuat untuk tahun berikutnya.

Kami blogger Indonesia mengucapkan "Selamat tinggal tahun 2007 dan Selamat datang tahun 2008". Semoga tahun 2008 ini akan lebih baik dari tahun-tahun sebelumnya.

Happy New Year 2008

Kamis, 27 Desember 2007

Pertama pakai template

Anda baru buat blog? atau lagi cari template untuk blog anda? Nah berikut ada hal-hal yang perlu anda ketahui bila anda menggunakan free template blogger atau template gratis yang anda ambil dari internet.

1. Tema blog
Sebaiknya template anda sesuaikan dengan isi blog anda. Bila blog anda tentang komputer cari template tentang hal-hal yang berhubungan dengan komputer. Bila isi blog tentang travelling anda bisa cari template pemandangan, gambar hotel dan lain sebagainya yang penting mendukung isi blog anda. Tapi ada kalanya template yang sifatnya umum, misalnya cuma berisi pattern, gradien atau cuma sekedar warna sehingga dengan isi blog apapun tetap kelihatan menarik.


2. Menambah Fitur blog
Free blogger template baik yang menggunakan HTML maupun XHML menyediakan fitur yang sederhana. Jadi kalau ingin menambah pernak-pernik lain anda harus copy kode ke blog anda, misalnya menambah shoutbox, komentar, animasi banner teman dan lain sebagainya.

Setelah anda copy dan paste-kan kode template blogger di blog anda silahkan lihat kode-kode HTML yang ada. Sebagai contoh menambah shoutbox. Anda harus mendaftar di situs penyedia shoutbox, misalnya shoutmix.com. Setelah anda berhasil mendaftar di sana, maka nantinya akan diperlihatkan kode HTML yang kita tempatkan di blog kita. Sedangkan untuk membuat judul fitur, misalnya seperti ini

<h2 class="sidebar-title">Support</h2>

Perintah diatas adalah bentuk suatu judul fitur yaitu support. Biasanya setiap free blogger akan mempunyai bentuk fitur judul yang sama. Jadi kalau ingin menambah fitur shoutbox silahkan copy bentuk diatas dan paste-kan di mana yang kita inginkan. Kemudian text Support tersebut di ganti dengan Shoutbox atau komentar anda. Lalu kode Shoutbox yang telah anda mendaftar tadi paste-kan di bawahnya.

3. Perintah <BR> dan <Center>
Perintah ini adalah untuk membuat baris baru dan supaya fitur yang anda tambah menjadi di tengah. Jadi silahkan tambahkan perintah di atas sebelum kode fitur dan jangan lupa setelah kode fitur tersebut berikan perintah penutup yaitu </BR> dan </Center>.

Selasa, 18 Desember 2007

Kenapa blog ku berantakan

Dalam membuat blog ada hal penting yang harus diperhatikan yaitu masalah tampilan blog tersebut. Selain sering-sering membuat postingan, kita juga harus mempertahankan tampilan blog kita supaya tetap menarik dipandang mata. Karena pengunjung juga akan tetap berlama-lama di blog kita kalau tampilan blog kita tidak membosankan.

Untuk itu anda dipersilahkan untuk mengutak-atik layout blog anda atau bisa juga menggunakan free blogger template bagi pengguna blogger yang banyak bertebaran di internet. Lalu bagaimana jika tampilan blog kita masih kurang bagus atau bahkan berantakan walaupun anda sudah bersusah payah memperbaiki kode-kode layoutnya? Ada beberapa hal yang membuat tampilan blog anda berantakan, antara lain yaitu :
  1. Perbedaan browser
    Jika anda merubah layout blogger jangan lupa di test dalam browser yang berbeda. Browser Saat ini yang paling populer adalah Internet Explorer (IE), Mozilla Firefox, Opera, Safari dan lain sebagainya. Jadi anda coba terlebih dahulu dalam beberapa browser tersebut, minimal 2 browser diatas. Bisa saja tampilan di Mozilla kelihatan bagus, tapi jika dilihat di IE hasilnya berantakan. Begitu juga kalau anda pakai free blogger template, sebaiknya tampilan blog anda tetap bagus jika dilihat dalam browser yang berbeda atau setidak-tidaknya tidak terlalu berantakan. Ingat pengunjung blog anda akan pakai browser yang berbeda-beda tentunya.
  2. Karena Postingan
    Ada kalanya beberapa postingan tidak membaca perintah pembatas garis yang ditentukan, misalnya seperti perintah tabel, perintah kode HTML dan lain sebagainya. Bila tabel teralu panjang ke kanan kadang-kadang hasilnya akan keluar dari batas kanan. Lebih parah lagi jika background merupakan gambar maka background akan terpisah menjadi beberapa bagian (berantakan).
  3. Tampilan view browser tidak normal
    Bisa juga blog anda berantakan dikarenakan tampilan browser anda tidak normal, tapi ini berlaku juga untuk semua web yang tampil di browser anda. Jadi sebaiknya pastikan view browser anda dalam keadaan normal. Untuk mozilla silahkan lihat di View, Text size, Normal. Sedangkan untuk Internet Explorer klik View, Text size, Medium.
  4. Coba-coba merubah Layout
    Nah, kalau yang ini memang masih dalam tahap belajar. Jadi hasilnya memang belum begitu sempurna. Alhasil, tampilan di browser juga tidak bagus. Lha wong, perintahnya saja masih belum pas, apalagi hasilnya, he he he...!!
Demikian beberapa hal yang membuat tampilan blog kita kurang bagus atau berantakan menurut pengalaman saya. Apakah ada lagi ? Silahkan di komen tutorial di atas.

Senin, 17 Desember 2007

Igoogle makin keren

Situs pencari yang yang satu ini memang tidak pernah kehabisan inovasi, setiap saat ada saja yang baru. Cukup sekali mendaftar satu account yaitu Gmail, maka kita sudah diberikan fasilitas yang tersedia di google. Mulai dari email yang sekarang sudah sampai 4 G , blog, google map, google doc, picasa, upload file, google talk, pokoknya se abreg tool tinggal pilih saja.

Bagi yang udah punya email, anda bisa buka igoogle.com, kemudian masukkan account anda, maka disitu sudah tersedia peralatan yang ingin anda gunakan.Bagi yang belum belum punya email di google, bisa daftar dulu klik aja disini. Tapi bagi yang sudah punya email Account atau email gmail anda.


Bisa di umpamakan igoogle adalah sebuah rumah, kita bisa meletakkan barang-barang atau perabot dimana saja kita mau. Halaman ini akan menampilkan banyak fasilitas yang sudah anda pilih/daftar. Anda juga bisa menambah peralatan atau fasilitas yang ingin anda pakai dengan klik Add Stuff. Lalu pilih tool yang akan anda gunakan.



Setelah anda masuk ke igoogle, anda mengatur tata letak peralatan dari google dengan cara drag bar judul setiap kelompok. Halaman igooogle juga bisa anda tambah dengan mengklik Add di sebelah kiri atas. Selamat mencoba. "Igoogle" cara mudah menggunakan google.

Jumat, 14 Desember 2007

Panduan pilih template blog

Bagi anda pecinta blog, sudah pasti ingin punya blog yang menarik dan selalu dikunjungi banyak orang. selain harus sering di update, kita juga harus memperbaiki tampilan atau template blog kita. Ada beberapa hal yang perlu diperhatikan dalam memilih template blog, baik anda yang ingin merancang sendiri maupun menggunakan free template yang banyak tersedia di jagat internet. Hal ini berlaku juga untuk anda yang merancang sebuah web atau situs.

Hal-hal yang perlu diperhatikan antara lain :
  1. Disain Gambar / Animasi
    Anda boleh mendesain blog dengan gambar sebagus mungkin, karena ini akan menarik para pengunjung di blog anda. Tapi ingat makin banyak variasi gambar maka semakin berat juga loading blog anda di internet. Para pengunjung internet biasanya malas untuk menunggu terlalu lama sebuah web tampil di browser. Bila anda menggunakan free template cari template yang tidak terlalu lama loading-nya. Apalagi kalau ditambah animasi yang terlalu banyak sehingga makin memperlambat tampil di browser.
  2. Perbedaan browser pengunjung
    Pengunjung blog atau situs menggunakan browser yang bermacam-macam, misalnya Internet Explorer, Mozilla firefox, Opera, Safari dan lain sebagainya. Jadi pastikan Layout yang anda pilih bisa tampil bagus di banyak browser. Minimal tidak terlalu berantakan jika dilihat dalam browser yang berbeda. Karena bisa saja tampilan blog di Mozilla terlihat bagus tapi bila dibuka melalui Internet Explorer tampilannya berantakan. Jadi sebaiknya anda test terlebih dahulu sebelum memastikan menggunakan template yang anda pilih.
  3. Pelajari HTML
    Template blog yang sudah kita downloload dari internet walaupun sudah siap pakai, adakalanya anda ingin menambah pernak-pernik lainnya misalnya shoutbox, jumlah pengunjung, meletakkan banner teman dan lain sebagainya. Anda bisa ambil kode dari penyedia layanan tersebutdi internet yang banyak bertebaran. Nah untuk mengutak-atik sedikit blog kita, maka pengetahuan dasar HTML mutlak harus diperlukan. Oleh karenanya mulailah mengenal HTML walaupun hanya tingkat dasar.

Jumat, 07 Desember 2007

Perang blog Malay-Indo

Kekisruhan antar negara membuat gerah bagi warganya, tidak hanya dalam dunia nyata saja. Ini juga meluas ke dunia internet, begitu juga para blogger negara masing-masing. Para blogger tentu akan melihat sisi ini untuk memberikan pendapatnya masing-masing.




Nah kita akan melihat blog yang satu ini http://ihateindon.blogspot.com/ tentu akan membuat hati kita tergerak untuk ikut berkomentar dan paling tidak hati kita tersentak. Dari nama blognya saja udah tergambar bahwa yang buat blog ini tidak suka kepada negeri kita , indonesia. Yang mana kalau warga kita yang bekerja di Malaysia dan Singapura disebut warga indon. Maka sudah jelas blog ini bertujuan untuk menyudutkan kita.

Memang kita akui bersama bahwa di negeri kita memang lagi dalam proses perubahan dari segala sisi kehidupan. Dan kalau boleh jujur, ekonomi kita memang sedang terpuruk dan bukan hanya dalam bidang ekonomi saja, tapi bidang hukum, bidang pendidikan dan hampir semua bidang kehidupan negara kita. Itu memang kita "akui". Tapi bagi kita cukuplah ini sebagai masalah dalam negeri kita dan tidak ada sangkut pautnya dengan negara lain.

Masalah dengan negara tetangga ini sebenarnya masalah yang sudah lama dan merupakan urutan sejarah yang panjang. "Kenapa indonesia benci malaysia" atau sebaliknya "kenapa malaysia benci indonesia". Dilihat dari sejarah penyebab masalah itu, lalu tidak terselesaikan dan berbuntut panjang sampai ke generasi berikutnya, maka masalah lalu merembet ke hal-hal yang lain. Dan bila tidak ada perubahan dan kesepakatan dari kedua belah pihak maka ketegangan akan timbul terus sampai generasi berikutnya.

Kalau kita dan pemerintahan kedua negara bersepakat untuk menghentikan nya pasti bisa. Karena kalau tidak dihentikan maka pengaruhnya akan sampai kepada anak cucu kita dan terus akan berlanjut. Lihat saja Jerman, yang dulunya terbagi menjadi Jerman barat dan Jerman timur saja bisa menjadi satu yaitu "Jerman". Kenapa kita tidak bisa....!!!

Jadi sudah waktunya kebencian dihentikan. "STOP Permusuhan". Karena permusuhan hanya akan mengakibatkan kehancuran. Hapuskan masa lalu, yang berlalu biarkan berlalu. Malaysia dan Indonesia adalah negara serumpun yang berbudaya. Mari kita tanamkan kepada anak cucu kita untuk tidak membenci suatu negara lain, tapi bagaimana membina mereka untuk cinta kepada negaranya dan menghormati negara tetangga.

Jadi ...mari kita galang persatuan dan kesatuan untuk bangsa ini......!

"Bangkitlah bangsa ku, mari keluar dari keterpurukan ini"

Kamis, 06 Desember 2007

Asyiknya google analytics

Sebenarnya ini artikel yang udah lama, tapi untuk menambah referensi bagi para blogger maupun para netter ada baiknya perlu untuk menambah pengetahuan kita. Google analytic yaitu fasilitas dari google untuk menganalisa dan mengetahui tingkat perkembangan blog atau situs kita. Bagi para pebisnis internet maupun yang berkutat di bidang sejenisnya, hal ini mutlak sangat dibutuhkan. Karena kita bisa mengetahu sejauh mana blog atau situs kita di baca oleh orang lain.

Fasilitas yang ada sangat banyak sekali, mulai dari berapa banyak pengunjung per hari, pengunjung yang setia, asal negara, pokoknya banyak sekali. Untuk lebih jelasnya dapat dilihat dibawah ini.


Gambar diatas menunjukkan tingkat pengunjung per hari yang diketahui melalui titik-titik tersebut. Kemudian informasi tersebut untuk 1 bulan yaitu dari tanggal 5 Nov s/d tanggal 5 Des 2007. Kemudian keterangan dari text dibawah nya:
  1. Visits = banyaknya kunjungan ke blog / situs kita
  2. Pageview = banyaknya halaman yang dilihat di blog / situs kita
  3. Pages/visit = Halaman per pengunjung
  4. Bouce Rate = Rata-rata kunjungan
  5. Avg. Time on Site = Rata-rata waktu pengunjung melihat blog / situs kita
  6. New visits = Jumlah pengunjung baru
Kemudian fasilitas lainnya sangat banyak. Anda bisa lihat di bagian kiri atas, untuk memilih nya. Ada juga di kelompok bagian bawah, diantaranya :
  • Map Overlay = untuk melihat pengunjung melalui peta
  • Traffic Sources Overview = Melihat dari mana blog kita diakses oleh pengunjung
  • Content Overview = Isi blog / situs yang sering dilihat oleh pengunjung
Lalu bagaimana cara men Setting di blog kita.
  1. Anda harus punya Account google yaitu gmail.com
  2. Setelah anda punya email gmail, selanjutnya buka http://www.google.com/analytics/
  3. Lalu login menggunakan email tersebut, maka anda berada pada halaman google analytics
  4. Kemudian klik Add Website Profile » lalu masukkan alamat blog atau website anda.
  5. Lalu klik continue maka akan tampil kode dari google analytics tersebut.
  6. Copy dan paste kan kode tersebut di blog ataua website anda sebelum kode </body>
Tapi ingat :
Blog anda harus mendukung kode HTML dan Javascript, misalnya blogger, sedangkan wordpress untuk sementara ini belum bisa.

Minggu, 02 Desember 2007

Alasan pakai template

Bagi para blogger, ada banyak alasan kenapa harus pakai template yang standar atau harus cari template yang lebih variatif. Template atau skin merupakan tampilan atau bungkus dari sebuah blog atau website. Ibarat orang, tentu semua ingin bagus baik dari tampilan luar maupun tingkah lakunya. Jadi memang semuanya mendukung, bukan hanya isi yang bagus, tapi juga kesan pertama dari orang lain terhadap penampilan kita juga patut di perhatikan.

Dalam blog atau website tampilan awal merupakan hal yang sangat diutamakan, walaupun itu tidak menjamin bertahannya suatu blog. Berikut beberapa alasan kenapa orang tidak menggunakan template variatif atau hanya menggunakan template standar.

1. Blogger pemula
Bagi para blogger pemula cenderung menggunakan template bawaan, karena mungkin lagi belajar menulis sehingga masih terfokus mengenal tools dan tata cara ngeblog. Untuk mengganti template belum terpikirkan.

2. Blogger yang lebih mementingkan isi
Untuk blogger ini biasanya skin atau template tidak terlalu penting, walaupun mereka ganti template biasanya tidak terlalu sering. Yang mereka utamakan adalah isi dari blog mereka yang terus diupdate sehingga tampilan nya kebanyakan biasa-biasa saja.

3. Blogger yang lebih mementingkan Template
Bagi blogger berikut tampilan awal merupakan hal yang sangat penting karena hal ini merupakan pemikat bagi pengunjung supaya berlama-lama melihat keunikan halaman bahkan ada sebagian yang ditambah dengan program flash sehingga lebih banyak animasi dari template tersebut.

4. Blogger yang mengutamakan isi dan template
Blogger yang ini sebenarnya yang paling bagus, selain templatenya bagus dia juga mengutamakan isi dari blog tersebut. Tapi biasanya kalau udah mengutamakan isi blog, maka templatenya agak terabaikan karena sibuk mengurusi isi blog tersebut. Tapi bagi blogger yang mengutamaka isi blog kenapa tidak mengambil cara tercepat saja. Kita bisa menggunakan template gratis yang banyak bertebaran di internet. Kita bisa memilih berbagai macam template variatif yang bagus dan menarik dan tentunya siap pakai. Jadi kita tetap memfokuskan pada isi blog sambil mempercantik halaman blog kita.


Selasa, 20 November 2007

Email yang aneh

Beberapa waktu yang lalu aku membuka email yang memang udah lama tidak aku utak-atik. Sekilas memang tidak ada yang aneh. Namun setelah beberapa minggu aku mulai aktif membuka emailku, rasanya ada yang ganjil. Yaitu ada email yang letaknya tidak pernah dibawah, padahal biasanya kalau email masuk, kemudian ada email berikutnya maka email yang paling atas akan kebawah.



Setelah lama aku berpikir dan aku cek kembali ternyata email tersebut punya tanggal kirim yang rasanya tidak mungkin, yaitu tahun 2038. coba anda lihat sendiri. Sehingga pikiran ku pun tersadar bahwa yang menyebabkan email tersebut selalu diatas karena tahun itu, yaitu 2038. Tapi rasanya nggak masuk akal, masak email di kirim tahun 2038 padahal sekarang masih tahun 2007. Apa mungkin manusia masa depan yang datang ke masa kini. Persis seperti film "TIME MECHINE". Ah masak iya.....!!!!

Rabu, 31 Oktober 2007

Membuat Perintah tombol

Ini adalah perintah untuk membuat perintah tombol pada Layout klasik seperti yang saya buat diatas. Anda cukup menambahkan perintah supernav di CSS. Bentuknya sebagai berikut.


#supernav {
font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
position: absolute;
top: 135px;
left: 70%;
width: 720px;
margin: 0 0 0 -190px;
padding: 5px 16px; /* duplicate the tab size */
text-align: left;
display: block;
}

#supernav li {
margin: 0;
padding: 0;
text-transform: lowercase;
display: inline;
}

#supernav a {
color: #000000;
background: #33CC33;
font-weight: normal;
height: 19px;
padding: 5px 16px;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}

#supernav a:hover {
color: #111;
background: #999;
text-decoration: none;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}

#supernav .current_page_item a {
color: #111;
background: #999;
text-decoration: none;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}


Kemudian supaya tampil, kita harus mendeklarasikan perintah tersebut di mana yang kita inginkan. Misalnya di main bagian atas , berarti cari perintah ini dulu :

<!-- Begin #main -->
<div id="main"><div id="main2">

<Blogger>


Lalu berikan perintah ini bawah perintah diatas.


<div><ul id="supernav">
<a href="http://getcomputer.blogspot.com/2007/08/satu">Belajar HTML</a></li>
<a href="http://getcomputer.blogspot.com/2007/08/dua">Belajar Blogger</a></li>
<a href="http://masprim.wordpress.com" target="new page">Pondok lain</a></li>
</ul>
</div>


Yang berwarna biru, silahkan ganti dengan link yang anda gunakan.

Minggu, 30 September 2007

Perintah CSS (2)

Sebelumnya kami sudah menjelaskan sedikit tentang beberapa perintah CSS. Baiklah sekarang kita akan membahas beberapa perintah CSS yang lain.

Membuat format CSS sendiri
Anda bisa membuat sebuah format CSS yang nantinya tinggal di hubungkan dengan bentuk yang akan ditampilkan. Misalnya Format Sidebar kiri dan Isi / Main. .


Bentukya sebagai berikut :

#main {
margin:0 0 0 10px;
width:410px;
float:right;
padding:0 8px 10px 8px;
border:1px solid #999;
}
#sidebar-left {
background:#66CCFF;
margin:0;
width:150px;
float:left;
padding:0 5px 100px 5px;
font:#663333;
font-size:85%;
border:1px solid #000;
}

Beberapa penjelasan perintah diatas:
Margin = batas dari main / Sidebar
Width = lebar dari area sidebar atau main
Float = Letak dari pada Sidebar dan Main bisa di Left atau right
Background = format warna atau gambar dari background
Font = format warna tulisan
Font-size = Ukuran tulisan
Padding = Ketebalan sisi area dengan textnya
Border = garis yang ada di sekeliling text

Kemudian untuk menghubungkan perintah CSS ke bentuk yang di inginkan sebagai berikut :

<!-- Begin #sidebar -->
<div id="sidebar-left"><div id="sidebar2">

Isi Sidebar / sisi

</div></div>
<!-- End #sidebar -->


<!-- Begin #main -->
<div id="main"><div id="main2">

Isi dari pada Postingan / main

</div></div>
<!-- End #main -->


Ketrangan :
<div id="sidebar-left"> adalah untuk mengambil format yang dibentuk oleh side bar kiri
<div id="main"> adalah untuk mengambil format yang dibentuk oleh main / postingan

Bila anda ingin mempelajari perintah HTML untuk memformat peritah-perintah CSS, saya rekomendasikan anda ke situs ini http://www.htmldog.com

Senin, 24 September 2007

Aturan isi blog Adsense

Pemasang iklan hanya diperbolehkan untuk memasang iklan AdSense pada situs atau blog yang mengikuti aturan Google, selain itu iklan tidak boleh dipasang pada halaman dimana isi utamanya menggunakan bahasa yg tidak didukung oleh Google AdSense (termasuk Indonesia).

Ad unit AdSense tidak boleh dipasang pada situs yg mengandung:
  1. Kekerasan, rasis, atau saran untuk melawan/membenci orang lain, grup, maupun organisasi.
  2. Pornografi dan hal2 yg bersifat dewasa.
  3. Hacking/cracking.
  4. Obat2an terlarang.
  5. Kata2 kotor yg berlebihan.
  6. Judi dan kasino.
  7. Ajakan atau tawaran komisi/kompensasi kepada pengunjung untuk mengklik iklan atau tawaran, melakukan search, membrowsing situs (autosurf, paid-to-surf, dll), maupun membaca email (paid-to-read email).
  8. Penggunaan kata kunci yg berulang, berlebihan, maupun tidak relevan dengan situs, baik pada content maupun kode halaman (HTML).
  9. Menipu atau memanipulasi isi halaman untuk meningkatkan ranking mesin pencari dari situs yg bersangkutan.
  10. Menjual atau menawarkan senjata maupun amunisinya.
  11. Menjual atau menawarkan bir atau minuman dengan kadar alkohol tinggi.
  12. Menjual atau menawarkan rokok atau produk2 yg berhubungan dng rokok.
  13. Menjual atau menawarkan obat2an terlarang.
  14. Menjual atau menawarkan replikasi atau imitasi dari suatu produk.
  15. Menjual atau menawarkan tugas kuliah, skripsi, dan sejenisnya.
  16. Berisi atau mempromosikan hal2 yg bersifat ilegal / melanggar hukum.

Adsense yang muncul PSA

Pada saat mendaftar di google adsense kita harus menggunakan posting bahasa inggris, karena kalau tidak maka yang keluar adalah PSA (Public Servis Adsense) atau yang disebut iklan layanan Masyarakat. Ada beberapa hal yang menyebabkan iklan adsense berubah menjadi PSA, antara lain berikut :
  1. Posting menggunakan bahasa yang belum mendukung iklan adsense, salah satunya bahasa indonesia.
  2. Setelah pendaftaran di approve / disetujui, google belum dapat membaca tentang topik dari blog kita. Untuk hal ini tunggu saja beberapa saat setelah anda melakukan verifikasi dari email anda.
  3. Mungkin dalam posting anda tersaring kata-kata yang tidak diperbolehkan oleh google seperti kata-kata yang berbau kekerasan, pornografi dan lain-lain lihat peraturan isi situs dari google.
Langkah-langkah yang dapat lakukan sebagai berikut :
  1. Buat blog dan lakukan posting menggunakan bahasa inggris, dan lakukan pendaftaran sampai anda di approve / disetujui. Setelah disetujui masuk ke login adsense dan copy kode adsense dan paste-kan di blog kita.
  2. Bila anda ingin membuat blog baru, silahkan buat menggunakan bahasa indonesia.
  3. Copy dan paste-kan kode adsense ke blog bahasa indonesia tersebut.
  4. Dan bisa dipastikan yang keluar adalah PSA, karena blog kita dalam bahasa indonesia. Nah, supaya adsense tetap muncul anda bisa menggunakan yang disebut Collapsing ad units, klik disini. Klik mouse kanan pada tulisan google_adsense_script.html dan save target as, kemudian simpan dulu di folder komputer anda.
  5. File google_adsense_script.html anda upload ke server domain anda.
  6. Kemudian ubah script yang ada di adsense menjadi seperti ini
:

Demikian penjelasan dari saya dan selamat mencoba....!

Tentang blog adsense

O ya sebelumnya saya sudah membahas mengenai apa itu adsense secara global. Bagi yang belum kenal sebaiknya baca ini dulu baru membahas berikut ini. Masalahnya ini sudah merupakan lanjutan dari sebelumnya.

Nah ada beberapa hal tentang adsense yaitu :
  1. Sebelum membuat blog, sebaiknya mengambil suatu niche / topik tertentu misalnya anda buat blog tentang lowongan kerja, informasi travel, informasi software, info berita terhangat dan sebaginya. Tujuannya adalah supaya anda terfokus pada topik tertentu sehingga pengunjung yang datang akan balik lagi ke blog kita.
  2. Untuk pertama kali sebaiknya menggunakan bahasa inggris, karena untuk mendaftar adsense, google belum menerima bahasa indonesia, tapi setelah diterima nanti anda boleh posting dalam bahasa Indonesia.
  3. Setelah anda diapprove / disetujui maka rajin-rajinlah meng update blog anda, supaya pengunjung tertarik dengan blog anda dan akan kembali lagi serta akan menaikkan ranking di situs google sehingga akan terindex dengan mesin pencari tersebut.
  4. Setelah jumlah adsense mencapai $ 100 maka akan dikirim melalui cek, jadi waktu mendaftar pastikan anda mengisi alamat dengan benar, kemudian cek dapat dicairkan melalui bank-bank di daerah anda dan akan dikenakan charge / biaya tambahan.
  5. Jangan melakukan klik sendiri terhadap iklan di blog kita, karena ini melanggar Peraturan Adsense. Google mempunyai kemampuan yang canggih untuk mendeteksinya. Sudah banyak blog yang di banned / di hapus karena hal ini, dan dollar yang sudah terkumpul akan hangus semuanya.
  6. Semua keberhasilan membutuhkan usaha yang keras dan maksimal, jadi jangan dikira dalam waktu singkat anda akan langsung menikmati hasilnya. Teruslah membuat suatu posting dan jangan berputus asa. Anggap aja ini merupakan tantangan dan berkreasi untuk berbagi ilmu terhadap sesama.
Demikian dulu penjelasan dari saya dan nantikan, tips dan trik tentang google adsense berikutnya. Bila ada pertanyaan isi comments dibawah.

Adsense bagi pemula

Bagi dunia internet marketing, adsense memang tidak asing lagi. Bahwa adsense merupakan bisnis internet yang lagi marak akhir-akhir ini. Baik situs atau blog pribadi sekalipun banyak yang memasang adsense. Memang bisnis periklanan ini sangat menjanjikan baik bagi para pemula maupun situs yang sudah top sekalipun. Apa sih adsense ini, dan bagaimana cara kerjanya ?

Ini adalah tutorial bagi pemula yang baru mengenal adsense, untuk yang sudah master adsense, silahkan lewati aja ya. Adsense adalah bisnis yang di keluarkan oleh google.com untuk memasangkan iklan di blog kita. Maksudnya begini, Google menerima iklan dari para pemasang iklan, yang mana pemasang iklan akan membayar kepada google.com. Kemudian untuk menyebarluaskan iklan tersebut, google melakukan expansi dengan menempelkan iklan tersebut di situs atau blog lain. Nah iklan yang dipasang di blog kita tersebut yang dinamakan adsense. Sebagai imbalannya google akan membayar kepada kita, dengan ketentuan yang telah di berikan. Jumlah pembayaran tergantung dari jenis iklan yang ada pada ketentuan dari pihak google tersebut.Nah, kalau ingin bergabung dengan bisnis adsense ini, caranya sangat mudah, yaitu :

Apakah bisnis ini murni? Ya jawabanya jelas murni. Kita tahu bahwa google merupakan perusahaan raksasa dalam bidang search engine / mesin pencari yang paling populer saat ini, bahkan yahoo.com yang dulunya merajai, sekarang harus mengakui keandalan dan keampuhan googling ini. Jadi kenapa kita mesti ragu terhadap perusahaan yang memang terkenal itu.

  1. Harus punya account / email di google yang disebut gmail, yang belum punya silahkan daftar di gmail.com
  2. Punya web site / blog yang support dengan bahasa javascript untuk menampilkan iklan yang di berikan oleh google. Dalam hal ini saya sarankan menggunakan blogger.com, karena sudah menggunakan bahasa Indonesia dan blog milik google ini support dengan Javascript. Lalu supaya diterima buat posting minimal 4 buah dalam bahasa inggris. Setelah diterima anda dapat posting dalam bahasa Indonesia.
  3. Mendaftar di google adsense,klik gambar gambar disamping kiri
  4. Tunggu approve / balasan dari google dan paling lama 2 hari, ada juga yang langsung diterima hari itu juga.
  5. Setelah di approve, maka masuk ke google.com/adsense, ambil kode yang diberikan untuk memasang iklan dari google dan tampilkan di blog atau situs kita.
Untuk tips dan trik adsense, nantikan tutorial berikutnya, pokoknya sering-sering aja berkunjung di blog ini ya.

Kamis, 20 September 2007

Mengenal perintah CSS (1)

CSS kepanjangannya adalah Cascading Style Sheet, yaitu perintah untuk memformat atau membentuk berbagai macam variasi baik text maupun variasi lain dengan melepaskan perintah HTML yang begitu banyak dan diulang-ulang. Jadi dengan CSS ini satu perintah sudah bisa mewakili perintah-perintah lainnya. Saat ini perintah CSS sudah mendominasi dalam pembuatan blog maupun layout blogger. Kalau anda lihat source kode blogger layout, rata-rata menggunakan perintah CSS.

Perintah CSS ada 2 yaitu perintah external dan internal. CSS eksternal ditulis menggunakan text editor biasa seperti halnya HTML dan disimpan dalam file tersendiri yang ber ekstensi CSS, misalnya SATU.CSS, sedangkan CSS internal perintahnya bergabung dengan source kode yang kita buat langsung dengan perintah HTML, jadi CSS internal ini kita cukup punya satu file.

CSS internal
Perintah ini diletakkan diantara perintah <head> dan </head> kemudian perintah tersebut diawali dengan <style type="text/css"> dan diakhiri dengan </style>

Kemudian masing-masing perintahnya mempunyai bentuk sebagai berikut :
nama perintah {
format perintah
}
Lihat contoh dibawah ini

<head>

<style type="text/css">

a:link {
color:#0033ff;
text-decoration:bold
}

</style>
</head>

Coba kita perhatikan perintah a:link { , ini adalah nama perintah untuk text yang mempunyai link ke halaman lain. Dan mempunyai 2 jenis format perintah yaitu warna color:#0033ff; dan format text tebal text-decoration:bold .

Masih banyak perintah CSS yang lain yang dapat anda gunakan, misalnya :
a:visited adalah untuk text link yang pernah dikunjungi
a:hover adalah text link bila mouse diarahkan kesana
body adalah untuk memformat halaman utama

Rabu, 19 September 2007

Variabel data dari blogger

Dalam membuat Layout kita harus memahami bahwa yang kita desain adalah tampilan atau kulinya saja, makanya layout disebut juga skin. Artinya data yang diiput baik berupa posting, judul atau koementar-komentar harus tetap disediakan. Untuk menghubungkan antara data yang diinput tersebut supaya tampil diblog, maka diperlukan media penampung yang disebut database.

Kelompok-kelompok media penampung data itulah yang disebut variabel. Variabel ditandai dengan lambang <$nama variabel$> dan variabel tidak boleh ada spasi, misalnya <$BlogURL$>, <$BlogDescription$>, <$BlogDateHeaderDate$> dan sebagainya. Jadi varibel tersebut tidak boleh dihapus.

Berikut contoh Variabel dan pembagian kategorinya
  1. Bagian Header
    <h1 id="blog-title">
    <itempage><a href="">"></itempage>
    <$BlogTitle$>
    <itempage></a></itempage>
    </h1>
    <p id="description"><$BlogDescription$></p>
    </div>

  2. Bagian Side bar / sisi

    <!-- Begin #profile-container -->

    <$BlogMemberProfile$>

    <!-- End #profile -->

    <MainOrArchivePage>
    <h2 class="sidebar-title"><$I18NLinks$></h2>
    <ul>
    <li><a href="http://news.google.com/">Google News</a></li>
    <li><a href="http://help.blogger.com">Edit-Me</a></li>
    <li><a href="http://help.blogger.com>Edit-Me</a></li>
    </ul>
    </MainOrArchivePage>

  3. Bagian Main / isi
    Untuk bagian ini tidak semua dapat kami tulis, karena Kode HTMLnya terlalu banyak, jadi saya ambil seagian saja, contohnya dibawah ini

    <div class="post"><a name="<$BlogItemNumber$>"></a>
    <BlogItemTitle>
    <h3 class="post-title">
    <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
    <$BlogItemTitle$>
    <BlogItemUrl></a></BlogItemUrl>
    </h3>
    </BlogItemTitle>

    <div class="post-body">
    <div>
    <$BlogItemBody>
    amp;gt;
    amp;gt;
    amp;gt;
    amp;gt;
    amp;gt;
    </div>
Dan masih banyak lagi variabel yang digunakan dalam blogger tersebut. Kalau anda lihat source kode sebuah blogger baik milik anda maupun milik rekan blogger, biasanya sudah anda penegelompokan apakah itu bagian header, bagian sidebar, bagian main, maupun bagian footer. Kemudian ada satu perintah <Div> dan </Div> . Ini adalah perintah untuk mengambil perintah CSS yang sudah disiapkan, kita akan pelajari lebih lanjut di postingan lainnya.

Kemudian ada satu perintah lagi yaitu <!-- Begin #profile-container --> , perintah ini adalah supaya antara <!-- dan --> tidak tampil di blog anda.

Membuat read more blogger

Kalau di wordpress, untuk membuat postngan terpotong sudah ada fasilitasnya, yaitu tinggal letakkan kursor pada text yang akan dipotong dan klik Split post with more tag , tapi di blogger fasilitas untuk memotong text tersebut tidak ada.

Jadi kita harus menambah sendiri di kode HTML nya. Berikut adalah cara membuat read more di blogger khusus untuk template klasik blogger.
  • Pastikan anda sudah login ke blogger, anda
  • Lalu pilih Layout dan pilih edit HTML
  • Kemudian cari kode berikut } ]]> anda bisa mencarinya dengan menekan Ctrl F dan masukkan kode diatas.
  • Setelah ketemu, lalu letakkan kode berikut setelah kode diatas.
    <style>
    <b:if cond="'data:blog.pageType">
    span.fullpost {display:inline;}
    <b:else/7gt;
    span.fullpost {display:none;}
    </b:if>
    </style>
  • Setelah itu cari kode seperti ini <p><data:post.body></data:post.body></p>
    Lalu tambahkan kode dibawah ini
    <b:if cond="data:blog.pageType != "item"">
    < href="data:post.url"> Read More...</a>
    </b:if>
  • Lalu pada saat posting berikan perintah <span class="fullpost"> dimana kamu ingin tulisan read more muncul. Kemudian text paling akhir kamu tambahkan dengan </span>. Ingat untuk menambahkan kode ini harus berada pada Edit HTML.
    Selamat mencoba

Senin, 17 September 2007

Mengenal layout blogger

Baiklah untuk kali ini, kita akan mengenal bagaimana memulai membuat layout atau template blogger. Secara umum layout untuk blogger dapat dibagi 3 bagian utama, yaitu :
  1. Bagian atas (Header), berisi Title blog dan description blog
  2. Bagian Isi (main) , berisi tanggal posting, judul posting, isi posting dan komentar
  3. Bagina sisi (sidebar), berisi profil, Link, Pengelompokan postingan, tampilan shoutbox dan lain-lain
  4. Bagian bawah (Footer), berisi text seperti Desain by, link, powered by dan lain sebagainya.


Dalam pembahasan ini, saya menggunakan perintah dasar HTML, memang sekarang sudah ada perintah yang lebih praktis yaitu XML. Tapi perintah dasar HTML ini juga sangat perlu diketahui sebelum melangkah ke perintah yang lebih tinggi tersebut. Jadi saya anggap anda sudah mengetahui perintah HTML. Jika belum anda bisa pelajari dulu disini.

Dalam membuat layout blogger, ada 2 jenis pilihan background, yaitu :
  1. Background berupa kotak, contohnya dibawah ini.

  2. Background berupa desain bebas, contohnya dibawah ini.
Perbedaan dari kedua bentuk diatas yaitu, untuk bentuk kotak, kita tidak memerlukan program desain lainnya, cukup gunakan perintah HTML dan dan digabung dengan perintah CSS (Cascading style sheets), yaitu perintah untuk memformat perintah dengan cepat. Untuk background desain bebas, kita perlu membuat terlebih dahulu di program desain lain, misalnya photoshop, setelah itu di transfer ke program editor dan tambahkan variabel dari blogger.

Ini artikel awal untuk membuat layout, nantikan artikel berikutnya.

Kamis, 06 September 2007

Variasi text berjalan

Ada beberapa variasi text berjalan yang dapat anda gunakan untuk mempercantik blog anda, diantaranya adalah :
  1. Text berjalan dari kanan ke kiri. Perintahnya <marquee>SELAMAT DATANG</marquee> maka hasilnyaSELAMAT DATANG
  2. Text berjalan bolak balik kekiri dan kekanan. Perintahnya <marquee behavior="alternate">SELAMAT DATANG</marquee>maka hasilnyaSELAMAT DATANG



  3. Text berjalan dari bawah ke atas. Perintahnya <marquee direction="up">SELAMAT DATANG</marquee>maka hasilnyaSELAMAT DATANG
  4. Text berjalan vertikal bolak-balik. Perintahnya <marquee direction="down" behavior="alternate">SELAMAT DATANG</marquee>maka hasilnyaSELAMAT DATANG
  5. Text bergerak dari bawah ke atas dan jika di klik akan lambat. Perintahnya <marquee onmouseover="this.scrollAmount=1"; onmouseout="this.scrollAmount=5;" direction="up"> maka hasilnya
    SELAMAT DATANG
    Untuk mengatur kecepatan waktu tambahkan perintah scrolldelay=10 sebelum > , misalnya <marquee direction="down" scrolldelay=10> Angka 10 dapat anda ganti dengan angka yang lain.

Gambar Animasi mouse

Ini yang mau animasi mouse kayak yang disitus ini, jadi kalau anda menggerakkan mouse, maka gambar kupu-kupu ikut bergerak. Langkahnya anda harus persiapkan gambar animasi yang memang bergerak. Biasanya gambar tersebut berekstensi Gif. Kalau gak ada anda bisa ambil di mynicespace.cm

Kemudian gambar animasi tersebut anda upload ke situs penyedia gambar gratis, misal photobucket, tentunya anda harus buat account disana. Lalu anda copykan kode berikut ini di kode blogger anda dan letakkan sebelum </HTML>.

<script type="text/javascript">
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var x = 0;
var y = 0;

if (document.getElementById)
{
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = Pos_Souris;
window.onload = Bouge_Image;
}

function Pos_Souris(e)
{
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
}

posX = 0;
posY = 0;
anim = true;
oldpos = "http://i191.photobucket.com/albums/z75/masprim/kupu-kupu.gif";

function Bouge_Image()
{
if (document.getElementById && anim)
{
posX = posX+(((x-posX)+20)/15);
posY = posY+(((y-posY)+20)/15);
if(posX<x)
newpos='http://i191.photobucket.com/albums/z75/masprim/kupu-kupu.gif';
else
newpos='http://i191.photobucket.com/albums/z75/masprim/kupu-kupu.gif';
if(newpos!=oldpos)
{
document.tete.src=newpos;
oldpos=newpos;
}
document.getElementById("teteronde").style.top = posY+"px";
document.getElementById("teteronde").style.left = posX+"px";
tempo = setTimeout("Bouge_Image()", 15)
}
}

if(document.getElementById)
{
document.write('<div id="teteronde" style="position: absolute">');
document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');
document.write('<img src="http://i191.photobucket.com/albums/z75/masprim/kupu-kupu.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
document.write('</a>');
document.write('</div>');
}
</script>



<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1479700-7";
urchinTracker();
</script>


Keterangan : Text yang berwarna merah, silahkan anda ganti dengan alamat gambar animasi yang sudah anda upload di photobucket. "Selamat mencoba".

Senin, 03 September 2007

Posting gambar tidak link

Biasanya kalau kita upload gambar di blogger, maka secara standar gambar akan menjadi sebuah link membentuk halaman baru jika kita klik gambar tersebut. Nah berikut adalah cara supaya gambar yang sudah kita upload tidak menjadi sebuah link. Caranya setelah anda upload gambar tersebut maka tampilkan dalam bentuk Edit Html, maka akan nampak kode-kode Html dari gambar tersebut.

Contohnya dibawah ini :

<a onblur="try {parent.deselectBloggerImageGracefully();}
catch(e) {}" href="http://1.bp.blogspot.com/_gCOemDnAUvg/
RtzWyPsmI7I/AAAAAAAAANU/
XoEjUNdjQMw/s1600-h/back2.gif">
<img style="cursor: pointer;" src="http://1.bp.blogspot.com/_gCOemDnAUvg/
RtzWyPsmI7I/AAAAAAAAANU/
XoEjUNdjQMw/s320/back2.gif"
alt="" id="BLOGGER_PHOTO_ID_5106192236226683826" border="0" />

Caranya text yang berwarna biru cukup anda hapus dan simpan. Dan jika mouse diarahkan ke gambar maka akan berubah menjadi gambar tangan, untuk menghilangkannya silahkan hapus text yang berwarna hijau. Mudah bukan...!!! selamat mencoba.

Kamis, 30 Agustus 2007

upload gambar blogger

Tidak semua gambar dapat di upload ke posting blogger. Yang bisa di upload adalah gambar yang berformat jpg, gif, bmp dan png dan maksimum berukuran 8 Mb. Untuk mengupload gambar, silahkan klik gambar berikut saat anda berada di kotak postingan.





Kemudian pilih, Browse dan pilih gambar yang ingin anda upload, setelah itu anda bisa juga memilih tampilan gambar tersebut apakah disebelah kiri, kanan atau tengah dari text yang anda buat. Jangan lupa klik upload gambar
.

Atau bisa juga anda melakukan sharing gambar dari situs lain, misalnya gambar yang sudah anda upload di photobucket di tampilkan di postingan blogger. Yaitu pada saat anda klik gambar diatas, masukkan alamat gambar dari photobucket pada kotak Url yang sudah ada.


Template Classic

Berikut adalah cara untuk merubah template Standar blogger menjadi bentuk classic.
  • Setelah login di blogger, lalu pilih Layout dari Blog anda.
  • Kemudian pilih Template



  • Lalu pilih Edit HTML, lihat pada bagian bawah dan klik Kembali ke template klasik

  • Kemudian copy Code HTML yang telah anda Download tadi, dan blok semua kode diatas lalu paste. Artinya semua Code HTML diatas anda ganti dengan Code yang telah anda download lalu Simpan. "Selamat mencoba".

Buat blog di blogger

Ngeblog, yap..! suatu kata yang enak di dengar, tapi beda lho dengan blok, memang bunyinya sama tapi makna nya beda. blog yang ini maksudnya kita membuat semacam diary atau tulisan-tulisan apa saja yang kita mau terus di online kan alias bisa dilihat oleh semua pengguna internet di seluruh dunia. Lalu apa gunanya ngeblog? Blog saat ini merupakan sebuah komunitas yang sangat luas dan ramai dibicarakan. Karena selain gratis, kita bisa merubah tampilan blog menurut selera kita masing-masing. Masing-masing web blog menyediakan fitur yang berbeda-beda, bahkan nantinya nama domain blog bisa diupgrade menjadi domain milik sendiri.

Ini adalah tutorial cara membuat blog di blogger. Blogger ini merupakan blog milik google yang support dengan html dan javascript, jadi bila anda ingin mengutak-atik layout / tampilan dan menambah fitur-fitur lain, blog ini sangat cocok sekali. Jadi yang hobi tulis-tulis, jangan sia-siakan minat anda, siapa tahu nanti menjadi seorang penulis terkenal.

Untuk bisa membuat blog di blogger, anda harus punya Account atau email di google yang bernama gmail, bagi yang belum punya silahkan daftar disini. Setelah anda berhasil punya email di gmail kemudian buka blogger.com, akan tampil gambar seperti dibawah ini:



Kemudian anda cukup masukkan email / Account gmail dan password pada kota yang tersedia. dan klik tulisan Ciptakan sebuah Blog lalu akan tampil gambar berikut.



Setelah itu isi judul blog, dan alamat blog yang anda inginkan, jangan lupa isi verifikasi kata yang telah disediakan dan jika berhasil lalu klik Lanjutkan. Kemudian silahkan pilih layout atau tampilan yang anda inginkan.Dan sekarang berada pada halaman utama(Dashboard). Bila belum berhasil ulangi lagi sampai anda berhasil dan siap untuk membuat posting. Di blogger anda bisa membuat blog lebih dari satu hanya dengan punya satu gmail.


Selasa, 28 Agustus 2007

Langkah membuat Layout

Membuat layout atau skin baik untuk blogger maupun friendster, layaknya membuat web atau lebih akrabnya dikenal dengan web desain. Karena dari situlah kita bisa mengembangkan kreasi dan inovasi untuk merancang sebuah tampilan web.

Lalu apa saja yang harus kita ketahui untuk membuat web desain atau template ? Nah secara global kita harus mengenal beberapa hal sebagai berikut :

  1. Mengenal perintah HTML
  2. Menggunakan program Photoshop atau program desain lainnya untuk mendesain rancangan kita. Jadi bagi yang belum tahu sebaiknya belajar dulu program photoshopnya.
  3. Menggunakan program editor seperti Macromedia Dreamweaver untuk mengolah dan mengedit HTML.
  4. Memahami perintah CSS (Cascading Style Sheet), yang merupakan perintah singkat untuk memformat text maaupun object yang digabung dengan perintah HTML.
  5. Mengenal perintah dasar dari blogger template maupun friendster.

Desain Template blogger

Template yang dibuat diatas adalah untuk pengguna blogger.com dan sengaja kami rancang untuk resolusi komputer 800 x 600 pixel, artinya template yang aku buat kecil yaitu ukuran 780 x 900 pixel. Memang sekarang sudah banyak monitor dengan resolusi lebih besar dari itu. Tapi kami yakin tidak semua beralih ke monitor yang lebih besar.


Selain itu settingan monitor juga berbeda-beda, ada yang ukuran 800 x 600 pixel dan ada juga yang 1024 x 768 pixel. silahkan cek monitor komputer anda seperti dibawah ini :



Untuk menampilkan gambar diatas, klik mouse kanan di desktop komputer anda, dan pilih settings, maka akan tampil gambar diatas, dan lihat pada screen area. Maksudnya begini. Kalau aku merancang template dengan ukuran besar, maka akan terlihat bagus hanya untuk ukuran resolusi monitor yang besar (1024 x 768 px), sedangkan kalau dilihat dengan monitor 800 x 600px, maka tidak semua halaman dapat terlihat. Tapi kalau aku merancang template dengan ukuran kecil , maka akan terlihat bagus pada monitor resolusi kecil (800 x 600 px), dan besar (1924 x 768px). Jadi lebih bagus kalau ukuran templatenya kecil. Tapi itu juga tergantung anda masing-masing apakah membuat template untuk resolusi monitor yang besar atau kecil.

Senin, 27 Agustus 2007

Membuat status YM di Web

Ini adalah cara membuat status Yahoo Messenger di web anda, sehingga jika anda sedang online chatiing di Yahoo Messenger, maka akan nampak di blog anda status online. contohnya seperti ini:



Langkahnya sangat mudah, anda hanya cukup masukkan kode dibawah ini dalam blog atau web anda .
<a href="http://messenger.yahoo.com/edit/send/?.target=farmin1508&.src=pg">
<img src="http://opi.yahoo.com/online?u=farmin1508&amp;m=g&t=2" /></a>

Keterangan : Text yang berwarna kuning anda ganti dengan email yahoo anda. Mudah bukan...!!!.

Minggu, 26 Agustus 2007

Variasi Tabel HTML (3)

Berikut adalah beberapa variasi tabel yang lain, perhatikan text yang dicetak tebal.

A. Variasi garis tabel tipis
<TABLE STYLE="BORDER-COLLAPSE:COLLAPSE;" border="1">
<TR>
<TD>IDE</TD><TD>KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD>INOVATIF</TD>
</TR>
</TABLE>

Hasilnya :
IDEKAMU
YANGINOVATIF



B. Garis tipis dan berwarna
<TABLE STYLE="BORDER-COLLAPSE:COLLAPSE;" bordercolor="red" border="1">
<TR>
<TD>IDE</TD><TD>KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD>INOVATIF</TD>
</TR>
</TABLE>

Hasilnya :
IDEKAMU
YANGINOVATIF

Jumat, 24 Agustus 2007

Fasilitas Video Blogger

Ya. ini Inovasi baru dari blogger yaitu fasilitas video yang bisa kita pasang di postingan kita. anda bisa memasang berbagai video yang anda sukai dengan format AVI, MPEG, QuickTime, Real, dan Windows Media, dengan ukuran maksimal sampai 100 MB. Pada saat posting lihat disebelah kanan ikon upload gambar, yaitu tambah video dan silahkan ambil video yang anda sukai.

Jangan mau ketinggalan yuk kita pasang Video di blog kita.

Ikan paus lagi jalan-jalan cari angin


Gurita lagi laper


Pertukaran Banner

Kalau kita membuka web blog / blog orang lain, kebanyakan berisi banner atau gambar yang menunjukkan identitas pemilik dari blog atau web tersebut. Tampilan tersebut dinamakan banner. Contohnya seperti ini . Sekarang kita akan membuat bagaimana banner dipasang dan membuat yang bisa dicopy oleh orang lain untuk dipasang di blog mereka.


  1. Buat gambar dengan ukuran kecil, kalau banner saya berukuran 80 x 25 pixel di program photoshop, bisa juga di program Flash (untuk gambar animasi).
  2. Kemudian simpan gambar tersebut menjadi file JPG kalau di Photoshop, atau file Gif kalau anda buat banner di flash.
  3. Kemudian mendaftar di situs penyedia upload gambar gratis seperti imageshack atau photobucket.
  4. Setelah mendaftar lalu, upload gambar anda, kemudian cari kode HTML yang disediakan dan tempatkan di blog anda, supaya banner tersebut nampak di bloganda.
  5. Kemudian untuk membuat kode yang dicopy oleh orang lain, gunakan kode dibawah ini atau anda blok lalu di copy :
<form name="copy"><input value="Copy Kode" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="100" cols="55" style="width: 120px; height: 80px;" name="txt" wrap="VIRTUAL"><a href="http://primasoft.blogspot.com" target="_blank"<>br/>
<img src=" http://i191.photobucket.com/albums/z75/masprim/ss.gif" border="0" width="80" height="25" /></a>
<br /></textarea></form>

Keterangan :
Text yang berwarna biru anda ganti dengan Kode yang diambil dari imageshack atau photobucket. Hasilnya kira-kira seperti dibawah ini.



Kamis, 23 Agustus 2007

Variasi Tabel HTML (2)

Dibawah ini adalah variasi tabel yang lain.

A. Lebar kolom & tinggi baris
<TABLE border="1">
<TR height="60">
<TD width="50">IDE</TD><TD width="200">KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD>INOVATIF</TD>
</TR>
</TABLE>

Keterangan :
TR height adalah tinggi baris
TD width adalah lebar kolom

Hasilnya :
IDEKAMU
YANGINOVATIF



B. Perataan text dalam tabel
Bila tabel tidak diatur tinggi dan lebarnya, maka secara default textnya berada di tengah kiri, bila ingin mengatur posisi textnya maka perintahnya sebagai berikut. Perhatikan text yang dicetak tebal.
<TABLE border="1" height="200" width="300">
<TR>
<TD VALIGN="top">IDE</TD><TD>KAMU</TD>
</TR>
<TR>
<TD>YANG</TD><TD><CENTER>INOVATIF</TD>
</TR>
</TABLE>

Hasilnya :
IDEKAMU
YANG
INOVATIF

Selasa, 21 Agustus 2007

Variasi tabel HTML (1)

Berikut adalah cara membuat variasi tabel HTML. Perintah dasarnya tetap sama yaitu <TABLE>. Untuk menambah perintah variasi tabel dapat diletakkan setelah <TABLE dan sebelum >. Perhatikan text yang dicetak tebal.

A. Ukuran garis tebal
<TABLE BORDER="3">
<TR>
<TD>HALLO</TD>
<TD>SEMUA</TD>
</TR>
</TABLE>

Hasilnya :
HALLOSEMUA

B. Garis tebal dan warna isi
<TABLE BORDER="4" BGCOLOR="MAGENTA">
<TR>
<TD>KEMANA</TD>
</TR>
<TR>
<TD>KAMU</TD>
</TR>
</TABLE>


Hasilnya :
KEMANA
KAMU
C. Lebar tabel dan tinggi tabel
Bila sebuah tabel tidak diberi perintah tinggi dan lebar, maka akan menyesuaikan dengan text yang di isikan, seperti contoh diatas. Namun bila ingin mengatur tinggi dan lebar tabel, berikut perintahnya.

<TABLE BORDER="1" WIDTH="150" HEIGHT="120">
<TR>
<TD>MARI</TD><TD>KITA</TD>
</TR>
<TR>
<TD>KERJA</TD><TD>KERAS</TD>
</TR>
</TABLE>

Hasilnya :
MARIKITA
KERJAKERAS


Minggu, 19 Agustus 2007

Apa sih 3 stanza

Ngomong soal 3 stanza, langsung terfokus ke lagu Indonesia Raya, saya selaku warga negara juga ingin berkomentar, ya paling tidak ikutan ngomonglah begitu. Aku sudah lihat dan dengar lagu tersebut, memang lagu ini agak lebih panjang dari yang sudah kita pakai. Dan masih menggunakan ejaan lama, terus dalam video itu terlihat para pejuang yang lagi berperang dan berbaris mengangkat senjata. Pokoknya seru.

Kalau menurut saya, gak usah diributin lagi mengenai penemuan Lagu tersebut yang katanya ditemukan oleh Roy Suryo, yang disebut-sebut sebagai Pakar Telematika Indonesia. Kita pakai aja yang sudah ada dan gak usah ganti-ganti, karena dari dulu yang kita tahu adalah yang 1 stanza, lagian kalau ada yang baru berarti kita harus ngapal lagi.

Memang, kalau kita buka sejarah banyak yang belum kita tahu, dan begitu kita tahu berarti akan menambah pengetahuan kita tentang sejarah terutama sejarah perjuangan bangsa Indonesia. Yang perlu kita lakukan adalah mengisi kemerdekaan dengan melakukan hal-hal yang berguna bagi bangsa dan negara menurut bidangnya masing-masing. "MERDEKA"

Lulusan Informatika tidak unggul?

Di petik dari acara e-Lifestyle yang ditaja Meutiya Hafid hari minggu kemarin pukul 12:00. Menurut Bernandho Hutabarat, seorang penulis buku Informasi Tekhnology sebagai nara sumber bahwa pendidikan informatika formal tidak menjamin seorang menjadi ahli bidang komputer. Menurutnya adanya Jurusan Teknik Informatika, Manajemen komputer dan sebagainya adalah sama, seperti halnya orang jualan yang mempunyai banyak produk sehingga pembeli bisa memilih produk yang disukai.

Hal ini juga terbukti bahwa yang tidak mengenyam pendidikan komputer pun bisa mengungguli orang yang lulusan formal, karena komputer bisa dipelajari oleh semua orang. Dan memang kalau kita melihat kenyataan, toh mereka yang udah lulus, nantinya kalau dapat kerjaan akan mulai dari nol, artinya hanya berapa persen ilmu yang mendukung dalam bidang kerjanya. Banyak atau sebagian besar orang kuliah hanya untuk mendapatkan gelar, sedangkan ilmu dan keahliannya perlu dipertanyakan. Karena sebenarnya yang paling penting itu adalah kreatifitas dan ide-ide baru dari mahasiswa untuk mengembangkan ilmunya, bukan sekedar menyandang gelar.

Kalau menurut saya, sebenarnya bukan hanya bidang komputer saja yang demikian, tapi hampir semua bidang baik ekonomi, hukum,dan sebaginya. Memang banyak orang yang kuliah untuk mencari gelar saja. Hal ini juga terbentuk dari konsep masyarakat kita sendiri yang masih memandang gelar sebagai sesuatu yang "wah". Sehingga kalau orang nggak punya gelar merasa terpinggirkan atau dipinggirkan. Padahal yang terpenting itu adalah keahlian dan skill yang dimiliki. Tapi ya, gimana ya...! Kalau di Indonesia, orang punya skill yang hebat tapi nggak ada gelar, susah cari kerja. Begitu juga kalau udah ada gelar, tapi skill nggak memadai, juga susah cari kerja. Jadi kesimpulannya gelar perlu dan keahlian / skill juga perlu.

Jumat, 17 Agustus 2007

Membuat Tabel HTML

Baiklah berikut ini adalah cara untuk membuat tabel dasar di HTML. Rumus dasar sebagai berikut :

<table>
<tr><td>TEXT</td></tr>
</table>

maka hasilnya seperti ini :
TEXT

Keterangan :
<tr> adalah baris
<td> adalah kolom

Bila membuat 2 kolom, maka perintahnya :
<table>
<tr>
<td>NO</td>
<td>NAMA</td>
</tr>
</table>

maka hasilnya seperti ini :
NONAMA


Bila membuat 3 baris, maka perintahnya :
<table>
<tr><td>NO</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
</table>

maka hasilnya seperti ini :
NO
1
2


Nah, sekarang kita buat 3 kolom 4 baris, maka perintahnya:
<table>
<tr>
<td>NO</td>
<td>NAMA</td>
<td>ALAMAT</td>
</tr>

<tr>
<td>1</td>
<td>Andi</td>
<td>Jl. Sudirman</td>
</tr>

<tr>
<td>2</td>
<td>Saputra</td>
<td>Jl. Kemiri No. 20</td>
</tr>

<tr>
<td>3</td>
<td>Sally</td>
<td>Jl. Kemuning No. 10</td>
</tr>

</table>
maka hasilnya seperti ini :
NONAMAALAMAT
1AndiJl. Sudirman
2SaputaJl. Kemiri No.20
3SallyJl. Kemuning No.10

Rabu, 15 Agustus 2007

YM Quran & Hadits

Wah.. rupanya di YM ada ya fasilitas untuk baca Qur'an, bahkan hasdits juga ada. Ini mungkin udah bukan hal yang baru, tapi bagi aku baru tahu nih. Wah aku memang selalu ketinggalan.

Bagi yang udah tahu diam aja ya, Kalau mau ini nih caranya. Buka YM dan login dengan email anda. Kemudian klik contacts, lalu Add contact, kemudian pada Yahoo ID or email Adress ketik quran.noble lalu next, dan next lagi dan Finish.



Lalu lihat di tampilan Messenger / tampilan nama-nama teman anda ada satu tampilan quran.noble, silahkan anda double klik dan ketik Help, maka akan tampil sebagi berikut:



Anda bisa juga memilih bahasa yang disediakan disana, misalnya malaysa dan lain-lain. Selamat membaca Alqur'an dan hadits, semoga akan menambah keimanan kita. Amin.

Chating Yahoo di Situs

Ingin chating dengan Yahoo messenger, tapi nggak ada software Yahoo messenger nya? Jangan kuatir saat ini www.Yahoo.com membuat alternatif bagi yang nggak punya program Yahoo Messenger di komputernya. Adalah Chatting via web yang disediakan di alamat ini http://messenger.yahoo.com. Anda cukup punya email di yahoo.com dan kemudian login di web tersebut. Lalu silahkan berchating ria dengan rekan-rekan anda.



Ini adalah tampilan awal Yahoo messenger Web.



Tapi kalau dilihat memang masih ada kekurangannya, karena untuk cari temen baru belum ada fasilitasnya, jadi mirip seperti google talk milik google. Jadi artinya cuma berlaku untuk nama-nama yang udah terdaftar di program Yahoo messenger seperti biasa. Mungkin masih dalam tahap pengembangan ya..! Sehingga untuk cari teman baru, ya harus pakai software yahoo messenger. Apakah teman-teman sudah menemukan untuk cari teman baru di web messenger? kasi info dong..!!

Lebih jauh dengan Mozilla

Pada tutorial sebelumnya, kami telah membahas tentang Mozilla, browser pilihan yaitu tentang kelebihan dan keunggulan dari browser tersebut. Nah, sekarang kita akan mengenal lebih jauh tentang mozilla firefox ini yang merupakan browser gratis dan kaya akan fitur.


Ciri khas dari awalnya yaitu program ini cukup mengaktifkan 1 program dalam komputer anda. Sedangkan untuk mengaktifkan alamat situs lain, cukup menggunakan tabulasi atau tekan Ctrl T. Hal ini akan mengurangi banyaknya program yang tampil dalam desktop komputer anda.
Kemudian yang menariknya lagi, mozilla mendukung perintah javascript, sehingga bagi para web desiner maupun blogger akan mudah mengutak-atik perintah javascript tersebut di browser mozilla.

1. Setting Bookmarks
Pernah mengunjungi situs yang menarik ? pada waktu anda mengunjungi situs tersebut, rupanya anda sedang sibuk sekali sehingga anda ingin membukanya kembali di lain waktu. Nah sebaiknya anda simpan saja alamat situs tersebut. Anda tidak perlu meng-copy alamat situs tersebut dan di copy ke program Word, kemudian baru anda buka kembali. Tapi anda bisa menggunakan fasilitas bookmarks untuk menyimpan situs favorit anda. Caranya : klik Bookmarks, lalu klik bookmarks this page. Kemudian bila anda ingin membukanya tinggal buka bookmarks, maka akan tampil alamat situs yang sudah anda bookmarks.

2. Solusi install Flash Player
Pada saat anda selesai mendownload Mozilla dan menginstallnya di komputer anda, kemudian buka satu situs internet, sebagai contoh buka saja www.detik.com. Alhasil, anda sudah siap menggunakan browser mozilla di komputer anda, namun ada beberapa fasilitas atau plugin yang belum sepenuhnya terinstall di kompuer anda, misalnya fasilitas untuk menampilkan animasi, sehingga gambar-gambar animasi yang muncul cuma sekedar tombol atau gambar suatu object. Solusinya cukup klik tombol tersebut, dan silahkan install plugin tersebut lalu tunggu beberapa menit sampai install selesai.

Yuk pakai google Desktop




Fitur yang satu sangat bagus untuk komputer anda. Namanya google desktop yang merupakan produk google yang terbaru. Lalu apa dan bagaimana dengan fitur ini. Fitur ini dapat anda download gratis di GoogleDesktop.

Setelah anda download silahkan install di komputer anda dan tampilan awal ada disebelah kanan layar komputer anda. Lalu apa saja fasilitas yang ada di sana.



  1. Catatan pesan, anda dapat membuat catatan penting untuk pekerjaan anda sehingga begitu melihat layar komputer maka akan terlihat apa pekerjaan penting yang telah anda catat.
  2. Slide gambar, gambar-gambar yang ada di komputer anda akan muncul secara bergantian
  3. Penunjuk waktu, ada juga jam yang tampil dengan ukuran besar
  4. Penunjuk peta, yaitu peta atau wilayah yang diambil dari Google Map
  5. Pencarian, yaitu fasilitas search engine seperti di google yang mana kita bisa langsung mengetikkan text yang kita inginkan pada kotak pencarian tersebut.
  6. Petunjuk PC, dengan fasilitas ini anda bisa mengetahui bagaimana keadaan PC yang sedang anda gunakan termasuk CPU, memori dan lain sebagainya.
  7. Berita dari Google News, fasilitas ini menampilkan berita terbaru dari google news, tapi ya tentu dalam bahasa inggris dong.
Dan masih banyak lagi fasilitas yang disediakan. Anda penasaran..?, silahkan download di http://desktop.google.com. Tampilannya dapat anda pilih dengan mengklik ikon yang ada disebelah kanan.

Senin, 13 Agustus 2007

Mozilla, Browser pilihan

Do you know about Mozilla? Yup..! mungkin selama ini anda sering pakai Internet Explorer untuk browsing atau surfing. Dan IE memang lebih dominan pemakainya karena program ini memang bawaan dari Microsoft windows. Artinya kalau anda menginstall Windows, secara otomatis akan terinstall juga Internet Explorer.
Nah rupanya untuk browsing di internet ada browser lain yang tidak kalah menariknya yaitu Mozilla Firefox atau si rubah merah. So, apa kelebihan dari si rubah merah ini. Ada beberapa kelebihan dibanding dengan browser lain, yaitu antara lain:

  • Merupakan software Open Source, yaitu software yang tidak akan kena razia, karena merupakan produk bebas yang boleh di sebarkan / didistribusikan secara luas.
  • Mendukung bahasa Java script, HTML dan XML
  • Mempunyai tingkat keamanan yang lumayan canggih dari serangan virus.
  • Mempunyai tampilan dengan model Tabulasi, sehingga untuk membuka beberapa window atau situs, tetap berada dalam satu program Mozilla. Jadi makin mengurangi tampilan di Status Bar windows.
  • Untuk yang sering buka alamat internet pakai akhiran Com, Mozilla Firefox masih mendukung perintah tersebut yaitu cukup ketik nama alamat internet dan tekan Ctrl serta Enter sekaligus, maka akan keluar http://www.alamat.com secara otomatis.
  • Mempunyai kecepatan yang lebih baik dari browser lain dan bila terjadi crash atau hang pada komputer kita, maka pada saat membuka mozilla program bisa menampilkan tampilan terakhir dari apa yang kita buka.

Kalau banyak kelebihannya, tunggu apalagi, mari kita coba pakai browser alternatif yang gratis yaitu mozilla. Download gambar di atas.

Apa itu internet ?

Internet adalah kependekan dari International Networking, yang artinya jaringan komputer berskala internasional/global yang dapat membuat masing-masing komputer saling berkomunikasi.

Fasilitas yang ada di internet antara lain :
1. Browsing yaitu mencari informasi di internet dari sebuah alamat internet atau website. Misalnya www.liputan6.com atau www.kompas.com dan lain sebagainya.
2. Email kepanjangan dari Elektronik Mail yaitu fasilitas untuk mengirim dan menerima pesan atau data.
3. Chatting, yaitu fasilitas yang digunakan untuk berkomunikasi secara langsung dari para pemakai internet diseluruh dunia.
4. Forum adalah fasilitas yang digunakan untuk berdiskusi tentang suatu topik atau bahan tertentu yang di kelola oleh administrator / pihak yang mengadakan forum tersebut.
5. Milis adalah fasilitas dari email yang mana email dapat berlangganan informasi dari sebuah situs atau web tertentu dan akan dikirim setiap hari, minggu maupun bulan.

Selain itu sesuai dengan perkembangannya internet juga dapat digunakan untuk menampilkan siaran TV, radio dan juga untuk koneksi ke handphone.

Minggu, 12 Agustus 2007

Mendandani Web

Layaknya seorang gadis supaya nampak cantik harus didandani atau selalu berdandan. Begitu juga dengan web harus dirancang sebagus mungkin dan secantik mungkin supaya pengunjung betah melihat web kita dan nantinya akan kembali mengunjunginya. Ada beberapa perintah untuk memformat atau membentuk web kita supaya lebih bagus. Perintah tersebut tetap menggunakan < > dalam setiap perintahnya.



Berikut adalah sebagian dari perintah tersebut:
< B > ...... < /B > adalah cetak tebal.Text yang mau dicetak tebal berada dalam titik-titik diatas. Jadi titik-titik itu adalah text.
< U > ...... < /U > adalah text garis bawah.
< I > ...... < /I > adalah text cetak miring.
< CENTER > ...... < /CENTER >› adalah text rata tengah.
< BR > adalah membuat 1 baris baru (khusus untuk perintah ini tidak ada penutupnya). Jika jaraknya ingin agak ke bawah perintah < BR > boleh diperbanyak.

Nah ,baiklah sekarang kita praktekkan di Notepad. Ketik perintah berikut:
<HTML>
<HEAD>
<TITLE> Mempercantik tampilan Web</TITLE>
</HEAD>

<BODY>
Selamat datang di Taman Pancing Lembah Sakura. Tempat yang cocok bagi <U>anda</U> bersama <I>keluarga</I> untuk menikmati akhir pekan atau liburan anda. Kunjungi dan bersantai bersama kami dengan keindahan alamnya, panorama perbukitan dan memancing sepuasnya.
</BODY>
</HTML>

Setelah itu simpan dengan nama WELCOME.HTML lalu buka di Internet Explorer.
Silahkan anda tentukan text yang lain dengan perintah berikut :

<FONT COLOR=BLUE>.........</FONT> adalah untuk warna text. Blue bisa anda ganti dengan yang lain misalnya : green, red, brown, magenta, cyan, dan lain sebagainya. Ingat setiap perintah baru dan mau anda lihat di Internet Explorer harus anda simpan lebih dulu.

<FONT SIZE=5>.........</FONT> adalah ukuran text. angka tersebut bisa anda ganti dengan angka lain, maksimal sampai 8.

<BODY BGCOLOR=CYAN> adalah warna background. Perintah ini anda jadikan satu dengan <BODY> yang sudah ada. Artinya tidak ada perintah <BODY> dan <BODY BGCOLOR=CYAN>. Yang ada cuma 1 yaitu <BODY BGCOLOR=CYAN>. Warna bisa anda tukar dengan yang lain.

<MARQUEE>.......... </MARQUEE> adalah text bergerak. Misalnya text WELCOME mau anda gerakkan, perintahnya menjadi :

<MARQUEE><CENTER>
WELCOME</CENTER></MARQUEE> Selamat mencoba....!!!

Inilah dasar HTML

Perintah HTML dapat dibuat dalam beberapa program editor, misalnya : Notepad, Edit Plus, Front Page, dan Macromedia Dreamweaver. Program editor diatas tidak semuanya ada dalam program windows. Kalaupun ada itu harus di install terlebih dahulu. Ada satu program yang memang bawaan windows dan selalu ada di windows setelah windows tersebut di install dalam komputer kita yaitu Notepad. Artinya dengan Notepad pun kita bisa merancang Web sederhana.


Dibawah ini kita akan belajar bagaimana merancang web dengan bahasa HTML di Notepad. Pertama buka Notepad, caranya pasti sudah tidak asing lagi kan, yaitu di dalam Accessories. Kalau masih bingung juga ini caranya:

  1. Pertama buka Start.
  2. Program, Accessories,
  3. dan pilih Notepad

Perintah HTML dapat ditulis dalam huruf besar ataupun huruf kecil. tidak seperti perintah XML yang harus ditulis dalam huruf kecil. Perintah HTML diawali dengan sesuatu yang disebut tag, yaitu tanda < > , misalnya <HTML>. Jadi semua perintah harus pakai < > . Selain itu kebanyakan perintah HTML selalu berpasangan, artinya ada perintah pembuka dan perintah penutup. Perintah penutup memakai /atau slash (=baca slesh) . Sehingga kalau perintah awalnya <HTML> maka penutupnya adalah </HTML>.

Bentuk dasar perintah HTML

Panah diatas menunjukkan perintah pembuka dan penutup. Perhatikan semua perintah penutup memakai / (=slesh). Penjelasan perintah diatas sebagai berikut.

Nah, ada yang belumkan? yaitu yang memakai / atau slesh tadi. Sekali lagi itu artinya penutup. Jadi kalau pembukanya <HTML> berarti ya penutupnya adalah </HTML> dan begitu juga yang lainnya.

Coba sekarang anda ketik perintah diatas di Notepad. Kemudian simpan di komputer anda, boleh di My documents atau ditempat lainnya. Ingat nama penyimpanannya harus pakai exstensi HTML. Wah exstensi ! binatang apaan tuh? Exstensi adalah atribut atau bahasa gaulnya embel-embel lah. Jadi kalau disimpan dengan nama coba, ya menjadi coba.html , Oke kita sudah selesai sekarang dan tinggal menampilkannya di internet.

Untuk menampilkannya sebagai berikut:

  1. Buka Internet Explorer,
  2. File, open, browse
  3. Lalu cari file coba tadi, lihat sekarang file tersebut ada gambar e besar, itu artinya file HTML yang sudah menjadi Internet dan siap dibuka.
  4. Kemudian klik File tersebut dan Open, lalu OK
Dan lihat hasilnya. Untuk menambah text atau mengedit HTML, silahkan klik Notepad yang masih aktif tersebut dan tambah text di antara <BODY> dan </BODY> sesuka hati anda dan simpan kembali dengan Ctrl S, kemudian kembali lagi ke Internet Explorer dan klik Refresh.

Kenapa harus HTML

Teknologi terus berkembang, makin lama makin canggih dan selalu ada perubahan dari waktu ke waktu. Dari yang dulu sulit, sekarang makin mudah, yang dulu tidak mungkin sekarang jadi mungkin dan terbukti jadi nyata. Itulah teknologi.

Dulu sebelum ada windows, orang mengenal namanya DOS (Disk Operating System). Pengoperasiannya cukup menggunakan disket DOS untuk mengaktifkan sistemnya, Kemudian setelah aktif baru kita ganti disket aplikasi, kita mau buat surat (aplikasi WS) atau mau buat Tabel (aplikasi Lotus). Jadi DOS adalah sistem operasi layaknya windows seperti sekarang ini. Dan dulu tidak pakai mouse alias perintah nya diketik doang, jadi perintah harus di hapal di kepala, benar-benar harus punya daya ingat yang luar biasa.

Begitu juga dalam dunia web. Pembentuk perintah dasar web adalah HTML (Hypertext Markup Language). HTML ini adalah perintah dasar dalam membuat web layaknya sistem operasi DOS tadi, sehingga perintahnya ya harus dihapal. Dengan HTML kita bisa membuat tampilan web sederhana di internet yaitu berupa text, tabel, gambar dan lain sebagainya. Tapi ingat HTML hanya untuk menampilkan saja. Bukan untuk pemrograman, kalau ingin Web kita bersifat interaktif seperti adanya tanya jawab di internet (Forum), pesan dari pengujung (shoutbox), Penghitung web kita di baca orang (Hit counter), kita harus menggabungkan HTML dengan bahasa pemrograman lain.

Tapi tampilan web yang hanya menggunakan HTML ini mempunyai desain yang simpel, tidak ada variasi apapun. Kalau ingin tampilan dengan efek-efek warna yang banyak, kita harus menggunakan program lain seperti photoshop. Jadi kesimpulannya HTML ini digunakan untuk merancang tampilan web yang sederhana dan bisa digabung dengan perintah pemrograman lain.

Web yang kita buat bisa mempunyai kesan interaktif tanpa harus mengenal kode-kode program dan HTML yang ribet dan memusingkan kepala. Yaitu mengambil kode dari situs yang menyediakan forum, shoutbox atau hit counter yang banyak tersedia di internet secara gratis. Jadi kalau begitu kenapa kita harus mengenal HTML? ya jawabannya begini.

  1. Kalau mengambil kode dari yang lain tentu ada keterbatasannya dan setidaknya kita mencamtukan situs penyedia tersebut. Artinya kita tidak bisa seenaknya merubah kode-kode yang telah disediakan.
  2. Kalau untuk web pribadi bolelah menggunakan kode-kode tersebut, bagaimana kalau ingin membuat situs penjualan barang, tentu kita harus merancang sendiri kode-kode programnya menurut kebutuhan kita.
  3. Dengan HTML kita bisa mengatur tampilan menurut yang kita kehendaki, karena mungkin banyak yang memakai template yang telah disediakan seperti dalam blog ini, tapi tidak sesuai ukuran nya, jadi dengan HTML kita bisa merubah ukuran/layout dan warna sesuai yang kita kehendaki.
Apalagi bagi yang berkecimpung di dunia web dan ingin menjadi web master tentu harus mengenal HTML. Jadi mari kita mengenal HTML, walaupun kita bisa membuat web yang kita rancang layoutnya akan keluar sendiri kode HTML nya, misalnya menggunakan Macromedia Dreamweaver, front page dan lain-lain.