Membuat Checkbox Group

Checkbox Group merupakan kumpulan dari beberapa chekbox. Dalam proses pembuatannya pada Abobe Dreamweaver CS6, Anda tidak perlu menyisipkan Checkbox satu persatu, cukup memasukkan label dan nilai Checkbox-Nya pada bagian yang sudah disediakan.

Langkah untuk menyisipkan Checkbox Group adalah :

1. Letakkan pointer mouse di dalam form yang ditandai dengan garis putus-putus berwarna merah
2. Pilih menu Insert > Form > Chechbox Group
3. Selanjutnya akan tampil kotak dialog Checkbox Group. Ketik nama Checkbox Group pada kotak Name
4. Buat daftar pilihan pada bagian Checkbox. Klik teks Checkbox di bawah label, ketik teks keterangan pilihan pertama. Ketik nilai pilihan yang pertama pada bagian Checkbox di bawah keterangan value. Lakukan langkah yang sama untuk membuat pilihan yang ke-2. Untuk membuat pilihan yang ke-3 dan seterusnya, klik tombol + . Sedangkan untuk menghapus pilihan, klik tombol - .
5. Pada bagian Lay Out Using, Anda bisa pilih Line Break [<br> Tags] untuk menempatkan masing-masing Checkbox pada baris baru, atau pilih Table untuk menempatkan Checkbox pada sebuah tabel.
6. Tekan OK.

Menghapus Frame Pada Penelusuran Gambar

Pada pertemuan sebelumnya saya sempat membahas tentang Memasang Label Cloud Colorfull  yang mudah-mudahan bisa bermanfaat bagi anda. Nah, pada kali ini saya akan membahas tentang cara Cara Menghapus Frame Pada Penelusuran Gambar di Google

FUNGSI MENGHAPUS FRAME PADA PENCARIAN Google

Jika ada seseorang yang menemukan gambar di penelusuran google yang berasal dari blog anda, maka ketika orang itu membuka gambar akan langsung di redirect ke blog sobat.

LANGKAH LANGKAH MEMBUATNYA

Langkah untuk membuatnya cukup mudah sekali. Silahkan disimak...

1. Buka Dasbor Blogger > Buka Template > Edit HTML > Cari kode </head> letakkan script dibawah ini diatas kode </head> 
   
   

   
   <script language='JavaScript' type='text/javascript'>
   if (top.location != self.location) top.location.replace(self.location);
   </script>



2. Kemudian simpan template

Terimakasih & Semoga bermafaat

Memasang Label Cloud Colorfull

Selamat siang blogger, kali ini saya hadir dengan membawa tutorial memasang label cloud colorfull. anda penasaran ? seperti gambar diatas itu  adalah tampilan lebel cloud colorfull yang akan saya buat sekarang. langsung saja ke materi tutorialnya ya...

Memasang Label Cloud Colorfull

1. Buka Dasbor Blogger > Buka Template > Edit HTML > Cari kode ]]></b:skin> > Kemudian Paste kan script CSS dibawah ini tepat diatas kode ]]></b:skin>
   
   /* Label Cloud Colorfull - Maz Gendro ----------------------------------------------- */ .sidebar .label-size { position:relative; text-transform:uppercase; text-decoration:none; font-size:13px; font-family:Arial; color:#fff!important; } .sidebar .label-size a { color:#fff!important; font-weight:bold; padding:8px 10px; margin:0 6px 6px 0; float:left; display:block; transition: all 0.4s ease-in-out; } .sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #ff6600;} .sidebar .label-size-1 a:hover {background:#16a085;} .sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #ff6600;} .sidebar .label-size-2 a:hover {background:#2980b9;} .sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #ff6600;} .sidebar .label-size-3 a:hover {background:#27ae60} .sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #ff6600;} .sidebar .label-size-4 a:hover {background:#8e44ad} .sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #ff6600;} .sidebar .label-size-5 a:hover {background:#c0392b}
   
   Kemudia simpan



2. Buka Dasbor Blogger > Tata Letak > Tambahkan Gadget > Lalu tambahkan widget Label dan ikuti pengaturannya sesuai dengan gambar di bawah ini
   
   
   

CATATAN
Sebelumnya Sobat harus menghapus terlebih dahulu kode CSS untuk label di template

Terimakasih & Semoga bermafaat