Modifikasi list | angka dan huruf

cara memodifiasi tampilan type huruf besar

Letters list:
<ol type="A">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>

Maka Hasilnya
Letters list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

cara memodifiasi tampilan type huruf kecil

Lowercase letters list:
<ol type="a">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>

Maka Hasilnya :
Lowercase letters list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

cara memodifiasi tampilan type huruf romawi besar

Roman numbers list:
<ol type="I">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>

Maka Hasilnya
Roman numbers list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

cara memodifiasi tampilan type huruf romawi kecil

Roman numbers list:
<ol type="i">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>

Maka Hasilnya :
Roman numbers list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

Read more »

Modifikasi list | disc,circle, dan square.

Pada tips sebelunya kita saya sudah membicarakan tentang cara membuat tulisan Membuat susunan tulisan berurutan (list), nah sekarang sedikit tips untuk memodifikasi tampilannya.

cara memodifiasi tampilan type disc

Disc bullets list:
<ul type="disc">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>

Maka Hasilnya :

Disc bullets list:

• Apples
• Bananas
• Lemons
• Oranges

cara memodifiasi tampilan type circle

Circle bullets list:
<ul type="circle">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>

Maka Hasilnya :

Circle bullets list:

• Apples
• Bananas
• Lemons
• Oranges

cara memodifiasi tampilan type square

Square bullets list:
<ul type="square">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>

Maka Hasilnya :

Square bullets list:

• Apples
• Bananas
• Lemons
• Oranges

Read more »

Membuat susunan tulisan berurutan (list)

Cara ini bisa saja secara otomatis dapat di buat ketika sobat membuat tulisan di bagian postingan, tapi ketika sobat ingin membuatnya di sidebar, anda harus menuliskannya secara manual.

Nah..berikut tips sederhana untuk sobat:

<ul>
<li>List baris pertama</li>
<li>Untuk yang kedua</li>
</ul>

Hasilnya :

• List baris pertama
• Untuk yang kedua

Untuk memodifikasi tampilan bulletnya bisa sobat coba disini

<ol>
<li>List baris pertama</li>
<li>Untuk yang kedua</li>
</ol>

Hasilnya :

1. List baris pertama
2. Untuk yang kedua

Untuk memodifikasi tampilan menjadi huruf bisa sobat coba disini

<dl>
<dt>Daftar</dt>
<dd>- daftar dalam daftar 1</dd>
<dt>Daftar 2</dt>
<dd>- daftar dalam daftar 2</dd>
</dl>

Hasilnya :

Daftar

- daftar dalam daftar 1

Daftar 2

- daftar dalam daftar 2

Read more »

Apa itu BackLink

Apa itu BackLINK

Menurut Wikipedia, Backlink merupakan:

Backlinks (or back-links [UK]) are incoming links to a website or web page. Inbound links were originally important (prior to the emergence of search engines) as a primary means of web navigation; today their significance lies in search engine optimization (SEO). The number of backlinks is one indication of the popularity or importance of that website or page (though other measures, such as PageRank, are likely to be more important). Outside of SEO, the backlinks of a webpage may be of significant personal, cultural or semantic interest: they indicate who is paying attention to that page.

Backlink ini merupakan “incoming link” atau link masuk untuk website kita. Kalau ikut bahasa pasarnya, url website kita berada di website atau blog orang lain.

Backlink dapat diperoleh dengan :

Orang buat review terhadap produk atau website kita, kemudian mereka letak link url kita di dalam review post tersebut.
Apabila kita sponsor sesuatu theme, link kita diletakkan di footer theme tersebut.
Apabila link kita diletakkan di blogroll di blog-blog orang lain.
Melalui comment-comment di blog orang lain dengan meletakkan url website kita.
Signature atau post di forum-forum yang kita join dengan meletakkan url website kita

Backlink juga adakalanya dikenal sebagai Inbound link atau incoming link. Inbound link ini sangat penting untuk penentuan ranking search engine (SERP - search engine ranking position) karena setiap seach engine memiliki algorithmsnya tersendiri untuk menakar berapa jumlah Backlinks sesuatu website atau halaman yang ada dan sekaligus akan memberikan rank dan position yang lebih tinggi menurut kualifikasi website atau halaman itu sendiri.

Dalam arti kata lain, makin banyak backlink sesuatu website tersebut, maka makin populer website tersebut sekaligus segala isi (content) yang berada dalam website tersebut dianggap penting dan relevent oleh sesuatu algorithms search engine.

Mengetahui jumlah Backlink website Anda.

Ada banyak cara untuk menilai berapa banyak jumlah backlink yang website anda ada. Hal ini penting untuk diketahui karena sebagai pemilik website, Anda harus berusaha menambahkan sebanyak backlink yang ada.

Antara tool gratis yang ada untuk check jumlah backlink website anda adalah Backlink Watch;

http://www.backlinkwatch.com/index.php

Apa yang harus Anda lakukan adalah dengan memasukkan url website anda klik "Check Backlinks. Jika website Anda memiliki backlink, maka secara otomatis ia akan mengira dan menampilkan dari mana backlink tersebut datang.

Cara ini juga digunakan oleh pengalisa-penganalisa SEO untuk "spy" website pesaing mereka. Dengan itu mereka akan terus meningkatkan usaha menambahkan Backlinks ke website mereka. Selesai.

Read more »

Membuat akun di Googe - email di gmail.com

Membuat Email Baru Di Gmail.
Gmail adalah layanan email gratis dari Google. Layanan ini dilengkapi dengan fasilitas yang canggih dan kapasitas penyimpanan yang berlimpah.

Bayangkan, setiap akun email diberi kapasitas penyimpanan sebesar 6GB lebih. Dengan kapasitas penyimpanan sebesar ini. Anda tidak perlu menghapus email lama Anda. Bahkan Anda dapat menyimpan mp3 disini. Cara membuka akun baru di Gmail sangatlah mudah. Anda cukup meluangkan waktu Anda 5 menit dengan mengikuti panduan dibawah ini.

Langkah pertama, ketikan http://gmail.com pada address browser Anda . Lihat bagian sebelah kanan. Klik tulisan “Sign up for Gmail” untuk membuat email baru. (lihat gambar)

Langkah kedua. adalah mengisi formulir pendaftaran email baru. Berikut adalah keterangan dari bagian yang perlu Anda isi:

• First Name: Isikan dengan nama depan Anda
• Last Name: Isikan dengan nama belakang Anda
• Desired Login Name: Isikan dengan nama email yang Anda mau. Misalkan saya mendaftar dengan nama keuangan.pribadi, maka akun email baru saya adalah keuangan.pribadi@gmail.com. Nama email harus unik, maka Anda harus memeriksa apakah nama email yang Anda inginkan sudah dipakai oleh orang lain atau belum. Jadi setelah Anda mengetikan nama email yang Anda inginkan, tekan tombol “check availibility!”. Jika ternyata Gmail menyatakan bahwa nama email Anda “unavailable”, berarti nama email ini sudah digunakan oleh orang lain. Anda harus mengganti ke nama email lain. Anda dapat meneruskan bila nama email Anda belum pernah digunakan oleh orang lain (available).
• Choose a password: Masukan password untuk login ke email Anda. Minimal 8 huruf atau angka.
• Re-enter password: Ulangi password Anda disini untuk mencegah kesalahan ketik.
• Remember Me on this computer: Merupakan layanan untuk login secara otomatis. Jangan dicentang apabila Anda sedang berada di warnet.
• Enable Web History: Merupakan layanan untuk login secara otomatis juga, namun fungsinya lebih ke hasil searching di Google. Jangan dicentang apabila Anda sedang berada di warnet.
• Security Question: Adalah pertanyaan yang akan ditanyakan oleh Gmail apabila Anda lupa password. Gunakan pertanyaan dengan jawaban yang Anda ingat. Misalnya apa binatang kesayangan saya
• Answer: Adalah jawaban dari pertanyaan security Anda. Anda harus menjawab dengan kata yang Anda masukan disini, barulah Gmail memberikan password Anda.
• Secondary email: Alamat email Anda yang sedang aktif. Tidak harus diisi. Hanya digunakan pada bila Anda lupa password.
• Location: lokasi Anda (Indonesia)
• Word verification: ketikan huruf pada gambar
• Term of service: Anda dapat membaca aturan penggunaan Gmail disini.

Langkah ketiga, setelah mengisikan seluruh informasi yang diminta, tekan tombol “I accept. Create my account”. Selamat. Akun email baru Anda telah selesai dibuat. Klik link “I’m ready. Show me my account” pada sebelah kanan untuk masuk ke akun gmail baru Anda.

Read more »

Membuat Blog Gratis di Blogspot

Untuk membuat sebuah blog sangat mudah, disini saya akan memberikan langkah-langkah dasar dalam membuat blog. Namun perlu juga saya terangkan bahwa banyak sekali penyedia layanan blog gratis yang dapat digunakan untuk membuat blog seperti :

1. Wordpress.com
2. Blogger.com
3. Xanga.com
4. Blogsome.com
5. Multiply.com
6. Blogdrive.com
7. Plasa (blog2.plasa.com) --- Indonesia
8. My Opera (my.opera.com)
9. Friendster.com
10. dan masih banyak lagi

Namun Disini saya akan menggunakan blogger.com (google) untuk membuat sebuah blog sederhana karena pertimbangan bahwa blogger adalah bagian google yang notabene adalah search engine terpopuler yang ada sehingga tidak perlu lagi dipertanyakan kehandalannya.

Langkah-langkahnya :
Silahkan kunjungi http://www.blogger.com. Anda akan mendapatkan halaman seperti pada gambar dibawah.

Jika Anda sudah memiliki login di Google (akun email gmail.com), Anda tinggal login, maka Anda akan masuk ke Control Panel atau Panel Kontrol. Jika belum mempunyai akun gmail.com klik Membuat email di gmail

Oh ya, Anda bisa memilih bahasa, apakah Bahasa Indonesia atau bahasa Inggris.

Setelah Anda mengisi akun email (login) klik BUAT BLOG, maka akan muncul formulir seperti yang ada pada gambar dibawah ini.

Proses ini akan menciptakan account Google yang dapat Anda gunakan pada layanan Google lainnya. Jika Anda sudah memiliki sebuah account Google mungkn dari Gmail, Google Groups, atau Orkut.

Satu account Google bisa digunakan untuk mengakses semua fasilitas yang disediakan oleh Google.

Jika Anda sudah memiliki accout google, Anda bisa langsung login (masuk). Untuk login ke Google, Anda harus login dengan menggunakan alamat email.

Silahkan lengkapi.

1. Alamat email yang Anda masukan harus sudah ada sebelumnya. Anda akan dikirim konfirmasi ke email tersebut. Jika Anda menggunakan email palsu atau email yang baru rencana akan dibuat, maka pendaftaran bisa gagal. Anda tidak perlu menggunakan email gmail.com. Email apa saja bisa.
2. Lengkapi data yang lainnya.
3. Tandai "Saya menerima Persyaratan dan Layanan" sebagai bukti bahwa Anda setuju. btw Anda sudah membacanya? (^_^)

Setelah lengkap, klik tanda panah yang bertuliskan lanjutkan.

Jika Anda berhasil, Anda akan dibawa ke halaman seperti pada gambar dibawah ini :

Jika gagal?

Gagal biasanya karena verifikasi kata Anda salah. Itu wajar karena sering kali verifikasi kata sulit dibaca. Yang sabar saja, ulangi sampai benar. Saya sendiri sampai mengulang 3X.

Setelah Anda berhasil mendaftar, Anda akan dibawa ke halaman seperti yang ada pada gambar diatas. Sekarang Anda mulai membuat blog dengan mengisi nama dan alamat blog Anda.

Sebagai contoh, saya menamakan blog tersebut dengan nama Blog Tutorial. Saya memilih alamat blog dengan alamat http://bloggerblogku.blogspot.com

sebagai alaternatif, bisa juga http://bloggerblogku-contoh.blogspot.com.

Jika Anda membuat lensa dengan tujuan mempromosikan produk Anda atau produk afiliasi, maka dalam memilih nama, harus berisi nama produk atau jasa yang akan Anda tawarkan. Misalnya jika Anda ingin menjual ebook saya, Anda bisa memilih kata kunci seperti motivasi, sukses, berpikir positif, dan kata-kata kunci lainnya yang sesuai.

Anda juga bisa meneliti kata kunci yang paling banyak dicari orang (tentu harus berhubungan dengan produk yang Anda jual) di

https://adwords.google.com/select/KeywordToolExternal

Anda bisa mengecek ketersediaan alamat blog yang Anda pilih. Jika tersedia bisa Anda lanjutkan. Jika tidak tersedia, maka Anda harus kreatif mencari nama lain atau memodifikasi alamat yang sudah ada, misalnya ditambahkan abc, xzy, 101, dan bisa juga dengan menyisipkan nama Anda.

Lanjutkan dengan klik tanda panah bertuliskan LANJUTKAN.

Berhasil?

Tentu saja berhasil, memang mudah koq. Jika berhasil, Anda akan diarahkan ke halaman seperti yang ada pada gambar dibawah.

Pilihlah tema yang sesuai dengan selera Anda. Jika tidak ada yang sesui dengan selera Anda, jangan khawatir, nanti masih banyak pilihan tema yang bisa Anda install sendiri. Sekarang pilih saja tema agar proses pembuatan blog bisa diselesaikan. Anda bisa preview tema dengan klik gambarnya.

Untuk Memilih tema Anda klik (tandai) bulatannya o seperti pada gambar dibawah. Lihat yang saya tunjuk dengan panah merah buatan saya.

Setelah itu Anda klik tanda panah yang bertuliskan LANJUTKAN

Sekarang tinggal posting, pengaturan, dan tata letak

Selamat, sekarang Anda sudah memiliki sebuah blog. Sekarang Anda sudah mulai bisa memposting pemikiran Anda di blog dan dibagi ke seluruh dunia (eh Indonesia).

Memang masih ada beberapa hal yang harus Anda lakukan, yaitu pengaturan, tata letak, penambahan eleman, dan penggantian tema jika Anda menginginkan tema yang lain. Ini untuk tingkat lanjut.

Setidaknya, Anda sudah memiliki blog dan bisa posting. Hal ini sudah cukup untuk tahap awal. Untuk mendalami masalah Blog lebih dalam. Untuk tingkat selanjutnya, dengan blog yang telah ada, kita dapat memodifikasinya sehingga menjadi lebih menarik dan dapat dimanfaatkan lagi lebih jauh yaitu menjadikan blog sebagai sumber Uang melalui Bisnis Online (gratisan) yang banyak ditawarkan.

Read more »

Cara Setting Blog

Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :

• Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat
• Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
• Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar : 

• Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial
• Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog
  
• Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.
  
• Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya
  
• Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya
  
• Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa.
  
• Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)
  
• Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya
  
• Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)
• Klik tombol Simpan Pengaturan . 
• Selesai

• Klik Publikasi untuk mengatur menu Publikasi :
• Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.
• Klik tombolSimpan pengaturan.
  
• Selesai

•  Klik Format untuk mengatur menu format :
• Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.
  
• Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
• Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.
• Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.
• Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.
• Bahasa ⇒ Pilih bahasa yang di inginkan.
• Tampilkan Field judul ⇒ Pilih ya atau tidakpun tidak apa-apa 
• Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.
• Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa 
• Klik tombol Simpan Pengaturan. 
• Selesai 

• Klik Komentar Untuk mengatur menu komentar :
• Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung
• Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.
• Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.
• Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.
• Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.
• Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.
• Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.
• Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).
• Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.
• Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
• Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.
• Klik tombol Simpan Pengaturan. 
• Selesai 

• Klik Arsipkan Untuk mengatur menu Arsipkan : 
• Frekuensi Arsip ⇒ pilih Bulanan. 
• Aktifkan Halaman Posting? ⇒ pilih ya.
• Klik tombol Simpan Pengaturan . 
• Selesai. 

• Klik Feed Situs untuk mengatur menu feed situs : 
• Izinkan Feed Blog ⇒ pilih Penuh.
• Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.
• Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.
• Klik tombol Simpan Perubahan. 
• Selesai.

Read more »

Mengatur Huruf dan Warna dalam Blogspot

Untuk para blogger baru, sobat akan menikmati fasilitas baru dari blogger.com, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan : (ini khusus untuk template "minima")

1. Page Background color >> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai
2. Text Color >> pengaturan warna hurup dari posting-an
3. Link Color >> pengaturan warna hurup yang di link
4. Blog Title Color >> pengaturan warna hurup judul Blog
5. Blog Description Color >> pengaturan warna hurup deskripsi blog
6. Post Title Color >> pengaturan warna hurup judul posting-an
7. Border Color >> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah
8. Sidebar Title Color >> pengaturan warna hurup judul yang anda di sidebar (kolom samping)
9. Sidebar Title Color >> pengaturan warna hurup yang ada di sidebar(kolom samping)
10. Visited link Color >> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link
11. Text Font >> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar
12. Sidebar Title Font >> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan
13. Blog Title Font >> pengaturan jenis hurup Judul blog
14. Blog Description Font >> Pengaturan jenis hurup dekripsi blog
15. Post Footer Font >> pengaturan jenis hurup footer (contoh : posted by )
16. Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. 
17. Selesai

Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah.

Read more »

Upload Gambar dan Foto Profile

Agar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an kita tersebut, di samping untuk lebih memperjelas apa yang kita sampaikan. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi anda-anda yang masih bingung bagaimana caranya untuk memasukan gambar atau istilah resminya yaitu upload gambar, maka akan saya ulas langkah-langkahnya :

1. Login seperti biasa dengan id anda
2. Klik Posts
3. Klik New Post (bila sebelumnya anda telah mempunyai posting-an)
4. Klik toolbar yang bergambar seperti ini
5. Beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right. Beri tanda tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large.
6. Beri tanda ceklis di samping tulisan Use this layout every time bila anda menginginkan setiap upload gambar settingnya seperti semula
7. Tekan tombol Browse, lalu masukan gambar dari komputer anda yang ingin di upload.
8. Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar
9. Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai
10. Klik Tombol Done untuk mengakhiri proses upload

Setelah proses upload anda selesai, untuk melihat gambar tadi, klik tombol Compose. Nah disini anda bisa melihat gambar yang anda upload tadi sekaligus dapat mengatur kembali ukuran dari gambar ini, caranya yaitu klik gambar tersebut sampai gambar anak panah mouse anda berubah menjadi gambar panah empat penjuru. Arahkan mouse pada garis samping gambar sampai gambar mouse berubah menjadi panah dua arah, tekan tombol mouse lalu tahan dan gerakan kearah kiri atau kanan untuk merubah lebar gambar, bila susah sesuai dengan yang anda inginkan lepas tombol yang anda tahan tadi. Untuk mengatur tinggi gambar, arahkan mouse pada tepi bawah atau atas gambar sampai gambar mouse berubah menjadi anak gambar panah dua arah, tekan mouse lalu tahan kemudian gerakan mouse keatas atau kebawah untuk mengatur tinggi gambar, lepaskan mouse bila ukuran gambar sudah sesuai dengan yang anda inginkan.

Nah sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu kamu harus menghapus beberapa kode tersebut. Jika foto kamu sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto anda tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut:

1. Setelah upload gambar, klik menu Dasboard
2. Klik menu Edit Profile
3. Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah anda copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]
4. Klik Save Profile, maka foto anda yang cantik dan ganteng sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia
5. Selesai

Sebenarnya ada cara lain untuk mengisi foto Profile kita, yaitu dengan cara meng-upload (memasukkan) foto kita pada hosting lain, dan baru kemudian link URL foto yang kita dapat dari hosting tersebut di copy/paste ke profile yang ada di blogger/blogspot. Saya ambil contoh, biasanya saya menyimpan foto-foto saya di http://photobucket.com. jika anda mau silahkan daftarkan diri anda (gratis ko), apabila sudah selesai daftar dan bisa login, silahkan upload photo anda. Setelah proses upload foto selesai, maka secara otomatis foto tersebut akan di beri PHOTO URL, copy alamat link URL foto tersebut lalu paste di Profile Blogger.com pada kolom Photo URL setelah itu tinggal SAVE CHANGES dan REPUBLISH. Selesai, selamat mencoba.

Read more »

Upload Gambar dan Foto Profile

Agar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an kita tersebut, di samping untuk lebih memperjelas apa yang kita sampaikan. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi anda-anda yang masih bingung bagaimana caranya untuk memasukan gambar atau istilah resminya yaitu upload gambar, maka akan saya ulas langkah-langkahnya :

1. Login seperti biasa dengan id anda
2. Klik Posts
3. Klik New Post (bila sebelumnya anda telah mempunyai posting-an)
4. Klik toolbar yang bergambar seperti ini
5. Beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right. Beri tanda tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large.
6. Beri tanda ceklis di samping tulisan Use this layout every time bila anda menginginkan setiap upload gambar settingnya seperti semula
7. Tekan tombol Browse, lalu masukan gambar dari komputer anda yang ingin di upload.
8. Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar
9. Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai
10. Klik Tombol Done untuk mengakhiri proses upload

Setelah proses upload anda selesai, untuk melihat gambar tadi, klik tombol Compose. Nah disini anda bisa melihat gambar yang anda upload tadi sekaligus dapat mengatur kembali ukuran dari gambar ini, caranya yaitu klik gambar tersebut sampai gambar anak panah mouse anda berubah menjadi gambar panah empat penjuru. Arahkan mouse pada garis samping gambar sampai gambar mouse berubah menjadi panah dua arah, tekan tombol mouse lalu tahan dan gerakan kearah kiri atau kanan untuk merubah lebar gambar, bila susah sesuai dengan yang anda inginkan lepas tombol yang anda tahan tadi. Untuk mengatur tinggi gambar, arahkan mouse pada tepi bawah atau atas gambar sampai gambar mouse berubah menjadi anak gambar panah dua arah, tekan mouse lalu tahan kemudian gerakan mouse keatas atau kebawah untuk mengatur tinggi gambar, lepaskan mouse bila ukuran gambar sudah sesuai dengan yang anda inginkan.

Nah sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu kamu harus menghapus beberapa kode tersebut. Jika foto kamu sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto anda tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut:

1. Setelah upload gambar, klik menu Dasboard
2. Klik menu Edit Profile
3. Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah anda copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]
4. Klik Save Profile, maka foto anda yang cantik dan ganteng sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia
5. Selesai

Sebenarnya ada cara lain untuk mengisi foto Profile kita, yaitu dengan cara meng-upload (memasukkan) foto kita pada hosting lain, dan baru kemudian link URL foto yang kita dapat dari hosting tersebut di copy/paste ke profile yang ada di blogger/blogspot. Saya ambil contoh, biasanya saya menyimpan foto-foto saya di http://photobucket.com. jika anda mau silahkan daftarkan diri anda (gratis ko), apabila sudah selesai daftar dan bisa login, silahkan upload photo anda. Setelah proses upload foto selesai, maka secara otomatis foto tersebut akan di beri PHOTO URL, copy alamat link URL foto tersebut lalu paste di Profile Blogger.com pada kolom Photo URL setelah itu tinggal SAVE CHANGES dan REPUBLISH. Selesai, selamat mencoba.

Read more »

Membuat Link (1)

Dalam dunia blog, tentu anda tidak asing lagi dengan yang namanya link. Apabila anda seorang blogger (tukang ngeblog kata orang jakarta mah), tentu saja membuat link adalah sebuah keharusan. Berbeda dengan website pada umumnya, di jagat per blog-an ada yang namanya link exchange atau bertukar link dengan blog lain, jadi kalau anda tidak bisa membuat link, ini dapat berakibat anda akan di asingkan alias di cuekin oleh blogger lainnya karena di anggap pelit dalam memberikan link. Dalam topik membuat link ini, saya akan mengulasnya dalam beberapa sub bagian yakni :

Read more »

Membuat Link 2 - dari Gambar atau Image

Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :

1. Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contoh http://www.photobucket.com. 
2. Jika anda sudah mengupload gambar anda, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh gambar Banner Blog Tutorial di dibawah ini mempunyai alamat URL :
 

http://i831.photobucket.com/albums/zz233/qcux80/Logo%20Tukar%20Link/cooltext458482277.gif 

Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :

misalkan : gambar diatas akan di link ke alamat :
Blog Tutorial : http://jendelainfo23.blogspot.com/ maka ditulis seperti ini :

<a href="http://bloggerblogku.blogspot.com/"><img src="http://i831.photobucket.com/albums/zz233/qcux80/Logo%20Tukar%20Link/cooltext458482277.gif" /></a>

(kode dalam satu baris) jika ingin dalam window baru :

<a href="http://bloggerblogku.blogspot.com/"target=_new"><img src="http://i831.photobucket.com/albums/zz233/qcux80/Logo%20Tukar%20Link/cooltext458482277.gif" /></a>

atau

<a href="http://bloggerblogku.blogspot.com/"target=_blank"><img src="http://i831.photobucket.com/albums/zz233/qcux80/Logo%20Tukar%20Link/cooltext458482277.gif" /></a>

Mudah Bukan? Selamat Mencoba!

Read more »

Cara posting Artikel di Blogspot

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com.

Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.

Toolbar yang ada ketika posting :

--> Undo dan Redo, kalau ada pengeditan yang salah kita dapat mengembalikan ke posisi semula dengan perintah undo dan  untuk melanjutkan ke posisi pengeditan yang sudah dilakukan pilih redo

--> Untuk Merubah Jenis Font/Huruf yang digunakan (Arial, Courier, dsb)

-->  Untuk Merubah Ukuran Huruf (smallest, smal, Normal, Large, Largest)

--> Untuk Menebal kan Huruf

 --> Untuk Memiringkan Huruf

 --> Huruf Dicoret (Seperti Ini)

--> Memberi Warna Huruf, Misal Merah

--> Untuk Memberi warna Background Huruf, misal Merah

--> Untuk Membuat Link

--> Untuk Memasukkan Image/Gambar (upload)

--> Untuk Membuat Jump Break (Biasanya untuk perintah readme /baca selengkapnya, dsb)

--> Perintah Perataan Text (Rata Kanan, Kiri, Tengah, sama rata)

--> Untuk memasang Bullet (angka)

--> Untuk Memasang Bullet (bullet/lambang bukan angka)

--> Membuat quote (spasi)

--> Membersihkan format tulisan (kembali ke default)

--> Check Spelling

--> Untuk melihat Preview tulisan

--> Menulis Artikel dalam mode HTML

--> Untuk menulis Artikel/posting dalam standart text biasa.



Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:

1. Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.
2. Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).
3. Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.
4. Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.
5. Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

Read more »

Membuat Text Berjalan (efek Marquee)

Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

• BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
• DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
• BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
• Scroll --> teks bergerak berputar
• Slide--> teks bergerak sekali lalu berhenti
• Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
• TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks
• SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
• SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
• LOOP="angka|-1|infinite" --> Mengatur jumlah loop
• WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen 

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :
marquee dari kanan ke kiri
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
marquee dari kanan ke kiri
</MARQUEE>
hasilnya :
marquee dari kanan ke kiri

ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
marquee menurut perilaku
</MARQUEE>
Hasilnya

marquee menurut perilaku


Contoh marquee dengan variasi hurup dan warna latar belakang :
<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
Contoh marquee dengan variasi hurup dan warna latar belakang :
</MARQUEE></b></FONT></div>
Hasilnya :

&ltFONT FACE="georgia" color="White">
Contoh marquee dengan variasi hurup dan warna latar belakang :

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
silahkan tunjuk ke sini
</marquee>
Hasilnya:

silahkan tunjuk ke sini


Contoh marquee yang di dalam nya terdapat link :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://bloggerblogku.blogspot.com" target="new">Blog Tutorial</a><br/>

<a href="http://andresahan.blogspot.com" target="new">Ruang Blogger</a><br/>

<a href="http://andresahanblogku.blogspot.com" target="new">Blog Khusus Kode Script</a><br/>

</marquee>
Hasilnya :


Blog Tutorial


Ruang Blogger


Blog Khusus Kode Script




Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

Selamat ber eksperimen

Read more »

Membuat Fungsi Scroll

Fungsi Scroll sangat berguna untuk membuat halaman menjadi lebih ringkas, tidak sulit untuk membuatnya, tinggal menambahkan kode berikut ini:

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

Sebagai Contoh :

<div style="border: 1px solid #eee; height: 200px; overflow: auto; padding: 10px; width: 300px;">

<a href="http://andresahan.blogspot.com/2010/04/membuat-spoiler-showhide_20.html"> Membuat Spoiler</a>


<a href="http://jendelainfo23.blogspot.com/2010/04/membuat-menu-sidebar-unik-dengan-jquery.html"> Membuat Menu SideBar Unik jquery</a>


<a href="http://jendelainfo23.blogspot.com/2010/04/membuat-google-translate.html"> Modifikasi Tampilan Google Translate</a>


<a href="http://jendelainfo23.blogspot.com/2010/04/membuat-link-banner.html">Membuat Link Banner</a>


<a href="http://jendelainfo23.blogspot.com/2010/04/membuat-auto-hide-navbar-blogger.html">Membuat Auto Hide NavBar</a>


<a href="http://cooltext.com/">Cool Text: Logo and Graphics Generator</a>


<a href="http://s831.photobucket.com">PhotoBucket</a>


</div>

Maka Hasilnya akan seperti dibawah ini

Membuat Spoiler


Membuat Menu SideBar Unik jquery


Modifikasi Tampilan Google Translate


Membuat Link Banner


Membuat Auto Hide NavBar


Cool Text: Logo and Graphics Generator


PhotoBucket

Mudah Bukan?

SELAMAT MENCOBA...

Read more »

Membuat Blogroll dengan Menu Dropdown

Untuk membuat blogroll pada menu dropdown, silahkan lihat contoh di bawah :

<form>

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option> - Blogroll - </option>

<option value="http://bloggerblogku.blogspot.com/">Blog Tutorial</option>

<option value="http://andresahan.blogspot.com/">Ruang Blogger</option>

<option value="http://andresahanblogku.blogspot.com/">Blog Khusus Kode Script</option>

</select>

</form>

Contoh Hasilnya:

- Blogroll - Blog Tutorial Ruang Blogger Blog Khusus Kode Script

Contoh variasi lainnya :

<h3> Blogroll </h3>

<div align="left">

<select style size=5="font-weight: normal; font-size: 13px; width="135"; font-family: Verdana,Tahoma,Arial; background-color: rgb(229, 229, 229);" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu">

<option style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="" selected="selected">--Teman-temanku--</option>

<option> - Blogroll - </option>

<option value="http://bloggerblogku.blogspot.com/">Blog Tutorial</option>

<option value="http://andresahan.blogspot.com/">Ruang Blogger</option>

<option value="http://andresahanblogku.blogspot.com/">Blog Khusus Kode Script</option>

</select>

</form> </div>

Hasilnya Seperti ini :

Blogroll

--Teman-temanku-- - Blogroll - Blog Tutorial Ruang Blogger Blog Khusus Kode Script

Sedikit clue, kata left yang berada pada kode

menunjukan bahwa menu ini akan di simpan di sebelah kiri, jika mau di rubah tinggal ganti saja dengan kata "center" atau "right".

Dan masih banyak lagi alternatif lainnya.
Selamat Mencoba

Read more »

Membuat Tex Area 1

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru.

Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung. Untuk membuat TextArea Silahkan copy paste script dibawah ini

Text Area dengan Highlight All

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Previewnya

simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung

Text Area Mode 1 (non Highlight All)

<textarea rows="5" cols="50">TULISAN YANG KAMU INGINKAN</textarea>

Previewnya :
TULISAN YANG KAMU INGINKAN


Text Area Mode 2 (non Highlight All)

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area</textarea></p>

Previewnya :

Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area

Keterangan :

1. Pada textarea tidak menggunakan width dan height (lebar dan tinggi) tetapi menggunakan rows dan cols (baris dan kolom) untuk menyatakan lebar dan tinggi areanya.
2. Tetapi akibatnya akan sama dengan overflow, yaitu akan dibuatkan scroll dan disembunyikan jika text melebihi area baris dan kolom yang ditentukan.
3. Pada script di atas menunjukkan 5 baris dan 50 kolom. Dengan demikian tulisan yang melebihi 5 baris dan/atau melebihi 50 kolom akan disembunyikan.
4. Keterangan Lain : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.
5. Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Selamat Mencoba

Read more »

Mengatur Image Gambar

Sidebar memiliki ukuran yang berbeda-beda, untuk itu diperlukan penyesuaian terhadap beberapa bagiannya, antara lain :

Mengatur Ukuran Image/Gambar

<img style="border:0px; width:120px; height:50px;" src="URL image 1"/>

Mengatur Letak/Posisi Gambar (tinggal menambahkan) :

Tengah <center> kemudian ditutup dengan </center>
Kiri <left> kemudian ditutup dengan </left>
Kanan <right>kemudian ditutup dengan </right>

Contoh untuk penulisannya

<right><img style="border:0px; width:120px; height:50px;" src="URL image 1"/></right>

Mengatur Jarak

• Memberi Margin Atas Bawah

<img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image 1"/>

Keterangan : Perintah margin-top:5px artinya bahwa gambar akan diberi margin ke atas dan ke bawah sebesar 3px

• Memberi Margin Atas Bawah - Kanan Kiri

<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image 1"/>

Keterangan : Perintah margin-top:5px artinya bahwa gambar akan diberi margin ke atas dan ke bawah sebesar 3px, serta ke kanan dan ke kiri sebesar 1px


Contoh Penggunaannya :

<center>
<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="http://i831.photobucket.com/albums/zz233/qcux80/cooltext460118870.jpg"/>
<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="http://i831.photobucket.com/albums/zz233/qcux80/cooltext460118870.jpg"/>
<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="http://i831.photobucket.com/albums/zz233/qcux80/cooltext460118870.jpg"/>
</center>

Hasilnya : (atas-bawah)

Untuk yang kiri-kanan

<center>
<img style="border:0px; width:120px; height:50px; margin-top:5px;"src="http://i831.photobucket.com/albums/zz233/qcux80/cooltext460118870.jpg"/><img style="border:0px; width:120px; height:50px; margin-top:5px;"src="http://i831.photobucket.com/albums/zz233/qcux80/cooltext460118870.jpg"/>
<img style="border:0px; width:120px; height:50px; margin-top:5px;"src="http://i831.photobucket.com/albums/zz233/qcux80/cooltext460118870.jpg"/>
</center>

Preview nya :

Selamat Mencoba dan semoga berguna...!

Read more »