Saturday, 3 April 2010

Cara Membuat Bingkai Foto Dengan Photoshop

Apakah foto kamu ingin tambah cakep?atau ingin menambah variasi dengan sebuah bingkai.nah berikut adalah contoh-contoh membuat bingkai foto yang cepat dan ,udah karena tinggal pilih - pilih model bingkai yang sudah disediakan. karena jenisnya sudah ada tentu modelnya juga sebatas yang ada, tapi walaupun begitu kita masih bisa menambah sedikit kreasi untuk tampilan yang bagus.

Contoh jenis-jenis bingkai, misalnya seperti gambar dibawah ini:


Berikut adalah Tutorilnya:
  • Sediakan Foto yang akan diberi bingkai,jika belum anda ganti dengan gambar lain.
  • Duplikat foto terlebih dahulu,jika terjadi kesalahan, kamu masih punya yang aslinya.
cara nya adalah sebagai berikut:
  • Pilih Image, Duplikat Image atau bisa juga klik kanan pada Image dan pilih Duplikat Image, maka akan tampil seperti gambar dibawah ini


  • Buat seleksi berbentuk persegi panjang dengan menggunakan rectangle, dan hasilnya akan tampak seperti gambar dibawah ini

 
  • Berikan perintah , select inverse untuk membalikkan seleksi
  • Pilih warna di Swaches 
  • Pilih Edit > Fill  dan pastikan pada bagian Use berisi Foregruund > klik OK, maka bingkai tersebut sudah terbentukdengan warna yang dipilih tadi
  • Pilih style > pilih variasi warna bingkai
  • untuk menambah yang lain pilih panah kanan atas pada style 

Thursday, 1 April 2010

Cara Membuat Teks Berjalan

Marquee adalah kode HTML yang berguna untuk membuat teks berjalan. Dengan memasang marquee ini, blog kita akan terlihat lebih hidup dan dapat menghemat ruangan pada blog kita.

Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.

Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes.

Beberapa attributes yang sering digunakan dalam marquee yaitu:

1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :

  • Alternate : Teks bergerak bolak-balik
  • Slide : Teks hanya bergerak sekali saja
  • Scroll : Teks bergerak ke satu arah secara kontinu
2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :

  • Up : Teks bergerak keatas
  • Down : Teks bergerak kebawah
  • Left : Teks bergerak kekiri
  • Right : Teks bergerak kekanan
3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda

4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara menghasilkan kode warna. Baca disini

5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.

6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.

7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".

8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.

9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.

10. Loop: untuk mengatur jumlah pengulangan.

Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:


 Contoh 1: Efek teks berjalan bolak-balik secara horizontal:



Welcome To My Blog

Kodenya:
<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="450px">Welcome To My Blog</marquee></font>

Contoh 2: Efek teks berjalan bolak-balik secara vertikal:

Welcome To My Blog

Kodenya:
<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">Welcome To My Blog</marquee></font>

Contoh 3: Efek teks berjalan kekanan secara kontinu

Welcome To My Blog


Kodenya:
<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Welcome To My Blog</marquee></font>

Contoh 4: Efek teks berjalan kekiri sekali saja

Welcome To My Blog

Kodenya:
<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="blue" width="450px">Welcome To My Blog</marquee></font>

Contoh 5: Efek teks berjalan kekanan tiga kali

Welcome To My Blog
 
Kodenya:
<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="red" width="450px">Welcome To My Blog</marquee></font>

Contoh 6: Efek Bounce

Welcome to My Blog

Kodenya:
<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Welcome to My Blog</marquee></marquee></font>

Untuk membuat teks berhenti jika mouse menyentuh area marquee dan berjalan kembali jika mouse meninggalkan area marquee. Tambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"

Sebagai contoh saya memasukkan kode ini:

<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">cara membuat teks berjalan</marquee></font>


Hasilnya seperti ini:
 
cara membuat teks berjalan 

Silahkan menggeser mouse Anda ke area marquee untuk melihat hasilnya..sengihnampakgigi

Ini hanya beberapa contoh efek marquee atau teks berjalan. Masih banyak efek-efek lain. Silahkan utak-atik sendiri dengan mengganti nilai-nilai pada attributes.


Cara memasang kode marquee pada blog:

1. Login ke Blogger. Klik menu Layout->Page Elements
2. Klik Add a Gadget. Klik tombol + pada HTML/ Javascript
3. Masukkan kode marquee yang ingin Anda gunakan lalu klik Save
4. Selesai. Klik View Blog untuk melihat hasilnya

Selamat mencoba...senyum

Cara memasang jam pada blog

Jam selain berfungsi sebagai penunjuk waktu juga bisa dijadikan sebagai aksesoris bagi blog. Dengan memasang jam, blog kita akan terlihat lebih hidup dan profesional.

Bagi Anda yang lebih mementingkan konten dari pada tampilan lebih baik tidak usah memasangnya karena akan memperlambat loading page pada blog Anda. Tapi bagi Anda yang lebih mengutamakan tampilan pada blog, tidak ada salahnya untuk memasang aksesoris ini.


Banyak layanan yang menyediakan aksesoris jam gratis seperti http://www.timeanddate.com, http://www.clock4blog.eu, http://www.clocklink.com, http://www.widgetbox.com dan masih banyak lagi. Pada postingan kali ini saya akan membahas tentang memasang jam analog dari World time server. Karena layanan ini bisa menyediakan waktu yang lebih akurat dan banyak pilihan warna yang bisa Anda pilih sesuai selera.

Untuk memasangnya, silahkan ikuti langkah-langkah dibawah ini:
1. Kunjungi situs http://www.worldtimeserver.com/clocks
2. Pilih salah satu bentuk jam analog yang Anda inginkan dengan mengklik link dibawah gambarnya masing-masing
3. Kemudian Anda akan masuk kehalaman kustomasi seperti ini:



  • Clock Color : Pilih warna sesuai dengan selera dan template Anda







  • Size : Pilih ukuran yang Anda inginkan




  • Location : Pilih lokasi Anda




  • City Name : Isi nama kota Anda. Ini bersifat optional. Jika Anda tidak ingin menampilkan tinggal dikosongkan aja



  • 4. Jika sudah, klik Update HTML Code 
    5. Copy kode dalam kotak Object HTML Code
    6. Buka blogger. Klik menu Layout -> Page Elements
    7. Klik Add a gadget. Klik tombol + pada HTML/ Javascript
    8. Pastekan kodenya dalam kotak lalu klik Save9. Selesai. Silahkan klik View blog untuk melihat tampilannya