Bluefever studio http://bluefever-studio.com web design studio Mon, 23 Jun 2008 06:07:45 +0000 http://wordpress.org/?v=2.5.1 en free mozzila firefox 3 download http://bluefever-studio.com/browser/free-mozilla-firefox-3-download.html http://bluefever-studio.com/browser/free-mozilla-firefox-3-download.html#comments Mon, 23 Jun 2008 06:07:45 +0000 admin http://bluefever-studio.com/?p=20 Are you looking for mozilla firefox 3 ? the new update of mozilla firefox browser. You can download mozilla firefox here :

just click this button
Firefox 3

]]> http://bluefever-studio.com/browser/free-mozilla-firefox-3-download.html/feed tutorial html http://bluefever-studio.com/tutorial/tutorial-html.html http://bluefever-studio.com/tutorial/tutorial-html.html#comments Thu, 12 Jun 2008 11:10:53 +0000 admin http://bluefever-studio.com/?p=19 Apa itu HTML ?

HTML merupakan singkatan dari HyperText Markup Language. Merupakan bahasa pemrograman yang digunakan untuk membuat halaman web. Bahasa HTML terdiri dari tag-tag. Tag diawali dengan tanda ” < ” dan ditutup dengan ” > ”.

Contoh :

<table> ini merupakan contoh dari tag table.

Struktur dasar dari html

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

Contoh penggunaan :

<html>

<head>

<title>Halo

</title>

</head>

<body>

Halo dunia…

</body>

</html>

Code berikut bisa diketik di notepad, wordpad, ms word, open office writer, dan editor text lainya. Jangan lupa untuk menyimpan file tersebut dengan extensi .html

]]> http://bluefever-studio.com/tutorial/tutorial-html.html/feed Technorati Profile http://bluefever-studio.com/general/technorati-profile.html http://bluefever-studio.com/general/technorati-profile.html#comments Wed, 11 Jun 2008 08:58:51 +0000 admin http://bluefever-studio.com/?p=18 Technorati Profile

]]> http://bluefever-studio.com/general/technorati-profile.html/feed How to show yahoo messsenger status on your web / blog http://bluefever-studio.com/tutorial/how-tou-show-yahoo-messenger-status-on-your-web-blog.html http://bluefever-studio.com/tutorial/how-tou-show-yahoo-messenger-status-on-your-web-blog.html#comments Fri, 06 Jun 2008 12:08:56 +0000 admin http://bluefever-studio.com/?p=17 Do you want to show your yahoo messenger status on your web / blog ? Do you want to show your contact on yahoo messenger, so that visitor who have visited your web /blog can contatc you by yahoo messenger

here, html code that must you add to your web /blog :

<a href=”ymsgr:sendIM?yahoo_id“> <img src=”http://opi.yahoo.com/online?u=yahoo_id&m=g&t=0&l=us”/>
</a>

copy the code dan paste in to your web /web. change yahoo_id to your account on yahoo. for the apperance, change the code 0 to number that have range 1 - 9.

example :

<a href=”ymsgr:sendIM?dewa_yudhi“> <img src=”http://opi.yahoo.com/online?u=dewa_yudhi&m=g&t=2&l=us”/>
</a>

that must be show like this:

Good luck…

bluefever studio

]]> http://bluefever-studio.com/tutorial/how-tou-show-yahoo-messenger-status-on-your-web-blog.html/feed cara menampilkan status yahoo messenger di halaman web/blog anda http://bluefever-studio.com/tutorial/cara-menampilkan-status-yahoo-messenger-di-halaman-web-blog-anda.html http://bluefever-studio.com/tutorial/cara-menampilkan-status-yahoo-messenger-di-halaman-web-blog-anda.html#comments Thu, 05 Jun 2008 11:45:31 +0000 admin http://bluefever-studio.com/?p=15 Anda ingin menampilkan status yahoo mesengger di web / blog anda ? Anda ingin menampilakan contact anda di yahoo messenger sehingga pengunjung yang berkunjung ke web / blog anda dapat chat dengan anda melalui yahoo messenger ?

berikut code html yang harus anda sisipkan ke web /blog anda.

<a href=”ymsgr:sendIM?nama_id_anda“> <img src=”http://opi.yahoo.com/online?u=nama_id_anda&amp;m=g&amp;t=0&amp;l=us”/>
</a>

copy kode diatas dan paste ke web / blog anda. ganti nama_id_anda dengan nama account anda di yahoo. untuk bentuk tampilannya, ganti kode 0 dengan angka yang mempunyari range 1 - 9.

contoh :

<a href=”ymsgr:sendIM?dewa_yudhi“> <img src=”http://opi.yahoo.com/online?u=dewa_yudhi&amp;m=g&amp;t=2&amp;l=us”/>
</a>

Maka tampilannya akan menjadi seperti ini :

Selamat Mencoba…

bluefever studio

]]> http://bluefever-studio.com/tutorial/cara-menampilkan-status-yahoo-messenger-di-halaman-web-blog-anda.html/feed mozzila firefox dipakai alien ? http://bluefever-studio.com/browser/mozzila-firefox-dipakai-alien.html http://bluefever-studio.com/browser/mozzila-firefox-dipakai-alien.html#comments Sat, 31 May 2008 05:58:55 +0000 admin http://bluefever-studio.com/?p=13 Siapa yang tidak mengenal browser yang satu ini, Mozzila Firefox . web browser ini yang dibilang terbaik didunia ini memang menarik. Selain Themesnya yang bisa diubah-ubah, terdapat juga plugins yang dapat ditempel pada mozzila.

Ternyata tidak hanya manusia saja yang memakai mozzila, para alien diluar sana juga pakai mozzila untuk browsing di internet. kira2x mereka pakai google ngga ya sebagai search engine mereka..?? :)

firefox crop circle

ini salah satu gambar crop circle yang saya temukan di internet.

Firefox 2

]]> http://bluefever-studio.com/browser/mozzila-firefox-dipakai-alien.html/feed bali http://bluefever-studio.com/bali/bali.html http://bluefever-studio.com/bali/bali.html#comments Tue, 27 May 2008 10:05:08 +0000 admin http://bluefever-studio.com/bali/bali.html Banyak yang bisa dimuat tentang pulau ini. yup, pulau bali. pulau surga, pulau seribu pura. banyak wisatawan yang berkunjung kepulau ini, baik itu domestik maupun luar negeri. Kebudayaannya yang unik dan menawan disertai penduduknya yang ramah menambah daya tarik pulau ini.

Kali ini saya membuat web yang berisi tentang pulau bali. walaupun sederhana tapi akan saya update lagi contentnya.

situs ini beralamat di http://bluefever-studio.com/bali/

bluefever-studio-bali

Yup, walaupun sederhana. mudah2xan bisa untuk memperkenalkan bali. :)

tunggu update-update selanjutnya.

]]> http://bluefever-studio.com/bali/bali.html/feed Support world Aids Day http://bluefever-studio.com/general/support-world-aids-day.html http://bluefever-studio.com/general/support-world-aids-day.html#comments Fri, 16 May 2008 18:17:09 +0000 dewa yudhi http://bluefeverstudio.com/?p=8 Pita merah merupakan lambang internasioal untuk HIV selama 15 tahun. kenakan di blog anda sebagai rasa solidaritas anda terhadap 40 juta orang yang hidup dengan HIV. Red ribbon bisa didapatkan di http://www.worldaidsday.org/help_wear_red_ribbon.asp

Support World AIDS Day

]]> http://bluefever-studio.com/general/support-world-aids-day.html/feed mendesign glossy button di illustrator http://bluefever-studio.com/tutorial/mendesign-glossy-button-di-illustrator.html http://bluefever-studio.com/tutorial/mendesign-glossy-button-di-illustrator.html#comments Fri, 16 May 2008 03:22:20 +0000 dewa yudhi http://bluefeverstudio.com/index.php/2008/05/mendesign-glossy-button-di-illustrator/ Hmmm… Klo tadi kita kerja di Photoshop, sekarang kita kerja ke Illustrator. Yuk, kita mulai ja langsung..

  1. Buat bentuk tombol. Gw pake Rounded Rectangle 10 px.

  2. Isiin gradasi dengan tone atasnya lebih tua dari tone bawahnya. Jangan pake stroke, trus dikunci. Ini punya gw.

    Hasilnya:

  3. Pilih menu Object » Path » Offset Path.

    Pake -2px (kamu bisa modif lagi).

    Inget pake tanda minus, biar nanti hasil offset-nya lebih kecil dari bentuk semula (kaya perintah select»modify»contract di Photoshop). Isiin warna putih tanpa stroke. Jadi kaya gini :

  4. Pilih Direct Selection Tool (A) , trus teken tanda minus di keyboard ‘-‘. Hapus 2 titik ini (yang gw kasi tanda merah).

  5. Trus pake Convert Anchor Point Tool (Shift+C) . Kamu klik aja titik yang gw kasi tanda ungu. Fungsinya untuk ngelurusin sisi. Jadinya kaya gini.

  6. Pake Direct Selection Tool (A) , kamu seleksi dua titik bawah (Tips: pertama seleksi satu titik, trus teken Shift sambil klik titik yang satunya lagi). Bawa ke atas, kamu teken aja tanda up di keyboard kamu berkali-kali sampe sisa kira-kira setengahnya. Like this..

  7. Kali ini kita buat kotak kira-kira sebesar bagian putih tadi. Lebih besaran dikitlah. Kasi gradasi default (Black and White, angle -90).

    Taruh menutupi bagian putih tadi.

  8. Ctrl+A. Kamu bakal menseleksi bagian putihnya juga. Trus, buka palet Transparency, klik panah yang kesamping tu, pilih Make Opacity Mask.

    Semakin putih gradasinya, semakin kelihatan bagian putihnya. Semakin hitam gradasinya, semakin ga kelihatan objeknya.

  9. Jadi deh… Udah mirip sama yang dibuat di Photoshop kan? Klo diliat-liat lagi, caranya sama kq. Cuma perintahnya aja yang beda ;)
  10. Bisa kamu tambahin drop shadow pada bentuk dasar tombol. Gw pake pengaturan ini.

    Hasilnya:

Kamu juga bisa mengaplikasikan tutorial ini ke bentuk teks. Tapi sebelummya, kamu create outline dulu.. Baru deh kamu jalanin tutorialnya…

Good luck, selamat mencoba, dan terus berkreasi..

Silahkan download di sini (format: .ai, size: 1,1MB)

]]> http://bluefever-studio.com/tutorial/mendesign-glossy-button-di-illustrator.html/feed mendesign glossy button di photoshop http://bluefever-studio.com/tutorial/mendesign-glossy-button-di-photoshop.html http://bluefever-studio.com/tutorial/mendesign-glossy-button-di-photoshop.html#comments Fri, 16 May 2008 03:15:44 +0000 dewa yudhi http://bluefeverstudio.com/index.php/2008/05/mendesign-glossy-button-di-photoshop/ Seperti janji aku di postingan sebelumnya, aku udah nyiapin beberapa tutorial yang biasa aku pake pas ngedesain web. Aku pake dua software, Adobe Photoshop CS (yup, katro emang. Tapi ntar lagi gw ganti kq. Jadi yang pake versi yang baru, silahkan cari alternatif lain deh) ama Adobe Illustrator CS2 (ntar juga mo diganti pake CS3).
Yup, ini dia tutorialnya. Silahkan menikmati. Resep untuk 6 porsi, minyak goreng dapat diganti dengan mentega *loh.. salah =p*.

  1. Buat bentuk tombol yang kamu inginkan. Aku sih pake bentuk rounded rectangle . Ukuran dan warna terserah kamu. Disini aku pake warna #92CDFF.

  2. Trus kamu seleksi bentuk tombol dengan cara Select » Load Selection ato kamu Ctrl+klik thumbnail di palet layer.

  3. Ubah foreground ke tone yang lebih tua. Punyaku pake #094373. Trus, kasi gradasi linear, Foreground to Transparent . Buat gradasi dari atas ke bawah. Jangan lupa tekan Shift pas buat gradasi. Fungsinya untuk menjaga gradasi kamu agar tetap lurus.

  4. Bentuk tombol masih diseleksi, pilih menu Select » Modify » Contract.

    Pake 3 pixels aja.

    Ini akan membuat seleksi sebesar 3 pixels lebih kecil dari seleksi awal.

  5. Jangan di-deselect dulu… Pake tool Rectange Marquee Selection (M) , pilih Subtract from Selection, feathernya 0 . Buat seleksi untuk ngilangin bagian bawah kira-kira setengahnya.

    Trus nanti jadi kaya gini:

  6. Buat layer baru dengan cara klik aja icon Create a New Layer ato (Ctrl+Shift+N). Kali ini kita bakal buat efek glass-nya.

  7. Masih belum di-deselect. Ubah foregroundnya jadi warna putih (#FFFFFF) *MESTI WARNA PUTIH! Soalnya sekarang mau buat efek glass-nya. Putih adalah warna yang umum untuk buat efek glass*. Kasi gradasi linear, Foreground to Transparent , dari dari atas ke bawah (kaya sebelumnya). Baru di-deselect (Ctrl+D). Punyaku jadi seperti ini:

  8. Yaaapppzz.. Udah jadi deh.. Sekarang kamu bisa nambahin blending option seperti inner glow, drop shadow, ato stroke (di tutorial” yang aku temuin biasanya pake tiga itu ja). Klo mau ngisiin, jangan terlalu gede size-nya. Web 2.0 perlu warna yang tegas n kuat.

  9. Gw ngisiin inner glow…

    Drop shadow…

    dan stroke…

    Blanding tadi diaplikasikan pada layer 1. Hasilnya seperti ini.
    Tapi gw tetep milih tanpa blending option apapun.

So, gimana punyamu? Klo ga sreg silahkan kamu otak-atik lagi, trus kasi tahu aku (tempe juga boleh, tapi karena kedele mahal, ayam aja deh sekalian). Bagi" ilmu gitu deh..
Good luck, dan selamat berkreasi…

Silahkan download di sini (format: .psd, size: 31KB)

]]> http://bluefever-studio.com/tutorial/mendesign-glossy-button-di-photoshop.html/feed