Kamis, 26 Februari 2009
Membuat Message Board dengan Shoutbox

Apa Shoutbox?

Shoutbox atau tagboard atau chatbox, adalah papan untuk menggunakan pesan sistem yang memungkinkan anda untuk berinteraksi dengan orang lain seketika.J Shoutbox dapat ditempatkan pada situs atau blog Anda.Pengunjung dapat dengan mudah mengirim komentar di dalamnya.Mereka juga dapat menggunakan Shoutbox untuk chatting dengan Anda dan pengunjung lain pada saat yang sama.

  1. Buka www.shoutmix.com
  2. Klik

    BUAT SEKARANG SHOUTBOX

  3. Isi Kotak dialog di bawah ini : Create shoutbox
  4. Contact information
    1. Your real name.
    2. How we can contact you.

    We hate spam as much as you do. We treat these information with utmost care and your email address is only used for administrative purposes. Please read our privacy policy for more.

  5. Klik Continue
  6. Pilih Style/ Gaya/ Shoutbox style
  7. Klik Continue

Choose a style to get started. More color configurations are available later.

8. Kemudian muncul :

Thank you for using ShoutMix

Your shoutbox nooryadi has been created. You may now login to the control panel to use your shoutbox.

To place the shoutbox on your site, simply go to the Get Codes page once you are in the control panel.

9. Klik Go to my control panel now

10. Klik Get Codes, copy code html di bawah ini kemudian klik Tata letak, Tambah gadget, klik html/java sript, paste-kan ke situ

Place shoutbox on webpage

Copy the generated codes below and paste them in your website template where you want the shoutbox to appear.

Shoutbox size
  1. Unit in pixel, e.g. 160
  2. or percentage, e.g. 100%
Generated codes
<!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe title="nooryadi" src="http://www5.shoutmix.com/?nooryadi" width="160" height="400" frameborder="0" scrolling="auto"> <a href="http://www5.shoutmix.com/?nooryadi">View shoutbox</a> </iframe> <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /> <!-- End ShoutMix -->

posted by Mr. JogGs @ 11.55   0 comments
Ramadhan Slideshow
posted by Mr. JogGs @ 10.02   0 comments
Rabu, 25 Februari 2009
Facebook
Profil Facebook Yumna Nur Farihah
posted by Mr. JogGs @ 23.54   0 comments
[materi blog] scrolling text-marquee-html codes for bloggers
Adding simple scrolling text: Here is the code to add a simple scrolling text from right to left side The output will be like: Example 1: Selamat Datang di SMK Negeri 3 TegalIf you want some more attraction,then try these, Add a background color to the text, Example 2: Selamat Datang di SMK Negeri 3 Tegal
You can choose your background colour by replacing
the hexadecimal code(#99ccff). Click here to see the codes of the different colors. Here are some mode attributes to learn:
direction="left" direction="right" direction="up" direction="down"
The above attributes tells the text which direction to
scroll. Use the code below: Here is are some examples: To scroll in the 'right' direction: Example 3:
Selamat Datang di SMK Negeri 3 TegalExample 4: To scroll in the 'up' direction: Selamat Datang di SMK Negeri 3 Tegal
Example 5: Downwards:(I changed the hexa decimal codes
for different colours)
Selamat Datang di SMK Negeri 3 Tegalfew more attributes: You can add this attribute to alternate the text Here is the code to do this: Example 6: Selamat Datang di SMK Negeri 3 Tegal
You can also set the speed of the text with this simple
attribute: The lower the scrollamount value, the less the speed it
moves, the html code for this: example 7:(for scrollamout =2)
Selamat Datang di SMK Negeri 3 TegalExample 8:(for scrollamount=5) Selamat Datang di SMK Negeri 3 Tegal
Pausing the text when mouse is over the text: It is very useful when the reader wants to read the
text,and the scrollamount is big,sothat he will put the
mouse over the text to pause the text and read the
matter: Here is the code to do this Example 9:
Selamat Datang di SMK Negeri 3 Tegal
(place the mouse over the text to test it) Changing the text colour: Here is the code to change the text colour:
(Add it before the marquee tag) So, the code looks like this Example 10:
Selamat Datang di SMK Negeri 3 Tegal
posted by Mr. JogGs @ 19.47   0 comments
Sabtu, 21 Februari 2009
Metode Pencarian dengan Google
Teknik Pencarian Efektif dengan Google 

FITUR PENCARIAN DASAR

1.      AND: Mencari informasi yang mengandung kedua kata yang dicari. Bisa menggunakan salah satu dari tiga alternatif berikut:
ukiran jepara
ukiran AND jepara
ukiran+jepara

2.      OR: Mencari informasi yang mengandung salah satu dari kedua kata. Bisa menggunakan salah satu dari dua alternatif berikut:
tahu OR tempe
tahu | tempe

3.      FRASE: Mencari informasi yang mengandung frase yang dicari dengan menggunakan tanda "". Contoh:
"perangkat lunak"

4.      NOT: Hasil pencarian mengandung kata yang di depan, tapi tidak yang dibelakang minus (-). Contoh di bawah akan mencari informasi yang mengandung kata ikan tapi bukan bandeng.
ikan -bandeng

5.      SINONIM (~): Mencari kata beserta sinonim-sinonimnya. Contoh di bawah akan membawa hasil pencarian: kendaraan (car) dan sinonim-sinonimnya.
~car

6.      ASTERIK (*): Karakter pengganti kata. Dari contoh di bawah, hasil yang didapat bisa: ayam bakar pedas, ayam goreng pedas, ayam masak pedas, dsb
ayam * pedas

7.      TANDA TITIK (.): Karakter pengganti huruf, angka dan karakter tunggal. Dari contoh di bawah, hasil yang didapat bisa: kopi, koki, kodi, dsb
ko.i

8.      CASE INSENSITIVE: Pencarian di Google menganggap kapital dan bukan kapital sebagai sesuatu yang sama. Jadi, romi satria wahono, Romi Satria Wahono, atau RoMi SaTrIA waHoNo akan membawa hasil pencarian yang sama

9.      PENGABAIAN KATA: Google mengabaikan keyword berupa karakter tunggal dan kata-kata berikut: a, about, an, and, are, as, at, b, by, from, how, i , in, is, it, of, on, or, that, the, this, to, we, what, when, where, which, with. Apabila kita masih tetap menginginkan pencarian kata tersebut, bisa dengan menggunakan karakter + di depan kata yang dicari (contoh: Star Wars Episode +I), atau bisa juga dengan menganggapnya sebagai frase (contoh: "Star Wars Episode I")

10.  I'M FEELING LUCKY: Akan membawa kita langsung menuju ke hasil pencarian pertama dari query kita

FITUR PENCARIAN LANJUT

1.      DEFINE: Mencari definisi dari sebuah terminologi. Dari contoh di bawah, hasil yang didapat adalah berbagai definisi tentang e-learning dari berbagai sumber
define:e-learning

2.      CACHE: Menampilkan situs web yang telah diindeks oleh Google meskipun sudah tidak aktif lagi. Contoh di bawah akan menghasilkan pencarian kata php pada situs ilmukomputer.com yang ada di indeks Google.
cache:ilmukomputer.com php

3.      LINK: Menampilkan daftar link yang mengarah ke sebuah situs. Contoh di bawah akan menampilkan daftar link yang mengarah ke situs ilmukomputer.com
link:ilmukomputer.com

4.      RELATED: Menampilkan daftar situs yang serupa, mirip atau memiliki hubungan dengan suatu situs
related:romisatriawahono.net

5.      INFO: Menampilkan informasi yang Google ketahui tentang sebuah situs
info:romisatriawahono.net

6.      SITE: Menampilkan pencarian khusus di suatu situs yang ditunjuk
java site:ilmukomputer.com

7.      FILETYPE: Menampilkan hasil pencarian berupa suatu jenis (ekstensi) file tertentu. Jenis file yang bisa dicari adalah: doc, xls, rtf, swf, ps, lwp, wri, ppt, pdf, mdb, txt, dsb. Contoh di bawah akan menampilkan hasil pencarian berupa file PDF yang mengandung keyword software engineering
software engineering filetype:pdf

8.      ALLINTITLE: Menampilkan seluruh kata yang dicari dalam TITLE halaman. Contoh di bawah akan menghasilkan halaman yang memiliki title java programming. allintitle ini tidak dapat digabungkan dengan operator (sintaks) lain. Gunakan intitle untuk keperluan itu.
allintitle:java programming

9.      INTITLE: Menampilkan satu kata yang dicari dalam TITLE halaman. Contoh di bawah akan menghasilkan halaman yang memiliki title java dan isi halaman yang mengandung kata enterprise
intitle:java enterprise

10.  ALLINURL: Menampilkan seluruh kata yang dicari di dalam URL. Contoh di bawah akan menghasilkan daftar URL yang mengandung kata java dan programming. allinurl ini tidak dapat digabungkan dengan operator (sintaks) lain. Gunakan inurl untuk keperluan itu.
allinurl:java programming

11.  INURL:  Menampilkan satu kata yang dicari di dalam URL. Contoh di bawah akan menghasilkan daftar URL yang mengandung kata java dan isi halaman yang mengandung kata enterprise
inurl:java enterprise

Pencarian yang kita lakukan akan semakin efektif apabila kita mencoba menggabungkan beberapa operator baik yang ada di fitur pencarian dasar maupun lanjut. Misalnya, kita ingin mencari file-file PDF yang ada di situs www.pdii.lipi.go.id. Maka kita gabungkan dua operator menjadi:
filetype:pdf site:www.pdii.lipi.go.id 
posted by Mr. JogGs @ 19.24   0 comments
Kamis, 12 Februari 2009
Membuat Logo Animasi
Tingkatkan kreasimu dengan membuat logo animasi dari flash.
Tutorial ini menampilkan sebuah lemon jatuh ke dalam suatu karakter dan menjalankan animasi nya

Untuk memulainya silahkan buka vector logo design dalam Adobe Illustrator.


Export vector logo file diatas menjadi sebuah Macromedia SWF file dan select Preserve Editability checkbox.


Buka Macromedia Flash dan ciptakan new document dengan dimensi yang telah anda tentukan sebelumnya, dan pastikan Frame Rate menjadi 24fps untuk sebuah smooth animation.

File > Import > Import to Stage dan pilih logo SWF file anda. Ini akan menempatkan logo dalam format vector dalam Flash artboard


Select semua objects yang membuat bentuk lemon shape dan group ken mereka dengan menekan (Ctrl/CMD + G), lalu "Cut" lemon dan "Paste" pada layer baru. Ingat untuk memberi nama pada layer2 anda untuk referensi kedepannya.


Pilih frame 50 pada kedua layer dan Masukkan sebuah Keyframe (Click Kanan > Insert Keyframe), ini akan memberikan beberapa space pada timeline untuk bekerja.


Dalam frame pertama, Copy gambar lemon lalu drag gambar tsb kedalam stage secara vertical. Masukkan sebuah Keyframe pada frame 5 dan Edit > Paste In Place, lemon nya, hapus lemon yang di atas pada frame ini.


Klik kanan antara kedua Keyframes ini dan select Create Motion Tween. Anda akan melihat warna biru dan symbol panah antara frames tersebut.


Masukkan sebuah Keyframe pada frame 7, lalu kembali pada frame 5 pindahkan lemon kebawah secara pelan-pelan dengan Free Transform Tool, tahan ALT untuk merubah satu sudut.
Ciptakan sebuah Motion Tween antara frames 5 dan 7.


Ciptakan layer baru dibawah layer lemon dan berinama Shadow. dalam layer ini gambar sebuah oval dengan gradient abu-abu ke putih dari tengan. Pakai Gradient Transform Tool untuk me-ngedit bentuk dari gradient untuk memberikan perspective.


Masukkan sebuah Keyframe pada frame 5 pada layer ini dan skala perkecil bayangandan berikan kesan bahwa lemon sangat jauh. Ciptakan sebuah Motion Tween antara frame2 ini.


Untuk memulai getaran pada lemon, Masukkan sebuah Keyframe pada frame 53 dan 56. Rubah ukuran lemon menjadi lebih besar sec. perlahan2 pada frame 53. Ciptakan sebuah Motion Tween antara frames 50-56.


Copy frames ini dan Paste pada frame 65 untuk getaran perulangan.




Untuk menciptakan getaran lebih cepat masukkan sebuah Keyframe pada 75, lalu Copy frame 68 dan Paste pada frame 77.


Copy frames antara 75-77 dan paste pada frames 79, 82, 85 dan 91 untuk mengulangi getaran pelan dan cepat.




Ciptakan sebuah getaran yang lebih cepat dengan meng-Copy frame 77 dan mem-Paste nya pada frame 94, Copy frame 77 dan Paste pada 95, lalu Copy frames 94-95. Paste frame ini pada 96, 98, 100, 102, 104, 106, 108 dan 110.


Untuk mengakhirinya buatlah lemon pop dan menghilang masukkan sebuah Keyframe pada 112 dan perbesar lemon. Pada panel properties rubah warna ke Alpha dan set pada 50%.


Masukkan sebuah Blank Keyframe (Click Kanan > Insert Blank Keyframe) pada frame 114.
Pindahkan layer2 Shadow dan Logo kedalam layer yang sekarang ini pada timeline dengan inserting frames (F5) pada frame 150.


Jika kamu ingin memainkan animation ini tekan (Enter) kamu akan melihat bagaimana semua Motion Tweens memerikan lemon sebuah animasi, bagaimanapun juga hal yang sama harus terjadi pada bayangan untuk mengikuti pergerakan bentuk dari lemon.
Pada layer Shadow masukkan Keyframes untuk menyamakan layer Lemon diatas dan merubah bayangan menjadi lebih besar secara tepat pada frame 53. Ciptakan Motion Tweens antara 50-55.


Copy frames 50-55 dan paste pada frame 65.
Ulangi proses ini sama seperti yang anda lakukan pada lemon, sampai bayangan memiliki getaran pergerakan yang sama dengan lemon.masukkan sebuah Blank Keyframe pada frame 113




Satu langkah terakhir adalah untuk membuat warna putih mendahului bayangan pada logo text. Mudah dengan men-drag layer Text menjadi diatas layer Shadow.




Tekan Ctrl + Enter untuk mem-publish animation menjadi SWF.


Sumber dari situs Ilmu Website dalam kategori flash dengan judul Membuat Logo Animasi
posted by Mr. JogGs @ 04.55   0 comments

ShoutMix chat widget
about me

Mengenai Saya

Foto Saya
Nama:
Lokasi: Tegal

Udah Lewat
Archives
Date n Time
Links
Template by
Blogger Templates