Free Flash Banner .fla

Buat kalian yang lagi pada sibuk design Tugas Akhir khusus nya Web Design,ini adalah contoh contoh flash banner (swf) dan project file nya (fla), setelah mendownloadnya anda dapat mengedit project file-nya (fla) dengan Adobe Flash. Silahkan di lihat dan di pelajari lebih lanjut :)sesuai dengan kebutuhan.

Tags:

free swf for blog, free swf for website, free download swf banner, flash swf gratis, banner swf garis untuk blog, download animation flash, cara memasang banner swf di blog, download contoh swf, cara membuat flash swf, free animation flash swf fla

Klik Like/share jika anda menyukai tulisan Share

Membuat animated accordion tab

Setelah beberapa waktu lalu saya membuat artikel mengenai membuat menu accordion, kali ini saya ingin sedikit explorasi mengenai accordion. Kali ini yang akan di bahas mengenai membuat animated accordion tab atau animasi pada accordion, bagi yang masih bingung mungkin sedikit gambaran yaitu accordion yang pada saat kita klik dapat berubah warna latar nya, warna berubah pada saat efek sliding berlangsung, dan kembali normal saat selesai sliding nya. :D
Contoh:

Bagian Web Designer

Web Designer

Web designer bertugas sebagai juru gambar, yaitu mendesain website.

Web designer biasanya memiliki kemampuan mengolah gambar menggunakan Photoshop.
Disamping itu, dia juga memiliki kemampuan mengatur layout menggunakan
Dreamweaver, HTML, CSS, Javascript (jQuery).

Bagian Web Programmer

Web Programmer

Web programmer bertugas sebagai juru coding, yaitu melakukan pemrograman website.

Bagian Web Administrator

Web Administrator

Web administrator bertugas sebagai juru maintenance, yaitu melakukan pemeliharaan dan penjagaan website.

Tampilan bisa dilihat contoh nya, tapi untuk lebih pasti, kalian bisa download source nya pada akhir artikel ini...

Sedikit penjelasan dan cara modifikasinya:
Script Js

<script type="text/javascript">
$(document).ready(function(){
$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});
// tambahkan efek baru ke tabs
$.tools.tabs.addEffect("slide", function(i, done){
// 1. ketika pane dibuka, maka akan terlihat efek slide dengan efek kedipan warna ungu
this.getPanes().slideUp().css({backgroundColor: "#b8128f"});
// 2. setelah pane terbuka, maka kembalikan warnanya ke warna semula (transparent)
this.getPanes().eq(i).slideDown(function(){
$(this).css({backgroundColor: 'transparent'});
done.call(); // fungsi call harus dipanggil setelah efek selesai
});
});
});
</script>

Dari script diatas dapat kalian baca dan fahami maksudnya, karena tiap baris sudah diberikan komentar nya...

Script di dalam tag

<body> </body>

<div id="accordion">
<h2 class="current">Bagian Web Designer</h2>
<div class="pane" style="display: block;">
<img width="100" src="css/img/CP.jpg" style="margin: 0pt 15px 15px 0pt; float: left;">
<h3>Web Designer</h3>
<p><strong>Web designer bertugas sebagai juru gambar, yaitu mendesain website.</strong></p>
<p style="clear: both;">
Web designer biasanya memiliki kemampuan mengolah gambar menggunakan Photoshop.
Disamping itu, dia juga memiliki kemampuan mengatur layout menggunakan
Dreamweaver, HTML, CSS, Javascript (jQuery). </p>
</div>
<h2>Bagian Web Programmer</h2>
<div class="pane">
<h3>Web Programmer</h3>
<p>Web programmer bertugas sebagai juru coding, yaitu melakukan pemrograman website.</p>
</div>
<h2>Bagian Web Administrator</h2>
<div class="pane">
<h3>Web Administrator</h3>
<p>Web administrator bertugas sebagai juru maintenance, yaitu melakukan pemeliharaan dan penjagaan website.</p>
</div>
</div>

Dan script diatas adalah script untuk mengatur header dan isi content dari accordion tab yang di buat, silahkan kalian explorasi lebih lagi...

Download Source code accordion tabs

Klik Like/share jika anda menyukai tulisan Share

Animasi VB Form keliling Layar

Hmmmm... udah ga ada ide mau buat apa lagi untuk kali ini, tapi iseng ajah deh ini buat animasi tentang visual basic 6. Sebelum nya banyak artikel mengenai animasi menggunakan visual basic 6 yang telah saya berikan di web ini.
Kali ini animasi yang dibahas adalah animasi form pada visual basci 6, dimana form bergerak mengelilingi layar monitor laptop atau komputer kalian, semoga aja ga kesasar ke monitor lain :p

Persiapan dalam project :

Buat project baru "Standart.exe"
Sediakan satu buah Timer
Dan 1 buah Button (untuk keluar/berhenti)
Segelas kopi susu biar tetep melek depan coding :p

Untuk Coding preview nya :

'---------------------------------------------------------------------------------------
' Module : Form1
' Author : indrawan
' Date : 28/04/2012
' Purpose : www.indrawan21.com
'---------------------------------------------------------------------------------------
Dim ZigZagY As Integer
Dim ZigZagX As Integer
Sub keliling()
Me.Move Me.Left + ZigZagX, Me.Top + ZigZagY
If Me.Left < 0 Then
ZigZagX = 20
ElseIf Me.Left + Me.Width > Screen.Width + 0 Then
ZigZagX = -20
ElseIf Me.Top <= 0 Then
ZigZagY = 20
ElseIf Me.Top + Me.Height > Screen.Height + 0 Then
ZigZagY = -20
End If
End Sub
Private Sub Cexit_Click()
End
End Sub
Private Sub Form_Load()
ZigZagY = 20
ZigZagX = 20
Timer1.Enabled = True
End Sub
Private Sub Timer1_Timer()
keliling
End Sub

Penjelasan sedikit...

'---------------------------------------------------------------------------------------
' Module : Form1
' Author : indrawan
' Date : 28/04/2012
' Purpose : www.indrawan21.com
'---------------------------------------------------------------------------------------

*numpang eksis sedikit pada coding, ga ngaruh apa2... dihapus atau dganti juga ~~gpp kok~~ #Hidup Open Source :p

Dim ZigZagY As Integer
Dim ZigZagX As Integer
Sub keliling()
Me.Move Me.Left + ZigZagX, Me.Top + ZigZagY
            If Me.Left < 0 Then
                ZigZagX = 20
            ElseIf Me.Left + Me.Width > Screen.Width + 0 Then
                ZigZagX = -20
            ElseIf Me.Top <= 0 Then
                ZigZagY = 20
            ElseIf Me.Top + Me.Height > Screen.Height + 0 Then
                ZigZagY = -20
            End If
End Sub

*Pendeklarasian Variable, dalam hal ini saya menggunakan ZigZagY dan ZigZagX yang ber-tipe data integer(penggunaan variable bebas dan disesuaikan)

Private Sub Form_Load()
ZigZagY = 20
ZigZagX = 20
Timer1.Enabled = True
End Sub

*Pemberian value terhadap variable tsb, saya berikan nilai 20

Private Sub Timer1_Timer()
keliling
End Sub

*Pemanggilan Sub animasi nya,menggunakan Timer, Untuk Timer itu sendiri silahkan kalian Set Interval-nya(misal 50). Semakin kecil Interval-nya, maka semakin cepat form tsb bergerak.

Download Source nya:

Download Jawaban Quis Delphi

Mohon maaf sebelumnya jika untuk penyampaian materi terakhir tidak atau kurang dirasa maksimal. Dengan ini saya mau sedikit membalas rasa bersalah kepada para mahasiswa yang ingin mempelajari lebih lanjut tentang materi quis di lab H malam ini. Untuk diketahi untuk materi kita pada quis Delphi kemarin membahas tentang "Operator String" dan sedikit menggunakan "Struktur IF".
Dan untuk sekedar mengingatkan kalian, saya sedikit memberi penjelasan mengenai Struktur IF pada Delphi.

if kondisi then
Pernyataan1 //tanpa titik koma
else
Pernyataan2; //dengan titik koma(untuk mengakhiri pengkondisian

Dari Struktur IF diatas dapat dikembangkan lagi dengan pengkondisian selanjutnya. Konsep dasar dalam IF bisa kalian lihat pada contoh diatas.
Lalu pada kasus berikutnya adalah mengenai Operator String di Delphi.
Untuk Format Penulisan Operator String di Delphi bisa kalian perhatikan pada script berikut:

LeftStr(Object, char)
MidStr(Object, index, Char)
RightStr(Object, Char)

Dari penggalan code diatas adalah format dasar penulisan Operator string(dpt dikembangkan lagi).
Dilihat pada bagian "Object" itu dimaksud adalah tempat atau lokasi dimana string yang mau di eksekusi, saya ambil contoh untuk Object nya menggunakan EDIT1.Text dan saya akan mengambil character sebanyak 2 character.
bisa menggunakan Code sbb :

LeftStr(Edit1.text, 2)
MidStr(Edit1.text, 3, 2)
RightStr(Edit1.text, 2)

Dimana jika di dalam Edit1.text adalah string berupa "TEST STRING"
Edit1

Maka jika kita menggunakan LeftStr hasilnya akan menjadi

*Hanya 2 character dari sebelah Kiri yang tercetak.
Dan bila menggunakan MidStr(3,2) hasilnya:

*Yang tercetak hanya character ke-3 sebanya dua character berikut (spasi)
Dan jika menggunakan RightStr maka hasilnya sbb:

*Hanya dua character dari sebelah kanan saja yang tercetak.

Kurang lebih itulah sedikit penjelasan dasar untuk materi kali ini, jika kalian mempunyai pertanyaan dapat kalian tinggalkan komentar dan pertanyaan pada kolom komentar di bawah artikel ini.

Dan untuk Download Soal berikut Source code jawabannya silahkan klik link dibawah:

Semoga Bermanfaat :)

Klik Like/share jika anda menyukai tulisan Share

Hal Hal Persiapan Sidang Tugas Akhir

Ada info bagus nih, khusus nya untuk mahasiswa/i tingkat akhir di BSI BEKASI. Artikel dan materi ini saya dapatkan dari blog "SMY", dimana beliau adalah salah satu staff akademik di bsi.

Info ini adalah info mengenai persiapan menuju Sidang Tugas Akhir, Untuk bagaimana persiapan yang harus dilakukan oleh Mahasiswa/i, bisa kalian baca selengkapnya di file yang bisa kalian download pada akhir artikel ini.

Sebelumnya terima kasih kpd ibu "SMY" yang telah membuat dokumen ini, semoga bermanfaat untuk semua :)

Download

Klik Like/share jika anda menyukai tulisan Share

SLIDER Header dengan jquery

Contoh diatas adalah contoh dari efek slider image, yang biasanya digunakan unutk header dalam sebuah website.Maaf kalo cuma di frame kurang besar,karena males buat hosting nya :p

Artikel ini atas permintaan dari komentar yang ada di kolom REQUEST semoga dapat membantu...
sedikit penjelasan dari script yang berada di dalam nya

<div id="slide-runner">
<a href=""><img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-2" src="images/nature-photo1.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-3" src="images/nature-photo2.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-4" src="images/nature-photo3.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /></a>
<div id="slide-controls">
<p id="slide-client" class="text"><strong>post: </strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>

Script diatas itu adalah script untuk menentukan lokasi file image yang mau kita jadikan slide nya (warna merah)Sedangkan yang berwarna biru, adalah title dan description untuk tiap slide nya.
Slide terdiri dari 7 image, dan dapat berganti title dan description di tiap image nya.
Untuk mengubah title dan description nya,silahkan kalian lihat pada bagian penggalan script berikut :

<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
</script>

Coba kalian perhatikan potongan script berikut:

{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"}

Pada tag "Client" tsb akan menampilkan title atau judul image(bisa kalian ganti) dan pada tag "desc" tsb adalah untuk description dari image kalian(bisa kalian rubah).
Silahkan kalian sesuaikan dengan judul dan description dari tiap image yang mau kalian tampilkan pada slider.

Untuk Download source code slider nya silahkan :
Slider.zip | Calon Programer

Semoga Membantu

Klik Like/share jika anda menyukai tulisan Share

Contoh Source code Validasi Input TextBoxt Visual Basic

Setelah di artikel sebelumnya saya memberikan sedikit contoh tetang validasi input text pada php, dan validasi input text pada visual basic yang hanya bisa di input dengan huruf, di sini saya berikat untuk contoh source code mengenai validasi input text di visual basic,silahkan kalian download contoh source code nya : Untuk penampakan

Berikut Source code nya :

Private Sub txthufur_KeyPress(KeyAscii As Integer)
If KeyAscii >= 65 And KeyAscii <= 90 Then
KeyAscii = KeyAscii
Else
If KeyAscii >= 97 And KeyAscii <= 122 Then
KeyAscii = KeyAscii
Else
KeyAscii = 0
End If
End If
End Sub
Private Sub txtkapital_KeyPress(KeyAscii As Integer)
KeyAscii = Asc(UCase(Chr(KeyAscii)))
End Sub
Private Sub txtangka_KeyPress(KeyAscii As Integer)
If KeyAscii >= 48 And KeyAscii <= 57 Then
KeyAscii = KeyAscii
Else
KeyAscii = 0
End If
End Sub

Download Disini :

Klik Like/share jika anda menyukai tulisan Share

Langganan: Postingan (RSS)

Tutorial Visual Basic

Free Flash Banner .fla

Membuat animated accordion tab

Bagian Web Designer

Web Designer

Bagian Web Programmer

Web Programmer

Bagian Web Administrator

Web Administrator

Animasi VB Form keliling Layar

Download Jawaban Quis Delphi

Hal Hal Persiapan Sidang Tugas Akhir

SLIDER Header dengan jquery

Contoh Source code Validasi Input TextBoxt Visual Basic

Halaman

Popular Post

Total Pageviews

Be our Fan on Facebook

Categories

Blog Archive

Mengenai Saya