djopanet

Cara Membuat Screenshot

2012-01-29T20:45:00.001+07:00

Apa yang dimaksud dengan screenshot .. ??
Screenshot adalah gambar yang diambil dari tampilan pada layar komputer.
Jika masih belum paham, silahkan sobat lihat contoh gambar dibawah ini :

Gambar diatas adalah sebuah contoh gambar sceenshot yang saya ambil dari halaman depan blogger/blogspot. Screenshotshot sendiri banyak digunakan pada web/blog yang memberikan panduan atau tutorial tertentu pada artikelnya, misalnya tutorial blogger, tutorial photoshop, dll.

Ada banyak cara yang dapat kita gunakan untuk membuat sebuah screenshot, dari yang paling sederhana yaitu dengan menggunakan tombol PrintScreen/SysRq pada keybord komputer kita sampai yang menggunakan tools tertentu. Berikut ini adalah tutorial singkat membuat screenshot.

Membuat Screenshot dengan Tombol PrintScreen/Sysrq :
1. Tentukan terlebih dahulu tampilan layar komputer kamu yang akan di buat screenshot.
2. Jika sudah yakin selanjutnya tekan tombol PrintScreen/Sysrq pada keybord kamu (letak tombolnya pojok kanan atas keybord).

3. Kemudian buka program Paint di komputer kamu ( pilih All Program >> Accecories >> Paint ).
4. Pada program Paint klik Edit pada menu bar kemudian klik Paste.
5. Akan muncul gambar screenshot yang kamu buat tadi, kemudian lakukan seleksi terlebih dulu sebelum menyimpan gambar.

6. Untuk menyimpan klik File pada menu bar kemudian Save As.

7. Beri nama pada gambar screenshot kamu, pilih tipe file yang kamu inginkan ( JPEG, GIF, PNG, dll ) serta tentukan folder dimana file akan tersimpan.

8. Selesai kita lanjut ke cara dibawah.

Membuat Screenshot Dengan Menggunakan Tool Add On :

Sebuah Add-Ons dari Mozilla Firefox ini bernama Screengrab. Klik disini untuk menuju halaman screengrab.

1. Klik pada +Add to Firefox
2. Kemudian Instal Screengrab.

3. Setelah proses instal selesai, langkah selanjutnya Restart terlebih dahulu browser Firefox kamu.
4. Kembali pada browser Firefox, klik kanan pada mouse untuk menggunakan tool ini.

4. Lakukan seleksi sendiri yah pada gambar yang akan kamu buat screenshot.
5. Yang terakhir Simpan Gambar pada folder komputer kamu.

Sekian dan terimakasih

Cara Membuat Recent Post Dengan Fungsi Scroll Otomatis

2012-01-28T15:21:00.000+07:00

Cara Membuat Recen Post (Postingan Terakhir) Dengan Fungsi Scrool Otomatis Dan Thumbnails :

1. Login di blogger, masuk pada halaman Admin
2. Klik pada Tata Letak
3. Klik Add a Gadget >> Pilih HTML/Javascript
4. Copy semua kode dibawah ini kemudian paste kedalam HTML/Javascript.

Cara Mengganti Favicon Blog

2012-01-26T22:31:00.000+07:00

Favicon (Favorite Icon) , adalah ikon kecil yang terkait dengan sebuah situs tertentu atau webpage , yang ditunjukkan berikutnya untuk situs nama di url pada menu bar, yang paling umum untuk favicons adalah ukuran : 16x16 , 32x32 , 48x48 , 64x64 , 128x128 .

Favicon default dari blogger adalah seperti ini :
Anda bisa download berbagai macam favicon cantik dan menarik disini atau disini, atau Anda juga bisa mencarinya sendiri di mesin pencari (search engine) dengan keyword "Free Favicon"

Cara Mengganti Favicon Blog :

1. Login pada blogger
2. Edit Template >> Edit HTML
3. Pilih Tata Letak >> Edit Favicon

4. Cari di folder mana Anda simpan favicon yang sudah Anda download.

5. Simpan Pengaturan

Mengganti Warna Dasar Background Blog Dengan Gambar

2012-01-26T21:00:00.000+07:00

Cara Mengganti Warna Dasar Background Blog Dengan Gambar :

1. Login di blogger
2. Edit Template >> Edit HTML

3. Cari kode body { , gunakan Ctrl+F untuk memudahkan pencarian kode
4. Perhatikan kode dibawah ini :

body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEismhBfe8NsOJT2r6EwjYyw9-NP8BVwY0WMLaw0dUXYcb9HvS2gWqEs1JC4zqCmvYkFReo9ouB89Mzny-icXxJH9pZXjGC9A3ub50hRpxsTQUrOdFaare2ODp7k6YyK6T3vvbinC4t7miw/s0/bg-banner-pattern.gif);
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

5. Ganti warna merah dengan URL gambar Anda yang ingin dijadikan background blog.

6. Simpan Template

Membuat Link Miring Saat Disorot Mouse

2012-01-26T20:49:00.000+07:00

Cara Membuat Link Miring Saat Disorot Mouse :

1. Login di blogger
2. Edit Template >> Edit HTML
3. Cari kode a:hover {

4. Tambahkan kode dibawah ini setelah kode a:hover {

font-style:italic;

5. Sehingga akan menjadi seperti ini :

a:hover { font-style:italic;

6. Simpan Template

Cara Membuat Teks Area (HighLigh All)

2012-01-26T17:28:00.002+07:00

Teks area dimaksudkan untuk mempermudah pembaca meng-copy (ex.kode HTML) seluruh teks didalamnya.. Biasanya kalimat yang dibuat kedalam teks area memiliki ukuran panjang.
Cara Membuat Teks Area Dengan Fungsi Highligh All :

Kode CSS-nya adalah sebagai berikut :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="virtual" cols="55">TULISKAN TEKS ANDA DISINI</textarea></p></div></form>

Anda bisa merubah tulisan warna merah sesuai keinginan Anda sendiri.

Contoh Paragraf :
Band asal Jepang L'Arc en Ciel akhirnya dipastikan akan mengunjungi Indonesia. Mereka akan berkunjung dalam gelaran 'L'Arc en Ciel World Tour 2012' di Jakarta 2 Mei mendatang. Siapkan sedikitnya Rp 500 ribu!Konser band yang digawangi Hyde, Ken, Yukihiro, dan Tetsuya itu akan digelar di Lapangan D, Geloran Bung Karno. Penjualan tiket akan dimulai Jumat (28/1/2012) besok.

Setelah dibuat teks area dengan fungsi Highligh All maka hasilnya :

Untuk mengkopy seluruh tulisan didalam teks area tersebut klik tombol Highligh All

Cara Membuat Komentar Admin Berbeda Dengan Komentar Pengunjung

2012-01-25T16:08:00.000+07:00

Cara membuat komentar Admin berbeda dengan pengunjung.
Secara default komentar Admin dengan komentar pengunjung memanglah sama atau tidak ada perbedaan sama sekali, sampai-sampai pengunjung bingung kemudian bertanya dalam hati "nih mana Adminnya ya .. ??". hehe.. ,
Kalau anda tidak mau terjadi seperti hal diatas maka buatlah komentar Admin blog anda berbeda dengan komentar pengunjung. Anda bisa mencoba cara dibawah ini :

1. Login di blogger
2. Edit Template >> Edit HTML
3. Centang pada Expand The Widget
4. Cari kode ]]></b:skin>, untuk memudahkan pencarian kode gunakan Ctrl+F

5. Copy kode dibawah ini kemudian letakkan tepat diatas kode tadi :

.comment-body-author {
background: #ffffff;
border:2px Dashed #0080FF;
margin:0;
padding:0 0 0 30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-bottomright:30px;
font-size: 14px;
font-family: Georgia;
}

6. Langkah selanjutnya cari kode ini : <dd class='comment-body'>, dan agar jadi seperti dibawah ini :

<data:commentPostedByMsg/>
<br/>
</dt>

<b:if cond='data:comment.author == data:post.author'>

</dd>

<b:else/>

Keterangan :
Kode warna merah adalah kode yang harus anda tambahkan.

7. Langkah terakhir Simpan Template

Kemudian buatlah komentar pada salah satu artikel anda sendiri untuk mengetahui apakah komentar anda sudah terdapat perbedaan dengan komentar pengunjung di blog anda.

Semoga berhasil ^.^

Cara Menghilangkan Label Di Bawah Posting

2012-01-25T15:43:00.002+07:00

Cara Menghilangkan Label/Kategori Di Bawah Postingan :

1. Login di blogger
2. Edit Template >> Edit HTML
3. Centang pada Expand Template Widget

4. Cari kode yang seperti ini :

5. Hapus seluruh kode diatas

6. Simpan Template

Merubah Blog Nofollow Menjadi Dofollow

2012-01-25T15:34:00.000+07:00

Apakah yang dimaksud blog Nofollow dan Dofollow ??

Blog Nofollow adalah istilah dalam dunia blogging, yang jika kita memberikan komentar pada blog/.web lain serta kita menuliskan link kita bersama komentar tadi, maka link tersebut tidaklah dianggap sebagai backlink oleh mesin pencari atau dalam istilah lain link yang tadi kita pasang tidak dapat di klik.
Blog Dofollow adalah link yang mempunyai attribut follow, jadi apabila kita memberi komentar dan meninggalkan link pada web/blog lain, otomatis web/blog kita mendapatkan backlink dari blog atau web tempat kita memberikan komentar tersebut.

Keuntungan blog Dofollow adalah : setiap kita memberikan komentar di blog/web lain serta kita menuliskan link blog kita bersama-sama komentar tersebut, maka nama yang kita masukkan pada komentar tersebut akan menjadi link menuju ke blog/web kita.

Cara Merubah Blog Nofollow Menjadi Blog Dofololw :

1. Login di blogger
2. Edit Template >> Edit HTML
3. Centang Expand Template Widget

4. Temukan kode seperti ini : <a expr:href='data:comment.authorUrl' rel='nofollow'>

5. Kemudian ubah kode 'nofollow' menjadi 'dofollow' sehingga akan menjadi seperti ini :
<a expr:href='data:comment.authorUrl' rel='dofollow'>

6. Simpan Template

Cara Memasang Meta Tag Pada Blog

2012-01-25T15:02:00.000+07:00

Apa yang dimaksud dengan meta tag ??

Meta tag yang digunakan umumnya ada 2 jenis, yaitu meta tag description dan meta tag keyword (kata kunci).
Meta tag description digunakan untuk menyampaikan informasi descripsi dari suatu blog atau web.
Meta tag keyword digunakan untuk menyampaikan informasi mengenai kata kunci apa saja yang berhubungan dengan isi konten dari suatu blog atau website.
Fungsi dari memasang meta tag pada blog kita yaitu untuk mendongkrak posisi rating blog kita di mesin pencari (search engine) seperti google, yahoo, dll.

Cara memasang Meta Tag pada blog adalah sebagai berikut :

1. Login di blogger >> klik Template >> Edit HTML

2. Beri tanda centang pada Expand Template Widget.

3. Cari kode <head>, gunakan Ctrl+F untuk memudahkan pencarian kode.

4. Kemudian letakkan kode script dibawah ini tepat dibawah kode <head>

5. Edit tulisan warna merah diatas dengan deskripsi blog, keyword, dan juga author blog anda sendiri.

6. Yang terakhir Simpan Template.

Membuat Efek Zoom Gambar Pada Blog

2012-01-23T23:24:00.002+07:00

Membuat Efek Zoom Gambar Pada Blog :

1. Login di blogger
2. Edit Template >> Edit HTML
3. Centang pada Expand Template Widget

4. Temukan kode ]]></b:skin> kemudian letakkan script dibawah ini diatas kode ]]></b:skin>

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
}

5. Simpan Template.

Membuat Link Membesar Dan Berubah Warna Saat Disorot Mouse

2012-01-23T23:21:00.000+07:00

Cara Membuat Link Membesar Dan Berubah Warna Saat Disorot Mouse :

1. Login di blogger >> Template >> Edit HTML

2. Temukan kode a:link { dan a:hover { , gunakan tombol Ctrl+F untuk memudahkan pencarian kode.

3. Perhatikan contoh kode berikut :

a:link {
color:#FF0000;
font-size:10px;
text-decoration:none;
cursor:default;
}

a:hover {
color:#0000FF;
font-size:18px;
text-decoration:none;
cursor:wait;
}

Keterangan :

Pada a:link { tag color:#FF0000; adalah kode warna asli dari link tersebut, kemudian pada a:hover { tag color:#0000FF adalah kode warna link apabila link disorot mouse.

Pada a:link { font-size:10px adalah besar font sebelum disorot mouse, kemudian pada a:hover { font-size:18px adalah ukuran font saat link disorot mouse.

Warna biru adalah kodeyang harus Anda tambahkan.

Silahkan Anda ganti sendiri warna link serta ukuran link sesuai keinginan sendiri.

5. Save Template

Mengganti Warna Dasar Background Blog

2012-01-23T22:49:00.003+07:00

Cara Mengganti Warna Dasar Background Blog :

1. Login di blogger

2. Edit Template >> Edit HTML

3. Temukan kode body { , perhatikan contoh kode berikut :

body {
background: #2E2E2E;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

4. Yang perlu Anda rubah adalah tulisan warna merah, ganti dengan kode warna yang Anda inginkan. Klik disini untuk melihat daftar kode warna

5. Klik Pratinjau untuk melihat hasilnya

6. Simpan Template

Cara Menghilangkan Powered by Blogger

2012-01-23T22:29:00.000+07:00

Cara Menghilangkan Atribut "Powered By Blogger"

1. Login di blogger
2. Edit Template >> Edit HTML
3. Beri tanda centang pada Expand Template Widget.

3. Cari kode ]]></b:skin> , gunakan Ctrl+F untuk memudahkan pencarian.

4. Letakkan kode berikut diatas kode ]]></b:skin>

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

5. Simpan Template

Cara Mendaftarkan Blog di Google

2012-01-22T21:50:00.000+07:00

1. Kunjungi www.google.com/addUrl

2. Isikan URL Blog anda >> Isi kotak Comment dengan kategory blog anda (ex. general blog)

3. Isi Kode Captcha yang ditampilkan

4. Terakhir klik Submit Request

Setelah anda melakukan registrasi seperti diatas tadi, blog anda baru aktif sekitar 3-4 minggu. Lakukan pengecekan setelah batas waktu tersebut dengan mengetikkan URL blog anda pada google

Kumpulan Efek-Efek Blog

2012-01-22T21:26:00.000+07:00

Hai sobat blogger .., masih semangat untuk mendesain blog anda ?
Yup beberapa efek-efek keren dibawah ini mungkin akan menambah cantik tampilan dari blog anda. Tutorial ini saya dapatkan dari muter-muter blog to blog, jadi script yang terdapat pada tutorial yang saya tulis ini juga bukan milik sendiri, gak tau deh punya siapa, he.
Tapi gpp lah, saya yakin kalau yang punya script juga pasti seneng kalau script miliknya bisa bermanfaat untuk blogger-blogger yang lain.
Baik langsung saja, dibawah ini terdapat beberapa script yang mungkin anda minat untuk memasang pada blog anda.

1. Efek Hati Bertaburan Di Kursor

2. Efek Salju Bertaburan Di Blog

3. Efek Kembang Api

4. Efek Bintang Bertaburan Di Blog

Untuk cara pemasangannya adalah sebagai berikut :

1. Login di blogger >> Template >> Edit HTML

2. Centang pada "Expand Template Widget"

3. Cari kode </body> , gunakan Ctrl+F untuk memudahkan pencarian kode.

4. Copy kode script diatas kemudian letakkan tepat diatas tag </body>

5. Save Template

Semoga anda suka dengan efek-efek blog diatas :)

Cara Mengaktifkan Blog Versi Mobile

2012-01-22T20:32:00.000+07:00

1. Login di blogger >> Template

2. Klik pada icon setting template sellular, lihat gambar :

3. Akan muncul pertanyaan di window baru :

Di perangkat seluler, menampilkan versi seluler template Anda saat ini.
Ya. Tampilkan template seluler di perangkat seluler.
Tidak. Tampilkan template seluler di perangkat seluler.

4. Klik "Ya. Tampilkan template seluler di perangkat seluler"

5. Pilih jenis template sellular untuk blog anda

6. Klik Save

Cara Menampilkan Recent Post (Artikel Terbaru)

2012-01-22T20:06:00.000+07:00

1. Login di blogger - Pilih Tata Letak

2. Kemudian klik Tambah Gadget >> Pilih HTML/Javascript, untuk penempatannya silahkan sobat tentukan sendiri.

3. Copy (Ctrl+C) kode script dibawah ini kemudian Paste (Ctrl+F) kedalam kotak konten.

4. Ganti tulisan "warna merah" dengan URL blog sobat

5. Sedangkan angka "7" menunjukkan jumlah "recent post" yang akan ditampilkan. silahkan diubah sesuai keinginan sobat.

6. Save template

Cara Membuat Border Pada Blog

2012-01-21T22:29:00.001+07:00

Border yaitu garis tepi dari sebuah komponen (bisa berupa gambar atau tulisan).
Fungsi dari border sendiri adalah sebagai garis pembatas yang memisahkan komponen tersebut dari komponen-komponen lainnya.
Terdapat berbagai jenis border menurut fungsinya.

Beberapa Jenis Border Dan Cara Membuatnya :

1. Border Jenis Solid

<div style="border: 4px #0080FF solid; padding: 10px; background-color: #eaeaea; text-align: left">TEKS ANDA DISINI</div>

2. Border Jenis Dotted

<div style="border: 4px #0080FF dotted; padding: 10px; background-color: #eaeaea; text-align: left;">TEKS ANDA DISINI</div>

3. Border Jenis Dashed

<div style="border: 4px #0080FF dashed; padding: 10px; background-color: #eaeaea; text-align: left;">TEKS ANDA DISINI </div>

4. Border Jenis Groove

<div style="border: 4px #0080FF groove; padding: 10px; background-color: #eaeaea; text-align: left;"> TEKS ANDA DISINI </div>

5. Border Jenis Double

<div style="border: 4px #0080FF double; padding: 10px; background-color: #eaeaea; text-align: left;"> TEKS ANDA DISINI </div>

6. Border Jenis Ridge

<div style="border: 4px #0080FF double; padding: 10px; background-color: #eaeaea; text-align: left;"> TEKS ANDA DISINI</div>

7. Border Jenis Outset

<div style="border: 4px #0080FF double; padding: 10px; background-color: #eaeaea; text-align: left;">TEKS ANDA DISINI</div>

8. Border Jenis Scroll

<div style="border: 4px #0080FF solid; padding: 10px; background-color: #eaeaea; overflow: auto; height: 80px; width: 250px; text-align: left;"> TEKS ANDA DISINI

Baca : Pilih opsi HTML pada bar saat akan membuat border.

Cara Membuat Link

2012-01-20T20:30:00.003+07:00

Istilah link dalam bahasa Indonesia berarti tautan, sebuah tautan yang apabila di klik akan membawa kita pada URL tertentu yang terdapat di dalam link tersebut.
Contoh link : tulisan ini adalah link

Cara Membuat Link :

1. Link membuka pada halaman yang sama, saat link di klik maka halaman link akan membuka di tab yang sama.
<a href="http://djopanet.blogspot.com">klik disini</a>
hasilnya : klik disini

2. Link membuka pada halaman yang berbeda, saat link di klik akan membuka di tab baru.

<a href="http://djopanet.blogspot.com" target="_blank">klik disini</a> atau bisa juga
<a href="http://djopanet.blogspot.com" target="new">klik disini</a>
hasilnya : klik disini

3. Link dengan judul, saat link di sorot mouse akan menampilkan title/judul dari link tersebut.
<a href="http://djopanet.blogspot.com" title="Judul anda disini">klik disini</a>
hasilnya : klik disini

Warna merah adalah URL tujuan link tersebut,silahkan diganti dengan URL Anda.

Baca : Pilih opsi HTML pada bar saat Anda akan menuliskan link.

Cara Memasang Kode Warna Pada Blog

2012-01-20T19:58:00.000+07:00

Cara Memasang Kode Warna Pada Laman Blog :

1. Login pada blogger - Template - Edit HTML

2. Temukan kode </head>, gunakan Ctrl+F untuk memdahakan pencarian kode.

3. Copy kode dibawah ini kemudian letakkan sebelum kode </head>

4. Simpan template

5. Langkah berikutnya adalah masuk menu Posting , klik Laman >> Buat Laman baru, beri judul sesuai keinginan sendiri (ex. kode warna)

6. Untu penulisan pada Laman baru pilih opsi HTML kemudian masukkan kode ini kedalamnya :

<form id="hcc" name="hcc">
<table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody>
<tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" style="width: 375px;"><tbody>
<tr height="24"><td bgcolor="#190707" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#610b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8a0808" onclick="Barva(this.bgColor)">

</td><td bgcolor="#b40404" onclick="Barva(this.bgColor)">

</td><td bgcolor="#df0101" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ff0000" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fa5858" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f78181" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f6cece" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fbefef" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#191007" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#3b240b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#61380b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8a4b08" onclick="Barva(this.bgColor)">

</td><td bgcolor="#b45f04" onclick="Barva(this.bgColor)">

</td><td bgcolor="#df7401" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ff8000" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#faac58" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f7be81" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f8ece0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#181907" onclick="Barva(this.bgColor)">

</td><td bgcolor="#292a0a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#393b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#5e610b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#868a08" onclick="Barva(this.bgColor)">

</td><td bgcolor="#aeb404" onclick="Barva(this.bgColor)">

</td><td bgcolor="#d7df01" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ffff00" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f4fa58" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f3f781" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fbfbef" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#101907" onclick="Barva(this.bgColor)">

</td><td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#243b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#38610b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#4b8a08" onclick="Barva(this.bgColor)">

</td><td bgcolor="#5fb404" onclick="Barva(this.bgColor)">

</td><td bgcolor="#74df00" onclick="Barva(this.bgColor)">

</td><td bgcolor="#80ff00" onclick="Barva(this.bgColor)">

</td><td bgcolor="#9afe2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#acfa58" onclick="Barva(this.bgColor)">

</td><td bgcolor="#bef781" onclick="Barva(this.bgColor)">

</td><td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5fbef" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#071907" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b610b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#088a08" onclick="Barva(this.bgColor)">

</td><td bgcolor="#04b404" onclick="Barva(this.bgColor)">

</td><td bgcolor="#01df01" onclick="Barva(this.bgColor)">

</td><td bgcolor="#00ff00" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2efe2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#58fa58" onclick="Barva(this.bgColor)">

</td><td bgcolor="#81f781" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)">

</td><td bgcolor="#cef6ce" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#effbef" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#071910" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b3b24" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b6138" onclick="Barva(this.bgColor)">

</td><td bgcolor="#088a4b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#04b45f" onclick="Barva(this.bgColor)">

</td><td bgcolor="#01df74" onclick="Barva(this.bgColor)">

</td><td bgcolor="#00ff80" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2efe9a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#58faac" onclick="Barva(this.bgColor)">

</td><td bgcolor="#81f7be" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#cef6e3" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)">

</td><td bgcolor="#effbf5" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#071918" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0a2a29" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b3b39" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b615e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#088a85" onclick="Barva(this.bgColor)">

</td><td bgcolor="#04b4ae" onclick="Barva(this.bgColor)">

</td><td bgcolor="#01dfd7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#00ffff" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2efef7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#58faf4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#81f7f3" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)">

</td><td bgcolor="#cef6f5" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#effbfb" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#071019" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b243b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b3861" onclick="Barva(this.bgColor)">

</td><td bgcolor="#084b8a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#045fb4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0174df" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0080ff" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2e9afe" onclick="Barva(this.bgColor)">

</td><td bgcolor="#58acfa" onclick="Barva(this.bgColor)">

</td><td bgcolor="#81bef7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)">

</td><td bgcolor="#cee3f6" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)">

</td><td bgcolor="#eff5fb" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#070719" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b0b61" onclick="Barva(this.bgColor)">

</td><td bgcolor="#08088a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0404b4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0101df" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0000ff" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2e2efe" onclick="Barva(this.bgColor)">

</td><td bgcolor="#5858fa" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8181f7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)">

</td><td bgcolor="#cecef6" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)">

</td><td bgcolor="#efeffb" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#100719" onclick="Barva(this.bgColor)">

</td><td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#240b3b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#380b61" onclick="Barva(this.bgColor)">

</td><td bgcolor="#4b088a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#5f04b4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#7401df" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8000ff" onclick="Barva(this.bgColor)">

</td><td bgcolor="#9a2efe" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ac58fa" onclick="Barva(this.bgColor)">

</td><td bgcolor="#be81f7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e3cef6" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ece0f8" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5effb" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2a0a29" onclick="Barva(this.bgColor)">

</td><td bgcolor="#3b0b39" onclick="Barva(this.bgColor)">

</td><td bgcolor="#610b5e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8a0886" onclick="Barva(this.bgColor)">

</td><td bgcolor="#b404ae" onclick="Barva(this.bgColor)">

</td><td bgcolor="#df01d7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ff00ff" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fa58f4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f781f3" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f6cef5" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fbeffb" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#190710" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#3b0b24" onclick="Barva(this.bgColor)">

</td><td bgcolor="#610b38" onclick="Barva(this.bgColor)">

</td><td bgcolor="#8a084b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#b4045f" onclick="Barva(this.bgColor)">

</td><td bgcolor="#df0174" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ff0080" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fa58ac" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f781be" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f6cee3" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)">

</td><td bgcolor="#fbeff5" onclick="Barva(this.bgColor)">

</td></tr>
<tr height="24"><td bgcolor="#000000" onclick="Barva(this.bgColor)">

</td><td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)">

</td><td bgcolor="#151515" onclick="Barva(this.bgColor)">

</td><td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)">

</td><td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#424242" onclick="Barva(this.bgColor)">

</td><td bgcolor="#585858" onclick="Barva(this.bgColor)">

</td><td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)">

</td><td bgcolor="#848484" onclick="Barva(this.bgColor)">

</td><td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)">

</td><td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)">

</td><td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)">

</td><td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)">

</td><td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)">

</td><td bgcolor="#ffffff" onclick="Barva(this.bgColor)">
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="24"><td height="24" id="vzorec" width="24">
</td><td valign="bottom">Kode warna yang terpilih : <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Verdana; font-size: 12px; font-weight: bold; height: 16px; width: 74px;" type="text" /></td></tr>
</tbody></table>
</form>

6. Klik Publish

Cara Membuat Teks Berjalan Pada Menu Bar

2012-01-20T13:29:00.000+07:00

Apa yang dimaksud dengan Menu Bar .. ??
Menu Bar blog/web yaitu garis horizontal yang terletak pada bagian atas blog/web. Untuk mempermudah pemahaman kepada Menu Bar silahkan Anda lihat gambar dibawah ini:

Pada gambar diatas tanda lingkaran merah adalah menu bar dari sebuah blog/web.

Cara membuat teks berjalan pada menu bar :

1. Login di blogger
2. Edit Template - Edit HTML
2. Cari kode </head> ,gunakan Ctrl + F untuk memudahkan pencarian kode.

3. Kemudian letakkan kode dibawah ini tepat diatas kode </head>

5. Ganti tulisan yang berwarna merah dengan kalimat anda sendiri, angka 200 menunjukkan kecepatan teks berjalan di menu bar, semakin kecil angka tersebut maka semakin cepat teks berjalan, dan sebaliknya. Silahkan diganti angka tersebut sesuai keinginan anda.

4. Save Template

Cara Mengganti Template Blog

2012-01-19T01:47:00.000+07:00

Anda dapat menemukan berbagai macam template cantik dari berbagai situs free blogger template, tinggal Anda cari di google dengan kata kunci Free Blogger Template

Yang pertama harus anda lakukan adalah meng-extract template yang sudah anda download tadi, ini dikarenakan file tersebut formatnya masih berupa Winrar.Zip dan harus di ekstract terlebih dahulu sebelum di upload.

Cara Mengganti Template Blog :

1. Login di blogger

2. Klik Template

3. Klik Cadangkan / Pulihkan

4. Cari di folder mana Anda menyimpan template yang sudah Anda download tadi, pilih file yang berformat xml pada template baru yang sudah ter-extract.

5. Kemudian klik Upload / Unggah

6. Save template

Cara Membuat Blog Di Blogger

2012-01-18T14:49:00.000+07:00

Sebelum membuat blog di blogger/blogspot, terlebih bdahulu anda harus mempunyai Email dari Google (Gmail). Email inilah yang nantinya akan Anda gunakan untuk membuat akun baru di blogger/blogspot.

Cara Membuat Blog Di Blogger/Blogspot :

1. Kunjungi situs blogger di www.blogger.com, kemudian isikan email dan pasword gmail yang sudah anda buat tadi lalu klik SIGN IN.

2. Isi kolom-kolom register dengan nama Anda, email dan password email, nama tampilan serta jangan lupa beri tanda centang pada 'penerimaan persyaratan' kemudian Klik lanjutkan.

3. Isi judul blog dan juga alamat URL blog, terlebih dahulu klik cek ketersediaan untuk mengetahui apakah URL tersebut masih tersedia atau tidak. Jika URL blog yang Anda inginkan tidak tersedia, itu berarti sudah ada orang lain yang mendaftarkan URL tersebut. Dan Anda diminta untuk mengisikan URL lain yang belum terdaftar. Klik lanjutkan jika langkah tersebut sudah anda selesaikan.

4. Pilih salah satu template awal yang anda suka, kemudian klik lanjutkan

5. Blog baru anda sudah selesai dibuat dan siap di isi dengan artikel-artikel untuk anda publikasikan.

Selamat berkarya