Minggu, 27 Oktober 2013

Cara Buat Menu Bar di Blogspot


Cara membuat Menubar di blog - Hmm, sobat sudah pada tau menubar itu apa kan? Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang ada pada suatu blog itu.
oke ini adalah gambarnya


Gemana sob keren kan?
berikut caranya:
1. Login ke akun Blogger sobat
 
2. Sekarang Klik Template
3. Klik EDIT HTML
4. Sekarang Cari Kode </head> agar mudah dalam pencarian tekan Ctrl+f
5. Letakan kode di bawah tepat di atas kode </head>


<style type='text/css'> 
#tabs28 {   float:left;   width:100%;   background:#fff;   font-size:93%;   line-height:normal; border-bottom:1px solid #DD740B;   }
 #tabs28 ul { margin:0; padding:10px 10px 0 50px; list-style:none;   } 
#tabs28 li {   display:inline;   margin:0;   padding:0;   } 
#tabs28 a {   float:left;   background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHHaB0lG-uN56hszhVXDVTSFUgdjFYNCMSyf9RZ-Gsy-BIa7ankevui0NjIptwU5hZF3JsY2GeLu1Q48gl1cQ1x-zfUhfvvpkqCVCiLt2C0jI9DnSIFa-Rk3iY1W9clBV4YBZXmd_9-NQG/s1600/slide-left.gif&quot;) no-repeat left top;   margin:0;   padding:0 0 0 5px;   text-decoration:none;   } 
#tabs28 a span {   float:left;   display:block;   background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh48GGHmYwZDSTwNXLXm2u-ZnNapSGuJx01ba9_QoVf1mFTO19T3xOspdsBZ5WDQedC5tZ8UxhyphenhyphenADD2w3eiYF_wOj8ZtFfN2INCTjE5vekjcIInxJVDSeLAGVqJCX4vjntA5JWJZ_oKmWLP/s1600/side-right.gif&quot;) no-repeat right top;   padding:5px 15px 4px 6px;   color:#FFF;   } 
#tabs28 a span {float:none;}  #tabsI a:hover span {   color:#FFF;   } #tabs28 a:hover {   background-position:0% -42px;   } 
#tabs28 a:hover span {   background-position:100% -42px;   }</style>
Catatan:
Anda Boleh Ganti tulisan 10 dengan yang anda inginkan(fungsinya untuk panjang jarak atas)
Anda Boleh Ganti tulisan 50 dengan yang anda inginkan(fungsinya untuk panjang sebelah kiri) 

7. Sekarang kita menuju ke layout
 
8. Klik Tambahkan Gadget dan pilih 'HTML/Javascript
9. Letakan script html di bawah ini di kolom yang disediakan. (Ingat, untuk kolom judul gadget tidak perlu diisi)


<div id="tabs28">

<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
<li><a href="#"><span>Link 7</span></a></li>
<li><a href="#"><span>Link 8</span></a></li>
</ul>

</div>
10. Klik Simpan
catatan: ganti tanda # dengan alamat URL
               ganti Link 1 - Link8 dengan nama menu yang anda inginkan,
oke mungkin cukup sekian, Semoga Bermanfaat..! 
Sumber :http://www.henryds.com/2013/05/cara-buat-menu-bar-di-blogspot.html

Sabtu, 19 Januari 2013

COMBO BOX DAN OPTION BUTTON

Assalamualaikum Temen Temen Semua, Salam Luar Biasa nich Untuk Hari ini. *hehehehehe Asik Asik Asik Hari Sabtu Waktunya Liburan nich dari Rutinitas Kantoran *hihihihi jadi bisa nyempetin buat bikin Materi Blog ini. Siapa tau bisa berguna buat temen temen yang memang sedang / baru Belajar Delphi 7 Sama Seperti Saya b(^o^)d. Untuk Materi Kali ini Seperti Judul Diatas Kita bakal mengenal Component Tab Standart Delphi Yang biasa kita temui di Kebanyakan Software Software Programing. Apa itu, Yupssss Combo Box dan Radio Button. Component ini biasanya sering kita pakai dalam pembuatan aplikasi atau program ya karena fungsinya memang sangat dipakai.
Apa Sich Combo Box, Component Combo Box Pada Delphi 7 adalah semacam List Edit Box dimana kita tidak perlu menuliskan teks disana karena dia sudah menyiapkan teks yang akan ia tampilkan sesuai string / kata yang kita setting di sana. Jadi Semacam Pilihan Jawaban yang tinggal kita pilih dengan format List Down. Untuk Component ada di tab Standart dengan Icon Seperti Berikut ini :
 Kalo Radio Button Apaan Sih itu ???, *hmmmmm kalau radio button ialah component dimana kita bisa memberikan pilihan hanya dengan mengklik salah satu dari opsi radio button yang ada. Penyelasan mudahnya ya suatu component pemilihan yang formatnya berbeda dengan combo box yang menggunakan drop down kalau radio button berupa pilihan Option Radio atau titik hitam di tengah lingkaran ^.^’. Untuk Component Radio Button terdapat pula di tab standart dengan Icon Sebagai Berikut :
Teorinya Udah Sekarang langsung Aja Praktek penggunaannya Ya, Pertama Tama Buat tampilan Form Sebagai Berikut :

Ubah Properties Tiap Object Sebagai Berikut :

Nah Berikut Alur dari Program nya, Saat Program Dijalankan Maka Combo Box akan terisi 2 Pilihan Item Yakni :
1. Sistem Informasi.
2. Technik Komputer.
Saat Radio Button dipilih Pagi / Siang maka edit box akan memunculkan teks ‘ Waktu Kuliah Anda Pagi / Siang’.
Saat Radio Button dipilih Sore / Malam maka edit box akan memunculkan teks ‘Waktu Kuliah Anda Sore / Malam’.
Dan Saat Button Keluar Di Klik Maka akan keluar dari program,
Berikut List Code Programnya : Untuk Mengisi Combo Box kita bisa menggunakan 2 cara, yakni mengisi langsung pada saat design form dengan mengisinya pada properties name Items Combo Box seperti Gambar berikut ini :
Klik Kota Kecil pada Properties Name combo_jurusan, maka akan muncul dialog Box sebagai berikut :
Kita Tinggal Menuliskan Items / isi list yang ingin ditampilkan setiap baris kata kita tinggal enter. jika semua sudah tinggal klik Ok Saja. maka pada saat program dijalankan maka combo_jurusan akan menampilkan teks yang sudah kita setting tadi.
Namun ada satu cara lagi Mengisi items list pada combo box Delphi 7,  yakni dengan menggunakan coding dimana kita mengatur list yang dimunculkan pada saat form dijalankan dengan menggnakan code program delphi 7, berikut Code Programnya :
 procedure Tfrm_materi4.FormCreate(Sender: TObject);
  begin



  combo_jurusan.Items.Add('Sistem Informasi');

  combo_jurusan.Items.Add('Technik Komputer');

  end;


code tersebut kita bisa terjemahkan sebagai berikut : event formcreate berati code dijalankan pada saat program dijalankan, pada combo_jurusan.items beratir pada properties items add berarti ktia menambahkan (‘Sistem Informasi’) kenapa diberikan kutip karena yang akan kita masukkan berupa teks.
Berikut Code Radio Button nya :
1procedure Tfrm_materi4.radio_pagiClick(Sender: TObject);
2begin
3 
4  edit_waktu.Text:='Waktu Kuliah Anda Pagi / Siang Hari';
5 
6end;
Kalau Radio Button Pagi / Siang di Klik atau dipilih maka edit_waktu akan mengmpilkan teks := ‘Waktu Kuliah Anda Pagi / Siang hari’
1procedure Tfrm_materi4.radio_malamClick(Sender: TObject);
2begin
3 
4    edit_waktu.Text:='Waktu Kuliah Anda Sore / Malam Hari';
5 
6end;
Sama halnya dengan Radio Button Malam, Berikut Code Untuk Button Keluar :
1procedure Tfrm_materi4.button_keluarClick(Sender: TObject);
2begin
3 
4  close;
5 
6end;
Berikut Untuk tampilan Program Saat Sudah Dijalankan :
Combo Jurusan bisa di drop down dengan pilihan Items Sistem Informasi Masi Dan Technik Komputer.
Pada Saat Radio Button Sore / Malam Dipilih Maka Muncul Teks Pada Edit Box Waktu dengan Teks Yang Sudah Ditentukan ‘Waktu Kuliah Anda Sore / Malam Hari’.
Nah Mudah kan, Sekarang kita sudah mengenal 2 componen Combo Box dan Radio Button Kalau ada keinginan belajar itu tidak sulik kok. Nah Untuk Memperlancar penggunaan Combo Box dan radio button. Mengisi List Items Combo Box dengan coding, temen temen bisa download latihan untuk materi kita kali ini dan dipraktekkan langsung. Ikuti Saja Soalnya kemudian jika ada kesulitan bisa di lihat list Coding Jawabannya yang juga sudah disiapkan.

Selamat Mencoba..

Cara Buat Menu Bar di Blogspot

Cara membuat Menubar di blog - Hmm, sobat sudah pada tau menubar itu apa kan? Menubar adalah sebuah kotak tab/bar yang isinya berupa na...