Membuat Menu di Blogger

Salah satu cara menghemat ruang di dalam blogger adalah dengan membuat menu, yang biasanya terletak di atas. Pembuatan menu ini berlaku untuk semua template blogger, dikarenakan kode terlampir di bawah ini akan membuat area widget sendiri, yang terletak di bawah head.

langsung aja... caranya coba cari kode ]]> kemudian copy kode css di bawah ini tepat diatasnya.

#menuq{ font-family: Verdana; padding:10px;}
.menuq a { color:yellow; border:1px #EDEEF0 solid; padding:5px; text-decoration:none;}
.menuq a:hover {color:red; border:1px #000000 solid; text-decoration:none;}
.menul .widget { border-bottom-width: 0;}

Selanjutnya carilah kode di bawah ini

<div id='header-wrapper'>
<b:section .......dst>
</b:section>
</div>

lalu copy kode di bawah ini tepat di bawah kode di atas..

<div id='menuq'><br /><b:section class='menuq' id='menul' preferred='yes'/>
</div>

apabila telah selesai kemudian simpan dan lihat di menu setting kemudian page element, coba perhatikan dibawah head akan ada area widget baru... langkah selanjutnya klik add widget , dan pilih HTML/JavaScript, kemudian copy kode di bawah ini ke dalamnya.

<div id="menuq">
<a href="http://sitiaryati.blogspot">Home</a>
<a href="http://www.facebook.com/people/Siti-Aryati/1581815292">My Profile</a>
</div>

Menulis Kode HTML di Postingan

Ketika kita membuat postingan yang memuat beberapa kode HTML seperti < dan > pasti akan tampil error message yang membuat kita akan bete'...

Tetapi jangan gundah gulana dulu.. dikarenakan sudah ada web yang melakukan konversi atau merubah kode HTML secara otomatis, sehingga tidak terjadi error, tetapi tampilannya sesuai dengan code HTML…

Contohnya, untuk kode < akan berubah menjadi &lt; sedangkan untuk kode > akan berubah menjadi &gt;

Silahkan ikuti langkah-langkah berikut ini yach...

1. Coba buka web Encode atau Decode HTML ini.
2. kemudian masukkan kode HTML yang akan dimasukkan ke postingan
3. tekan encode atau decode untuk melihat hasilnya

Selesai… tinggal copy kode ke postingan…

Membuat Scroll Box

Untuk menghemat tempat terutama untuk posisi di sidebar, biasanya dipakai scroll box, sehingga tidak perlu kuatir dengan kondisi teks yang sangat banyak...

Teman-teman hanya tinggal copy paste kode berikut:
<div style="height:100px;width:400px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">Disini adalah teks anda… dengan banyaknya teks, secar otomatis akan membentuk kotak scroll box, sehingga dapat menghemat tempat</div>

Hasilnya seperti berikut ini:

Disini adalah teks anda… dengan banyaknya teks, secar otomatis akan membentuk kotak scroll box, sehingga dapat menghemat tempat

Cukup mudah bukan...

Membuat Tombol Hide danShow di Blogger

Tombol Hide dan show ini sangat berguna sekali untuk memangkas ruang halaman, terutama untuk penempatan gambar atau hal-hal yang spesifik lainnya.

Caranya pun cukup mudah... coba perhatikan tombol yang ada dibawah ini, kondisinya bila di klik maka akan tampil box halaman yang berisi kode cara pembuatan tombol hide dan show, dan bila di klik lagi, halaman tersebut akan disembunyikan lagi... cek it dot..

Caranya tinggal copy paste kode dibawah ini

<div>
<div style="margin: 1px;">
<div class="smallfont" style="margin-bottom: 1px;">
<input value="SHOW" style="margin: 0px; padding: 0px; width: auto; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'HIDE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'SHOW'; }" type="button"/></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#808080; text-align: center; padding:10px; "> Disini adalah kalimat atau gambar yang akan muncul di box hide dan show
</div>
</div>
</div>
</div>
</div>

Upload File

Ripway.com merupakan satu free file hosting terpercaya yang menjadi tempat menyimpan file terfavorit bagi para blogger. Anda dapat menyimpan file javascript ataupun css di sini secara gratis. Sebelum memulai proses upload file anda diharuskan melakukan proses registrasi terlebih dahulu.

Langkah-langkah yang harus ditempuh untuk melakukan proses registrasi dan upload file di ripway.com :

1. Berkunjunglah di http://ripway.com
2. Sign up :

klik sign up...

3. Registrasi : Isi data pada box yang tersedia.

• User Name : Tulis Nama User (samakan dengan email/blog).
• Password (Kode Rahasia) : Gunakan paduan huruf dan angka atau samakan dengan password email/blog.
• Password (verify) : Tulis kembali password anda di box bawahnya (harus sama dengan yang sebelumnya).
• Email : Tulis alamat email anda.
• Email (verify) : Tulis sekali lagi alamat email anda.
• Country : Pilih "other".
• Gender (opsional) : Bisa di isi atau dikosongkan.
• Year born (opsional) : Bisa di isi atau dikosongkan.
• ZIP (Postal KODE) : Tulis Kode Pos.
• Klik sign up now!

4. Setelah anda terdaftar, silahkan log in
5. Anda bisa KLIK Link "My Files" pada bagian atas, atau silahkan KLIK pada teks yang bertuliskan Click here to view your files.
6. KLIK Link "Upload" yang terletak di sebelah kiri bagian atas. Tunggu beberapa saat.
7. KLIK "Browse", kemudian pilih file dalam folder PC yang akan di upload. Lanjutkan dengan KLIK button "Upload"
8.KLIK button "Return to my Files", kemudian anda bisa mengambil alamat file yang terdapat dalam box.
9. Selesai, Untuk keluar silahkan Log off, sedang apabila akan masuk kembali lakukan Log in

Membuat Database Sederhana di Visual Basic 6.0

...Welcome to my blog...

Kontrol merupakan bagian terpenting didalam program MS. Visual Basic yang berfungsi menyusun sebuah program aplikasi, dengan kata lain kontrol itu adalah sebuah komponen atau objek yang diletakkan dalam form, berdiri sendiri tetapi saling berhubungan satu sama lainnya, sehingga membentuk sebuah program aplikasi.

Kontrol didalam Visual Basic cukup banyak, seperti :CheckBox, ComboBox, CommandButton, Data, DriveListBox, dan beberapa kontrol lainnya. Namun pada pembahasan saya kali ini, saya hanya akan membahas mengenai Kontrol Data saja.

Mungkin teman-teman semua masih bingung dengan kalimat “Kontrol Data” itu sendiri. Kontrol Data itu adalah sebuah kontrol yang digunakan untuk mengambil sebuah data tabel. Properti yang perlu diubah hanya DatabaseName dan RecordSource saja.

Untuk lebih memahami penggunaan kontrol Data, ikuti langkah berikut ini:

1. Pertama-tama, kita harus memiliki sebuah database beserta tabel untuk ditampilkan pada form. Caranya:

a. Pilih menu Add-Ins → Visual Data Manager, sehingga akan muncul jendela VisData.

b. Kemudian pilih menu File → New → Microsoft Access Version 7.0 MDB. Lihat gambar berikut.

c. Tentukan lokasi penyimpanan database menggunakan kotak Save in. Ketik nama database pada kotak File name, misal DB_Mahasiswa dan tekan tombol Save.

d. Untuk membuat tabel, klik kanan pada item Properties, pilih New Table.

e. Selanjutnya akan muncul kotak dialog Table Structure, ketik nama tabel pada bagian Table Name, yaitu Tabel_Mahasiswa..

f. Tekan tombol Add Field untuk menambah field. Ketik nama field pada bagian Name. Tentukan tipe field pada bagian Type dan panjang karakter pada bagian Size.

Misalnya tambahkan field sebagai berikut:

Filed Name	Type	Size
NIM	Text	10
Nama	Text	35
Nilai	Single	4

g. Setelah selesai menambahkan 3 field pada kotak dialog Add Field di atas, tekan tombol Close.

h. Pada kotak dialog table Structure, tekan tombol Build the Table.

i. Maka telah jadi sebuah database kita. Tekan close pada jendela VisData.

2. Buatlah form yang terdiri dari 3 label, 3 TextBox, 3 CommandButton, Data, DBGrid.

3. Ketikkan code berikut untuk tombol Simpan

Private Sub Command1_Click()

Data1.Recordset.AddNew

Baca_Data

Data1.Recordset.Update

Text1.SetFocus

Text1.Text = ""

Text2.Text = ""

Text3.Text = ""

End Sub

Private Sub Baca_Data()

Data1.Recordset!NIM = Text1.Text

Data1.Recordset!Nama = Text2.Text

Data1.Recordset!Nilai = Text3.Text

End Sub

Ketikkan code berikut untuk tombol Delete

Private Sub Command2_Click()

Data1.Recordset.Delete

End Sub

Ketikkan code berikut untuk tombol Exit

Private Sub Command3_Click()

End

End Sub

4. Jadi deh….

Silahkan jalankan programnya dan isi data-datanya. Hasilnya seperti berikut ini.