Mobil Impian Anda

Mobil Nyaman untuk Keluarga & Aktivitas Anda

Pilih mobil impian dengan desain modern, irit bahan bakar, dan nyaman digunakan setiap hari.

Hubungi via WhatsApp

Kenapa Memilih Mobil Ini?

🚗 Desain Modern

Tampil elegan dan berkelas.

⛽ Irit BBM

Lebih hemat untuk penggunaan harian.

🛡️ Aman

Dilengkapi fitur keselamatan modern.

Siap Memiliki Mobil Impian?

Klik tombol di bawah untuk konsultasi gratis melalui WhatsApp.

Cara membuat Image Preview menggunakan jQuery

Berikut contoh Image Preview biasa :

Berikut contoh Image Preview dilengkapi dengan Deskripsi artikel:

	Cara buat web ternyata tidaklah sesulit yang kita fikirkan. Kita hanya membutuhkan lima langkah mudah, cepat dan gratis. Read More
	Ada beberapa keuntungan bila kita buat blog atau memiliki sebuah blog. Disamping Gratis, mudah dan cepat. Read More

Cara Membuat Subscribe email pada blog

Subscribe email atau langganan lewat email adalah widget yang sangat diperlukan sebagai layanan yang sangat penting untuk sebuah website ataupun blog anda. Widget ini berfungsi sebagai email otomatis. Cara kerjanya adalah Ketika seseorang subscribes atau pengunjung menyukai artikel-artikel kita dan mendaftar sebagai feed readers atau ingin menjadi pelanggan artikel kita, maka pengunjung yang menjadi pelanggan akan menerima update artikel setiap kali ada artikel terbaru pada blog kita. Dan artikel tersebut dikirimkan secara otomatis oleh feedburner. Oh iya..., Feedburner juga memberikan layanan statistik berupa jumlah pendaftar ke blog beserta analisis statistiknya.

Bila anda berminat memasang widget ini, silahkan anda ikuti langkah-langkah cara membuat forum subscribe email dengan Feedburnner berikut :

1. Silahkan anda menuju ke http://feedburner.google.com

2. Pada halaman awal, silahkan anda memasukkan URL feed blog anda, dan kemudian beri tanda centang pada kotak kecil "i am a podcaster" dan kemudian KLIK NEXT.

3. Selanjutnya KLIK NEXT lagi.

4. Pada halaman berikutnya KLIK " Skip directly to feed management" dibagian paling bawah.

5. Selanjutnya silahkan anda pilih menu "Publicize" lalu "Activate" dibagian bawah :

6. Yang terakhir, silahkan anda copy kode yang ada pada kotak besar, atau anda bisa pakai cara yang langsung seperti petunjuk pada gambar dibawah ini. Yaitu pilih blog yang anda gunakan (Typepad, wordpress, blogger, dll), kemudian klik GO. Anda akan langsung diarahkan ke halaman Elemen laman atau Layout blogger anda.

Dan bagi yang menggunakan blog wordpress dapat menginstall plugin FeedBurner FeedSmith plugin yang dapat didownload DISINI.

OK...., demikian tutorial kali ini....

Anda bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kiri halaman ini.

Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.

Cara membuat efek shadow pada kotak dan gambar

Penggunaan css3 memang menajubkan. Css3 merupakan pengembangan dari css 1 dan css 2. Keunggulan CSS3 memiliki banyak fitur. seperti shadow, transparansi, gradiasi warna pada border, seleksi warna pada text, fitur skala, kolom pada text, termasuk fitur gradien pada background. Selain itu Penggunaan css3 membuat blog kita menjadi lebih ringan, sehingga ketika membuka blog, loading terasa lebih cepat.
Sekian banyak Tutorial yang sudah saya posting di blog ini sudah menggunakan fitur css3. Dan Untuk kali ini, saya juga akan memanfaatkan fitur dari css3, yaitu memberi efek shadow pada sebuah kotak dan image atau gambar.

Yang pertama, menambahkan bayangan kekanan dan bayangan kebawah pada sebuah kotak, tanpa memberi efek blur:

Berikut hasilnya :

Yang kedua, menambahkan bayangan kekanan dan bayangan kebawah pada sebuah kotak, dengan memberi efek blur:

Berikut hasilnya :

Yang ketiga, menambahkan bayangan kekiri dan bayangan keatas pada sebuah kotak, dengan memberi efek blur:

Berikut hasilnya :

Yang keempat, menambahkan bayangan kekanan dan bayangan kebawah pada sebuah gambar, dengan memberi efek blur :

Berikut hasilnya :

Yang kelima, cara menambahkan teks pada box shadow :
Untuk membuat fariasi Teks, silahkan anda bisa lihat artikel cara membuat fariasi Teks

Berikut hasilnya :

Cara membuat efek shadow pada kotak dan gambar

Catatan :

Kode dengan warna COKLAT diatas, adalah nilai panjang dan lebar kotak
Kode dengan warna PINK diatas, adalah warna background kotak
Kode dengan warna BIRU diatas, ganti dengan Ulr gambar milik anda
Kode dengan warna HIJAU MUDA diatas, adalah warna Teks anda
Kode dengan warna MERAH diatas, adalah cara penulisan Teks anda

Silahkan anda utak-atik sendiri sesuai selera anda.

Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.

Cara Membuat Tabel (Tahap 2)

Pada bulan yang lalu saya sudah menulis tentang cara membuat Tabel (Tahap 1). Bila anda belum sempat melihat atau belum membaca artikelnya,silahkan anda bisa lihat DISINI. Kali ini saya akan melanjutkan memberikan beberapa contoh lagi cara membuat tabel serta perbedaan cara penulisannya.

Ok....langsung saja silahkan perhatikan perbedaan contoh-contoh berikut ini :
1. Tabel tanpa border atau batas dan tabel dengan border

Tabel tanpa border

<table>
<tr>
<td>Tabel tanpa border</td>
<td>Tabel tanpa border</td>
<td>Tabel tanpa border</td>
</tr>
<tr>
<td>Tabel tanpa border</td>
<td>Tabel tanpa border</td>
<td>Tabel tanpa border</td>
</tr>
</table>

Berikut hasilnya :

Tabel tanpa border	Tabel tanpa border	Tabel tanpa border
Tabel tanpa border	Tabel tanpa border	Tabel tanpa border

Tabel dengan border

<tr>
<td>Dengan border</td>
<td>Dengan border</td>
<td>Dengan border</td>
</tr>
<tr>
<td>Dengan border</td>
<td>Dengan border</td>
<td>Dengan border</td>
</tr>
</table>

Berikut hasilnya :

Dengan border	Dengan border	Dengan border
Dengan border	Dengan border	Dengan border

Catatan : Nilai border '0' sama dengan tanpa border
2. Tabel header atau Judul

Judul diatas

<table border="1">
<tr>
<th>Nama</th>
<th>Alamat</th>
<th>Telephone</th>
</tr>
<tr>
<td>Siti Mariam</td>
<td>Jogja</td>
<td>555 77 855</td>
</tr>
</table>

Berikut hasilnya :

Nama	Alamat	Telephone
Siti Mariam	Jogja	555 77 855

Judul disamping

<table border="1">
<tr>
<th>Nama :</th>
<td>Siti Mariam</td>
</tr>
<tr>
<th>Alamat :</th>
<td>Jogja</td>
</tr>
<tr>
<th>Telephone :</th>
<td>555 77 855</td>
</tr>
</table>

Berikut hasilnya :

Nama :	Siti Mariam
Alamat :	Jogja
Telephone :	555 77 855

3. Tabel Header dan keterangan

<table border="1">
<caption>Pendapatan bulanan :</caption>
<tr>
    <th>Bulan</th>
    <th>Hasil</th>
</tr>
<tr>
    <td>Januari</td>
    <td>Rp.4000.000,-</td>
</tr>
<tr>
    <td>Februari</td>
    <td>Rp.5000.000,-</td>
</tr>
</table>

Berikut hasilnya :

Pendapatan bulanan :
Bulan	Hasil
Januari	Rp.4000.000,-
Februari	Rp.5000.000,-

4. Tabel dengan sel-sel yang lebih dari satu baris / kolom

Sel yang mencakup dua kolom:Sel yang mencakup dua kolom:

<table border="1">
<tr>
<th>Nama</th>
<th colspan="2">Telephone</th>
</tr>
<tr>
<td>Siti Mariam</td>
<td>000 000 001</td>
<td>000 000 002</td>
</tr>
</table>

Berikut hasilnya :

Nama	Telephone
Siti Mariam	000 000 001	000 000 002

Sel yang mencakup dua baris:

<table border="1">
<tr>
<th>Nama :</th>
<td>Siti Mariam</td>
</tr>
<tr>
<th rowspan="2">Telephone:</th>
<td>000 000 001</td>
</tr>
<tr>
<td>000 000 002</td>
</tr>
</table>

Berikut hasilnya :

Nama :	Siti Mariam
Telephone:	000 000 001
Telephone:	000 000 002

5. Tag di dalam tabel
Bagaimana menampilkan elemen-elemen di dalam unsur-unsur lain.

<table border="1"><tbody>
<tr>
<td>Hewan kesukaan :
<ul>
<li>Kucing</li>
<li>Burung</li>
<li>Kelinci</li>
<li>Kuda</li>
</ul>
</td>
<td>
<table border="1">
<tbody>
<tr>
<td>Gambar 1</td>
<td>Gambar 2</td>
</tr>
<tr>
<td>Gambar 3</td>
<td>Gambar 4</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>Teks</td>
<td>Teks</td>
</tr>
</tbody>
</table>

Berikut hasilnya :

Hewan kesukaan :

Kucing
Burung
Kelinci
Kuda

Gambar 1	Gambar 2
Gambar 3	Gambar 4

Teks

6. Cell padding
Cellpadding berfungsi agar teks atau gambar tidak terlalu dekat dengan garis pada tabel.

Berikut hasilnya :

Teks	Teks
Teks	Teks

7. Cell jarak
Cara menggunakan cellspacing untuk meningkatkan jarak antara sel.

Berikut hasilnya :

Teks	Teks
Teks	Teks

Nah.... sementara ini dulu ya.....?
Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Cara membuat List pada daftar menggunakan html

List termasuk atribut yang sering digunakan dalam membuat sebuah daftar ataupun sub daftar. Secara umum biasanya bentuk list yang sering digunakan adalah seperti Angka, huruf, romawi, titik atau bentuk-bentuk bidang seperti lingkaran, kotak, dll.
Dibawah ini saya mencoba memberikan beberapa contoh bentuk list untuk membuat sebuah daftar dengan menggunakan Html, dan untuk membuat List image atau list yang berbentuk gambar, seperti tanda panah, tanda centang, atau list dengan gambar yang lain, akan saya bahas pada tutorial css.
Kali ini kita fokus pada tutorial html terlebih dulu ya.......
silahkan anda perhatikan cara penulisan kodenya.

<h4>List bentuk Angka :</h4> <ol> <li>Satu</li> <li>Dua</li> <li>Tiga</li> <li>Empat</li> </ol>	List bentuk Angka : Satu Dua Tiga Empat
<h4>List bentuk Huruf besar:</h4> <ol type="A"> <li>Huruf besar A</li> <li>Huruf besar B</li> <li>Huruf besar C</li> <li>Huruf besar D</li> </ol>	List bentuk Huruf besar: Huruf besar A Huruf besar B Huruf besar C Huruf besar D
<h4>List bentuk Huruf kecil:</h4> <ol type="a"> <li>Huruf kecil a</li> <li>Huruf kecil b</li> <li>Huruf kecil c</li> <li>Huruf kecil d</li> </ol>	List bentuk Huruf kecil: Huruf kecil a Huruf kecil b Huruf kecil c Huruf kecil d
<h4>List bentuk Romawi besar:</h4> <ol type="I"> <li>Romawi besar I</li> <li>Romawi besar II</li> <li>Romawi besar III</li> <li>Romawi besar IV</li> </ol>	List bentuk Romawi besar: Romawi besar I Romawi besar II Romawi besar III Romawi besar IV
<h4>List bentuk Romawi kecil:</h4> <ol type="i"> <li>Romawi kecil i</li> <li>Romawi kecil ii</li> <li>Romawi kecil iii</li> <li>Romawi kecil iv</li> </ol	List bentuk Romawi kecil: Romawi kecil i Romawi kecil ii Romawi kecil iii Romawi kecil iv

<h4>Disc bullets list:</h4> <ul type="disc"> <li>Merah</li> <li>Kuning</li> <li>Hijau</li> <li>Biru</li> </ul>	Disc bullets list: Merah Kuning Hijau Biru
<h4>Circle bullets list:</h4> <ul type="circle"> <li>Merah</li> <li>Kuning</li> <li>Hijau</li> <li>Biru</li> </ul>	Circle bullets list: Merah Kuning Hijau Biru
<h4>Square bullets list:</h4> <ul type="square"> <li>Merah</li> <li>Kuning</li> <li>Hijau</li> <li>Biru</li> </ul>	Square bullets list: Merah Kuning Hijau Biru

<h4>Sub Daftar:</h4>
<ul> <li>Buah</li>
<li>Hewan
    <ul>
    <li>Reptil</li>
    <li>Mamalia
      <ul>
      <li>Sapi</li>
      <li>Kambing</li>
      </ul>
    </li>
    </ul>
</li>
<li>Pohon</li>
</ul>

Sub Daftar:

Buah
Hewan
- Reptil
- Mamalia
  - Sapi
  - Kambing
Pohon

Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Cara memilih nama Domain

Langkah awal dalam memilih nama domain termasuk salah satu yang berpengaruh sukses tidaknya bisnis online kita. Memilih nama domain memang sepertinya mudah, tapi ada beberapa hal yang perlu diperhatikan dalam memilih nama domain agar tujuan dari pembuatan website sebagai sarana bisnis online benar-benar sesuai dengan tujuan kita yaitu menghasilkan.

Berikut ini diantaranya hal- hal yang perlu diperhatikan dalam memilih nama domain yang mudah-mudahan bermanfaat untuk anda :

1.Nama domain diusahakan dari kata yang sering diucapkan dan mudah diingat

Selain mudah diingat, nama domain juga sebaiknya mudah diucapkan. Dengan cara ini berharap pengunjung lebih mudah menemukan website kita. Dengan kata lain setiap pengunjung yang menuliskan kata kunci yang mirip atau sesuai dengan nama domain kita pada mesin pencarian google, nama domain website kita lebih banyak kemungkinan akan tampil pada halaman pertama pencarian google. Hal ini sangat menguntungkan sebab website kita berpeluang besar didatangi pengunjung.

2. Pilih nama domain yang termasuk dalam Top Level Domain

Top Level Domain yang saya maksud seperti (.com), (.net), (.org), (.info) dan lain-lain. Tapi saran saya gunakan domain dengan akhiran (.com), sebab Situs dengan akhiran (.com) akan terlihat lebih profesional. Bila tidak tersedia, anda baru coba cari alternatif lainnya,seperti (.net).

3. Pilih nama domain yang singkat

Memilih nama domain yang singkat, akan memudahkan pengunjung menulis pada bowser. Nama domain yang singkat tentu akan lebih mudah untuk diingat dibanding dengan nama domain yang panjang. Pengunjung lebih malas mengingat dan menuliskan nama domain yang panjang.

4. Mengandung kata kunci yang sesuai

Pilih nama domain dari salah satu kata kunci yang sesuai dengan tujuan website yang kita buat.

Ada banyak lagi langkah yang perlu diperhatikan dalam memilih nama domain dan cara risetnya yang sesuai dengan kata kunci, hal ini diperlukan untuk mengoptimalkan SEO. Dan langkah-langkah yang ini sudah di jelaskan secara rinci juga gamblang pada ebook RWP yang ke 6, yaitu hal yang paling pokok dalam memilih nama domain dan langkah-langkah cara tepat memilih kata kunci sebagai nama domain sesuai dengan ramainya pengunjung yang menuliskan kata kunci pada pencarian google.

Tentunya anda tidak akan melewatkan ebook ini, sebab dalam ebook ini secara detail dijabarkan bagaimana bisa mengoptimalkan nama domain yang bisa menguntungkan bagi website dan bisnis anda.
Segera silahkan anda pesan ebooknya DISINI

Cara Riset Topik Bisnis

Bila anda pernah mengalami bagaimana lelahnya menjalankan bisnis yang belum jelas jumlah peminatnya. Pasti akan merasa lelah sekali...apa lagi hasil yang didapat minim... Inilah mungkin yang banyak dialami para Internet Marketer Indonesia, baik menjual produk sendiri, maupun menjual produk orang lain.

Tapi Jika kita sudah tahu, bahwa topik kita bakal banyak peminatnya, maka kerja kita selanjutnya lebih ringan. Kita tinggal mengoptimalkan cara promosi untuk mendatangkan pengunjung. Lebih bagus lagi jika pengunjung yg datang adalah pengunjung tertarget. Pengunjung tertarget akan punya peluang membeli lebih besar dari pada pengunjung tidak tertarget. Jadi, semua sumber penghasilan tadinya berasal dari Riset Topik Bisnis yang benar. Tentunya Topik Bisnis yang banyak Peminatnya.

Bagi member RWP yg sudah baca Ebook ke-3 pasti tahu kayak apa proses riset yg saya maksudkan. Riset topik bisnis di internet tidak sampai memakan waktu berbulan-bulan layaknya riset orang kuliah.

Ada banyak tempat cari ide atau topik bisnis di internet. Dasarnya adalah hasil pencarian orang - orang di seluruh dunia tentang suatu topik yang sama-sama mereka cari. Kalo target pasar anda orang Indonesia, berarti yang menjadi rujukan adalah hasil perhitungan pencarian orang-orang Indonesia di search engine Google (masih ada search engine lain seperti yahoo, Altavista, MSN, dll, namun yg paling banyak dipakai orang ya google.com).

Sebenarnya hasil riset kita nanti menggambarkan seberapa banyak jumlah pencari untuk topik tertentu. Mereka yg mencari topik-topik di internet bisa jadi hanya menglik-klik saja link yang mereka temukan, baik link yang ada di website google, maupun link yang ada diwebsite orang lain. Ada juga sebagian yang memang berniat membeli sehingga mencari perbandingan harga dan informasi tentang produk yang ingin mereka beli. Nah, berdasarkan kecendrungan orang-orang yang mencari itu, kita bisa manfaatkan pengetahuan internet marketing kita untuk menghasilkan duit.

Bagaimana caranya?
Untuk mereka yang cuma mengklik-klik saja, kita bisa manfaatkan dengan membuat sebuah website dengan tujuan untuk dipasang iklan PPC. Misalnya iklan google adense, kalo di Indonesia seperti kliksaya.com, adsensecamp.com, kumpulblogger.com. Setiap ada yang klik iklan tersebut di website kita, maka kitapun dibayar per klik-nya. Untuk mereka yg memang berniat membeli ketika mencari sesuatu di internet, maka kita berpeluang dapat 2 sumber penghasilan. Yaitu dari 3 produk yg kita jual (produk sendiri ataupun produk affiliate) maupun dari iklan yg mereka klik di website kita.

Cara riset topik bisnis, secara detail dan jelas diterangkan di ebook ke 3 RWP. Saran saya miliki ebooknya, bagaimana anda bisa benar-benar faham cara riset topik bisnis untuk website anda. Agar anda tidak lelah menjalankan bisnis di internet. Silahkan anda bisa bisa order DISINI

Contoh Demo

Mobil Nyaman untuk Keluarga & Aktivitas Anda

Kenapa Memilih Mobil Ini?

🚗 Desain Modern

⛽ Irit BBM

🛡️ Aman

Siap Memiliki Mobil Impian?

Cara membuat Image Preview menggunakan jQuery

Cara Membuat Subscribe email pada blog

Cara membuat efek shadow pada kotak dan gambar

Cara Membuat Tabel (Tahap 2)

Cara membuat List pada daftar menggunakan html

List bentuk Angka :

List bentuk Huruf besar:

List bentuk Huruf kecil:

List bentuk Romawi besar:

List bentuk Romawi kecil:

Disc bullets list:

Circle bullets list:

Square bullets list:

Sub Daftar:

Cara memilih nama Domain

Cara Riset Topik Bisnis

Daftar Blog