Thursday, October 25, 2012

Cara Membuat menu utama dengan visual basic 6.0 .


Kali ini saya akan mengajarkan kepada anda Cara membuat menu utama dengan visual basic 6.0 . 
  1. Jalankan Visual Basic 6.0 terlebih dahulu
  2. Buatlah sebuah MDI form dengan cara: klik menu Project-Add MDI Form 
  3. Lalu akan muncul jendela baru seperti di bawah ini:
  4. Lalu klik tombol Open.
  5. Setelah itu, MDI Form akan tampil
  6. Tampilan MDI From sedikit berbeda dengan form biasa, MDI Form memiliki warna yang agak gelap dan hanya bisa di buat satu kali saja di satu project.
  7. Setelah MDI Form berhasil di buat, sekarang kita buat menu-menunya. Pilih menu Tools-Menu Editor atau tekan Ctrl + E atau bisa juga langsung anda pilih icon menu editor yang terletak di samping icon open seperti pada gambar.
  8. Setelah memilih menu editor, maka akan muncul jendelah menu editor seperti pada gambar di bawah ini:
  9. Sekarang kita mulai pembuatan menunya, langkah pertama yang kita lakukan adalah mengisi kolom Caption dan kolom Name. Caption dan Name di sini merupakan Caption & name dari menu yang akan kita buat nanti. Setelah caption dan name di isi, lalu klik tombol next untuk untuk membuat menu berikutnya. Sebagai contoh, saya akan mengisi kolom Caption dengan” &File” dan kolom Name dengan “mnfile” seperti di bawah ini:
  10. Lambang “&” pada kolom Caption berfungsi untuk membuat garis bawah pada huruf “F” dari kata “File” sehingga pada saat menu kita telah sekesai akan terlihat seperti “File”. Sedangkan “mn” dari “mnfile” pada kolom Name merupakan inisial dari nama menu. Hal ini sama seperti saat anda memberi name pada sebuah textbox. Inisial pada textbox biasanya adalah “txt”, sehingga pada saat memberi name pada textbox alamat (Cuma buat contoh aja), maka name-nya menjadi “txtalamat”. Seperti itulah maksudnya…
  11. Setelah Caption dan Name menu selesai di isi, secara otomatis kolom yang ada di bawah jendela menu editor akan terisi seperti gambar di bawah ini
  12. Setelah itu, klik tombol Next. Maka area abu-abu akan turun menjadi seperti:
  13. Kemudian klik tombol Panah ke kanan  , maka akan muncul titik-titik seperti di bawah ini:
    Ini menandakan bahwa yang akan di buat selanjutnya merupakan sebuah submenu.
  14. Isi kembali kolom Caption dan Name seperti di bawah ini:
  15. Kemudian klik tombol Next kembali untuk membuat menu berikutnya.
    Maka tampilannya akan seperti ini
  16.  Klik tombol pana ke kiri , untuk menghilangkan titik-titik yang ada, sehingga akan tampil seperti ini
  17. Ini menandakan bahwa yang akan kita buat adalah sebuah menu, bukan submenu.
  18. Saya rasa anda sudah paham tentang pembuatan menu dan sub menunya, ini sangat mudah…! Sekarang coba anda buat sendiri menu-menu-nya sehingga akan terbentuk struktur manu seperti di bawah ini:
  19. Setelah anda berhasil membuat struktur menu seperti gambar di atas, silahkan klik tombol OK pada jendela Menu Editor. Setelah itu, perhatikan MDI Form yang telah anda buat tadi..! terdapat sedikit perubahan… YUPZ..! sekarang MDI Form anda sudah di lengkapi dengan menu-menu yang baru saja anda buat. Untuk lebih jelasnya akan terlihat seperti di bawah ini.
  20. Jika anda ingin mengedit menu-menu yang tadi, anda hanya perlu mengklik icon Menu Editor atau menekan Ctrl+E pada keyboard atau juga pilih menu tools-Menu Editor (MDI Form harus dalam keadaan terpilih).
  21. Langkah selanjutnya adalah mengisi listing pada tiap-tiap menu yang ada sehingga dapat berfungsi dengan baik. Kita mulai dari submenu exit. Silahkan pilih menu Exit yang terdapat pada MDI Form seperti di bawah ini:
  22. Setelah menu Exit di klik, maka akan muncul jendela listing. Silahkan isi listing keluarnya seperti anda mengisi listing tombol keluar. Di sini saya contohkan listing yang paling sederhana seperti di bawah ini:
  23. Gampangkan..! hahaha…! Ehm-ehm…mav…
  24. Lakukan hal yang sama untuk mengisi listing pada menu yang lain.
  25. Di bawah ini adalah listing pada submenu “Barang” dari menu “Master”
  26. Fungsi listing di atas adalah untuk memanggil form barang yang saya miliki.
  27. Di bawah ini merupakan listing dari submenu “Penjualan” dari menu “Transaksi”
Fungsi listing di atas adalah untuk memanggil form penjualan yang saya miliki.itu lah yang saya posting 
SEMOGA BERMANFAAT

Saturday, October 13, 2012

Membuat Widget Tab View Menu Tanpa Edit HTML


Membuat Widget Tab View Menu Tanpa Edit HTML >> Membuat Menu dengan Tab - Sebenarnya udah banyak blog blog lain yang membahas tentang cara membuat tabview ini, namun dalam pembuatan tab view menu biasanya kita harus mengedit HTML template yang pasti sangat merepotkan dan apabila gagal resikonya bisa merusak template, meskipun tidak mungkin rusak jika sebelum melakukan pengeditan sudah membackup template terlebih dahulu.

Membuat Widget Tab View Menu Tanpa Edit HTML


Gambar Di atas adalah contoh Membuat Widget Tab View Menu Tanpa Edit HTML
Setelah bereksperimen, akhirnya saya coba dengan meletakkan kode script-nya langsung di widget sidebar, ternyata berhasil. Dengan menyatukan semua kode yang ada, pembuatan menu tab view tidak perlu lagi susah payah mengedit HTML template.
Baiklah langsung saja kita praktekkan langkah langkahnya :

  1. login dulu ke blogger 
  2. kemudian pada Elemen Halaman klik Tambah Gadget
  3. pilih yang HTML/Javascript. 
  4. Setelah itu tambahkan kode script menu tab view-nya seperti dibawah ini :

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #000; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */

}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a><span style="color: #fff">Tab 1</span></a>
<a><span style="color: #fff">Tab 2</span></a>
<a><span style="color: #fff">Tab 3</span></a>
</div>
<div style="width: 300px; height: 200px;" class="Pages">

<div class="Page">
<div class="Pad">
konten 1
</div>
</div>


<div class="Page">
<div class="Pad">
konten 2
</div>
</div>

<div class="Page">
<div class="Pad">
konten 3
</div>
</div>
</div></div></form>

<script src="http://johnytemplate.googlecode.com/files/tab_view.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script></div>

Keterangan:
Tulisan berwarna Orange merupakan keterangan dari masing-masing kode. Silahkan atur nilainya sesuai keinginan
Tulisan berwarna Merah merupakan warna judul Tab
Tulisan berwarna Biru merupakan judul Tab
Angka 300 pada 'Width' menunjukkan panjang kotak dan 200 pada 'height' menunjukkan tinggi kotak. Silahkan ganti nilainya sesuai ukuran template anda.
Tulisan yang dicetak tebal berwarna orange tua merupakan isi tab view. Silahkan ganti dengan teks, link, banner atau kode widget anda.
Jika anda ingin menambah menu tab baru cukup tambahkan kode yang berwarna hijau dibawahnya. Demikian tadi tips  Membuat Widget Tab View Menu Tanpa Edit HTML , contoh dari tab view ini bisa anda lihat di bawah fosting blog ini ^_^

Selamat Mencoba........!!!    Moga Sukses.......................................!!

Thursday, October 11, 2012

Download Smadav Pro Rev. 9.1 Terbaru 2012 (Update)




SmadavBelum lama ini antivirus lokal indonesia yaitu Smadav merilis versi barunya yaitu Smadav Pro Rev. 9.1.1 pada bulan mei ini, Pada versi barunya ini ada penambahan yaitu :
  • 860 database virus baru
  • Penyempurnaan metode deteksi heuristik smadav
  • Dan masih banyak lagi.

Smadav memang cocok untuk komputer offline dengan berbagai banyak fitur yang di sediakan yaitu:

  • Proteksi 100% Usb flashdisk
  • Pembersihan virus yang menyebar luas

Baiklah langsung di download saja di bawah ini:
Gunakan dengan sebaik-baiknya
Semoga bermanfaat... Good Luck....!

Wednesday, October 03, 2012

Kumpulan Simbol HTML Pilihan Situseo Blog



Situseo Blog : Deretan simbol-simbol HTML dibawah ini merupakan simbol pilihan yang mungkin bisa memperbaiki tampilan blog kalian, jangan berharap semua simbol ada dalam tabel karena saya memilih beberapa (banyak juga sih) simbol yang memiliki bentuk yang unik dan menarik, pemilihan simbol ini tidak berdasarkan fungsi dari simbol-simbol tersebut.

§ïτμš∈∅ β⌊⊕

Simbol-simbol html ini saya ambil dari dua situs yang memajang tabel simbol-simbol html, jika kalian ingin secara lengkap mengetahui simbol-simbol html yang ada, kalian bisa mengetahuinya dari situs tersebut (link aktif sumber ada dibagian bawah posting), berikut ini simbol-simbol yang saya kumpulkan dan saya pilih dari situs-situs tersebut :


Simbol HTML Pilihan Situseo Blog
SimbolKode HTMLSimbolKode HTMLS
I
M
B
O
L


H
T
M
L
&#8709;&#8711;
&#8712;&#8715;
&#8721;&#8730;
&#8733;&#8734;
&#8743;&#8744;
&#8745;&#8756;
&#8776;&#8801;
&#8804;&#8805;
&#8834;&#8835;
&#8836;&#8838;
&#8839;&#8853;
&#8855;&#8869;
Δ&#916;Θ&#920;
Φ&#934;Ψ&#936;
Ω&#937;α&#945;
β&#946;γ&#947;
δ&#948;μ&#956;
σ&#963;κ&#954;
φ&#966;ϑ&#977;
ϖ&#982;Ÿ&#376;
ƒ&#402;&#8364;
&#8482;&#8592;
&#8593;&#8594;
&#8595;&#8596;
&#8629;&#8968;
&#8969;&#8970;
&#8971;&#9674;
&#9824;&#9827;
&#9829;&#9830;
©&#169;®&#174;
@&#64;~&#126;
£&#163;¤&#164;
¥&#165;«&#171;
»&#187;&#182;
¿&#191;Ä&#196;
Å&#197;Æ&#198;
Ð&#208;æ&#230;
ë&#235;÷&#247;


Simbol simbol html ini bisa kalian manfaatkan penggunaanya sebagai pemisah, seperti yang saya pergunakan pada breadcrumb atau sebagai pemisah karakter lainnya.

Semoga bermanfaat,
Sumber simbol html : http://www.w3schools.com/tags/ref_symbols.asp dan http://www.web-source.net/symbols.htm

Followers

 

Collection of Lesson. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com