Advertise

Tampilkan posting dengan label Action Script. Tampilkan semua posting
Tampilkan posting dengan label Action Script. Tampilkan semua posting

Merubah Warna Background Dasar Blog Secara Otomatis

jika tutorial blog sebelumnya membahas cara modifikasi label-tag seperti menu navigasi ala wordpress, dan untuk tutorial blog kali ini akan membahas cara mengganti warna background dasar blog secara otomatis tanpa harus mengdit html template anda.

Cara merubah warna background dasar blog ini bisa dilakukan secara otomatis dengan menambahkan sedikit script yang bisa ditempatkan pada bagian widget blog anda.

Lihat DEMO

Cara pembuatannya seperti berikut :

Masuk pada dasbor blog anda
Pilih Rancangan >> Add widget Template >> Pilih HTML/Javascript
Masukan script merubah background outomatis dibawah ini :
<div style="overflow:auto; width:100%; height:100%;margin-top:16px">
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
Pilih Warna Latar
<table border="1" width="300" height="20">
<tr> <td
onclick="bgChange('')" bgcolor="white">
</td> <td
onclick="bgChange('#FAFAD2')" bgcolor="#FAFAD2">
</td> <td
onclick="bgChange('#F0E68C')" bgcolor="#F0E68C">
</td> <td
onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF">
</td> <td
onclick="bgChange('#98FB98')" bgcolor="#98FB98">
</td> <td
onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6">
</td> <td
onclick="bgChange('#87CEFA')" bgcolor="#87CEFA">
</td> <td
onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">
</td> <td
onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">
</td> <td
onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA">
</td> <td
onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3">
</td> </tr>
</table>
</div>

Jika sudah silahkan Klik Simpan.
dan lihat hasilnya.

NB :: Anda bisa merubah warna-warna background yang ada di script diatas dengan mengganti kode warna sesuai selera anda. selamat mencoba.

Membuat Next - Prev Image Dengan Flash 8

Untuk tutorial flash kali ini saya akan membuat tutorial cara membuat Next - Prev atau back pada koleksi image atau foto. Pada tutorial sebelumnya telah di bahas cara pemasangan script Next dan Prev jadi jika anda ingin mengikuti tutorial ini alangkah baiknya anda membuka tutorial sebelumnya supaya anda dapat mengikuti tutorial ini. Lihat Contoh Di bawah ini :

Please Wait......


Langsung saja pada tutorial Membuat Next -Prev Image dengan Flash 8.

  • Langkah pertama Buat Dokumen baru pada Flash 8.
  • Sebagai contoh saya membuat dokumen baru dengan ukuran 510px x 300px
  • Buat 4 buah layer Seperti gambar di bawah ini.

next -prev slide

Layer image :: Untuk image yang akan di gunakan.
Back tombol :: Bacground tombol
Tombol :: Tombol yang digunakan.
Stop :: Untuk Script Stop.

  • Import / Masukan image yang akan di gunakan pada layer image pada frame 1, 2 dan 3
  • Klik pada File >> Import >> Import to Library.
  • Buat backround tombol dengan warna biru transfaran pada Layer Back tombol.
  • Buatlalah Tombol Next Dan Back pada layer Tombol.
  • Disini saya menggunakan tombol bawaan dari flash sendiri. caranya yaitu
  • Klik Windows >> Commont Libraries >> Buttons
Disitu banyak pilihan tombol yang bisa di gunakan.
Pilih mode name Playback flat >> Flat blue back dan flat blue forward.

Untuk Layer stop digunakan untuk action script stop.

Jika sudah sekarang waktunya pemasangan script.

Klik tombol Next sebelah kanan. masukan script dibawah ini
on (press) {
nextFrame();
}

Klik tombol Prev atau Back. dan masukan Script dibawah ini.
on (press) {
prevFrame();
}

Dan pada Layer stop frame pertama masukan Script Stop. seperti ini.
stop();

Sekarang coba anda jalankan. dengan cara Klik Ctrl + Enter. Gimana cukup mudah bukan.
Pastikan anda sudah memahami cara pemasangan script di tutorial flash sebelumnya. Trimakasih dan selamat mencoba.

Script Anti Iframe

Dulu, kang Rohman pernah menulis tentang Iframe pada artikel Mengenal perintah IFRAME, dengan iframe kita bisa menampilkan isi dari website yang lain didalam website atau blog milik kita. Ini tentunya bisa menguntungkan bagi yang memasang iframe, namun sebaliknya bagi pemilik website yang dipasang iframe sangat merugikan karena tidak mendapatkan jumlah kunjungan yang sebenarnya dan dapat mengambil jatah bandwidth website tersebut ( apabila hosting sendiri).

Untuk yang blognya di host di blogger tentu tidak ada masalah karena bandwidth blogger boleh di katakan tidak terbatas, namun bagi yang sewa hosting sendiri ini sangatlah merugikan. Walaupun demikian untuk pengguna blogger juga dirasa sedikit kurang menguntungkan karena mendapatkan sebuah kunjungan palsu.

Bagaimana cara untuk menghindari agar orang lain tidak bisa memasang iframe untuk blog kita? caranya sangat mudah, dengan hanya memasang sebuah script sederhana, anda dapat menghindari pencurian dari kode iframe.

Langkah sederhana yang bisa anda lakukan adalah dengan memasang script berikut pada bagian header template anda.

<script type="text/javascript">
<!-- Hide Script
if (top.location != self.location) {
top.location = self.location
}
//End Hide Script-->
</script>


atau bisa juga memakai script berikut :

<script type="text/javascript">
<!--
if (parent.frames.length > 0) { parent.location.href = location.href; }
-->
</script>


Jika script diatas terpasang pada kode template website atau blog anda, maka apabila ada yang memasang iframe terhadap blog anda maka secara otomatis akan di redirect ke website anda.

Bagi yang masih merasa sedikit kebingungan tentang pemasangan script diatas, berikut langkah-langkahnya.

Untuk blogger :

* Silahkan login ke blogger dengan ID anda.
* Klik Tata Letak.
* Klik tab Edit HTML.
* Carilah kode </head>;
* Copy paste kode berikut persis diatas kode </head>


<script type="text/javascript">
<!-- Hide Script
if (top.location != self.location) {
top.location = self.location
}
//End Hide Script-->
</script>



* Klik tombol SIMPAN TEMPLATE.
* Selesai

Untuk pengguna Wordpress.org, pada theme umumnya ada file yang bernama header.php, bukalah file tersebut lalu cari kode </head>, lalu copy paste script yang tadi tepat diatas kode </head>. Namun, jika anda ingin praktis, anda bisa menggunakan plugin break out of frame.

Selain itu, script anti iframe juga untuk menghindari pemasangan iframe oleh google image ataupun digg, sehingga akan berpeluang mendapatkan jumlah kunjungan yang lebih banyak. Salah satu contoh website yang mengimplementasikan kode diatas adalah http://fliptextgenerator.com. Untuk membuktikan bahwa script diatas bekerja dengan baik, silahkan anda pasang kode iframe dibawah ini pada sidebar blog anda.


<iframe align="left" frameborder="0" src="http://fliptextgenerator.com" width="200" height="200" scrolling="no"> </iframe>

Setelah script diatas dipasang, lalu silahkan buka halaman blog anda dan lihat apa yang terjadi?

Penulis : Kolom Tutorial (Kang Rohman)
Update : 08 Apr 2010 07:20 AM PDT

Action Script In Flash 8

Sebelum kita membahas lebih dalam mengenai ActionScript, terlebih dahulu kita harus mengetahui arti dari ActionScript tersebut. ActionScript adalah bahasa pemograman yang digunakan didalam program flash yang berfungsi untuk memberikan perintah didalam animasi flash.

Untuk memahami ActionScript tidaklah susah seperti memahami bahasa pemograman lainnya, dengan memahami prinsip penggunaan ActionSript yang biasa digunakan,maka kita sudah dapat memmanfaatkan nya untuk berbagai keperluan.

untuk membuka panel ActionScript atau ingin memasukan Script caranya dengan mengklik Window > Action atau juga bisa dengan menekan tombol F9 pada keyword.

lihat gambar dibawah tampilan ActionScript pada Flash 8.



Jumlah ActionScript yang terdapat pada flash sangatlah banyak, tapi kita tidak wajib untuk menghafalnya tetapi minimal kita mengetahui Atau memahami fungsi ActionScript tersebut. Selanjutnya kita akan membahas jenis - jenis ActionScript.

Jenis ActionScript dalam flash dibagi menjadi 3 berdasarkan letak Script.

1. ActionScript pada frame

ActionScript pada frame adalah Actionscript yang diletakan pada frame, atau juga sering disebut FrameScript. FrameScript ini hanya bisa dilakukan pada keyframe atau blankkeyframe.untuk melihat frame yang telah diberikan script terdapat tanda berupahurup 'a' kecil yang menandakan keberadaan sebuah Script.


2. ActionScript pada MovieClip

ActionScript yang diletakan pada MovieClip sering disebut MovieScript. yang harus diingat adalah untuk membuat movieScript tentunya harus ada MovieClip tempat kita meletakan ActionScript tersebut. MovieClip memiliki bahasa (syntax) sebagai berikut.

onClipEvent (event) {
perintah
}

Arti syntax movieScript diatas adalah :
  • Kata 'onClipEvent' menunjukan bahwa perintah ini ditujukan untuk MovieCliptempat diletakannya Script.
  • kata 'event' menunjukan event yang terjadi pada movieClip tersebut.sebenarnya Event di MovieClip ada 9 diantaranya :load, enterFrame, unload, Mouse up, Mouse Down,Key down, Key up, dan data.Namun diantara semua itu yang sering digunakan yaitu load dan enter Frame.
  • Kata 'perintah' menunjukan perintah yang dapat diberikan pada MovieClip.

3. ActionScript pada Button

Hal yang perlu diingat yaitu ActionScript pada button tentunya harus ada Button tempat meletakanActionScript tersebut.Secara umum syntax yang digunakan dalam penulisan ActionScript pada Button hampir sama dengan penulisan MovieScript.Perhatikan syntax berikut ini ;

on (event) {
perintah
}

Arti syntax movieScript diatas adalah :
  • Kata 'on' menunjukan bahwa perintah ini ditujukan untuk MovieClip tempat diletakannya scriptdan ini merupakan syarat utama untuk Script yang digunakan pada Button.
  • Kata 'event' menunjukan event yang terjadi pada Button tersebut. ada 7 event yang terdapat pada buttonyaitu press, release, rollOver, rollOut, dragOver, dragOut, dan keypress. Meski demikian hanya dua event yang sering digunakan yaitu press dan release.

ActionScript NextFrame dan PrevFram

ActionScript NextFrame dan PrevFrame
tutorial kali ini akan membahas bagaimana membuat image atau gambar dan animasi yang di buat dengan flash untuk bisa berpindah secara berurut dan balik secara berurut atau lebih dikenal dengan Next dan Prev. Berdasar artinya nextframe adalah menuju ke frame selanjutnya secara berurut dan prevframe adalah kembali ke frame sebelumnya secara berurut.

Contohnya seperti berikut :

Buatlah 3 buah layer baru .
insert frame pada frame 3 untuk semua layar.
pada layer 1 (pertama) buatlah 2 buah tombol yang nantinya akan diberi script nextframe dan prevframe.

sebagai contoh saya membuat 2 buah tombol berbentuk kotak yang diletakan di kiri dan kanan, untuk tombol yang kiri tombol Prev dan yang kanan tombol Next.

pada layer 2(kedua) buatlah objek gambar atau anda juga bisa mengimfort image yang akan dimasukan di dalam frame 1,2,dan 3

sebagai contoh
di frame no 1 saya membuat lingkaran.
di frame no 2 saya membuat kotak persegi.
di frame no 3 saya membuat Persegi panjang.

sebaiknya insert keyframe terlebih dahulu pada blank frame di frame 1,2 dan 3 supaya lebih cepat memasukan gambar silahkan anda buat gambar tersebut dan masukan pada blank frame 1,2,3

pada layer 3(tiga) masukan script stop seperti ini

stop();

Memasukan script untuk tombol
untuk tombol masukan script berikut ini :
untuk tombol kanan (Next) . caranya yaitu klik tombol Next lalu masukan script dibawah ini pada kotak actions

on(press) {
nextFrame();
}

dan Untuk tombol kiri (Prev) caranya yaitu klik tombol Prev lalu masukan script dibawah ini pada kotak actions

on(press) {
prevFrame();
}

Untuk lebih jelas lihat gambar di bawah ini :