Cara Membuat Teks Berjalan di Menu Bar

Pernak pernik pada website/blog bagi sebagian orang mungkin diperlukan supaya terlihat unik dan menarik, meskipun terkadang pernak-pernik itu tidak memberikan manfaat terhadap perkembangan website/blog itu sendiri, namun selama itu tidak mengganggu dan/atau merusak website/blog tidak ada salahnya digunakan.

Salah satu pernak-pernik yang bisa dipasang oleh pengguna blogspot adalah berupa teks berjalan pada Menu Bar seperti yang saya pasang pada blog ini, coba tengok ke atas, bagaimana menurut Anda?

Jika tertarik juga untuk memasang teks berjalan pada blog Anda, cara membuatnya sangat mudah, cukup memasukan script pada template blog.

Cara Membuat Teks Berjalan di Menu Bar, silahkan ikuti langkah-langkahnya sebagai berikut:
  1. Login ke blogger;
  2. Pada menu Layout => Edit HTML, jangan lupa centang kotak Expand Template;
  3. Letakkan kode dibawah ini diatas kode </head>:
    <script type='text/javascript'>
    //<![CDATA[
    msg = "
    Blog Serba Tersedia";
    msg = "
    | Tutorial | Musik | Video | Software | DLL |" + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
    }
    scrollMSG();
    //]]>
    </script>

    Contoh memasangnya seperti di bawah ini:
    <script type='text/javascript'>
    //<![CDATA[
    msg = "
    Blog Serba Tersedia";
    msg = "
    | Tutorial | Musik | Video | Software | DLL |" + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
    }
    scrollMSG();
    //]]>
    </script>

    </head>
  4. Jika sudah, klik Save Template Selesai.

Cara Membuat Link Pop UP tanpa Javascript

Menampilkan Pop up atau jendela munculan kadang di perlukan untuk kenyaman pembaca, karena dengan begitu halaman terbuka pada ukuran halaman yang bisa di atur lebar tingginya, dan fungsi lain seperti scroll dan toolbar, Link popup bisa di buat tanpa javascript, di bawah ini adalah salah satu contoh link pop up.
Download
Silahkan klik tombol download di atas, maka terbuka halaman yang muncul, sementara halaman ini akan tetap, hal ini memudahkan pembaca agar tidak kehilangan halaman yang sedang di baca ketika di sela sela harus membuka satu link yang anda berikan.
Untuk membuat link seperti ini caranya cukup mudah, anda tinggal memasukan kode html seperti di bawah ini.
<a style="cursor: pointer; color: rgb(255, 0, 0);"
onclick="
window.open('http://download.haryantoblog.com/','','
scrollbars=yes,
menubar=no,
width=800,
resizable=yes,
toolbar=no,location=no,
status=no')">
Download
</a>
Jika anda gagal menggunakan kode di atas anda bisa menggunakan kode yang sudah di parse di bawah ini. kode di bawah ini sebetulnya sama saja dengan yang di atas
<a style="CURSOR: pointer; COLOR: #ff0000" onclick=
"window.open(&#39;http://download.haryantoblog.com/&#39;,&#39;&#39;,&#39;
scrollbars=yes,
menubar=no,
width=800,
resizable=yes,
toolbar=no,
location=no,
status=no&#39;)">
Download</a>
Kode yang berwarna merah bisa anda ganti dengan URL halaman yang akan tampil dalam bentuk Pop UP, dan Width bisa anda rubah untuk menentukan lebar halaman yang akan tampil, jika anda ingin menentukan tinggi anda bisa juga menambahkan height: 900px jangan lupa selalu akhiri dengan tanda koma.
Untuk Alternative lain anda bisa juga menggunakan code seperti di bawah ini.
<a href="http://download.pastianto.com"
target="_blank"
onclick=
"window.open(this.href,&#39;&#39;,&#39;
scrollbars=yes,
menubar=no,
width=800,
resizable=yes,
toolbar=no,
location=no,
status=no&#39;)">
Download</a>
di sini saya memanfaatkan href terlihat dari kode setelah window.open saya menambahkan this.href sebagai pengganti alamat URL dan menghilangkan Style Cursornya saya yakin anda sudah bisa mengotak-atik sendiri sesuai yang anda inginkan.
Yup jika anda ingin menggabungkan ini dengan cara yang sudah pernah saya tulis untuk membuat link yang terbuka dua halaman bisa juga anda tambahkan kodenya anda juga masih bisa menambahkan href untuk membuat agar ketika di klik selain halaman pop up nya yang terbuka juga halamann lain akan ikut terbuka.
Mungkin cara membuat Link Pup Up ini bisa kita manfaatkan untuk berbagai keperluan, misalkan ketika anda memuat gambar yang terlalu besar dan tidak muat di template postingan, maka anda bisa mensiasatinya dengan memasukan thumbnile nya saja di postingan kemudian di tambahkan kode di atas aga pada saat di klik gambar muncul dalam bentuk Pop up.

Berbagai Variasi Tombol PageRank Untuk Blog/Blogspot

Sedikit menyela bukan di waktu yang tepat untuk membicarakan pagerank, saya hanya akan memberikan banyak pilihan tombol pagerank yang bisa Anda pasang di blog Anda:

#
Display
ADD TO Blogger
2
16
19
42
59
61
62
63
67
68
73
75
83
88
97
101
105
110
133

sumber: Getrank.org

Untuk menambahkannya, cukup Anda klik tombol Add to Blogger disamping model widget pagerank yang Anda inginkan.

Akan muncul kotak dialog blogger penambahan widget/gadget. Jika dalam satu akun ada beberapa blog, pilihlah blog pada pilih sebuah blog. Tentukan judul gadget, kemudian klik tombol Menambah Widget untuk memasangnya di blog Anda.
Jika hanya ingin emngambil kodenya dan menyertakan di gadget html lain, silahkan klik Edit Konten dan copy kode yang muncul

Cara Membuat Google Custom Search (Update!)

Blog tutorial selalu dipusingkan dengan perubahan tampilan atau sistem dari objek yang mereka bahas. Belum habis dipusingkan dengan menghilangnya tata letak dari Blogger (baca: Tata Letak Hilang, Ada Dimana?), sekarang Google Custom Search pun telah berubah. Saya tahu ini dari beberapa teman yang kebingungan menerapkan tutorial saya... mari kita bahas...

1. Silahkan ke Google Custom Search
2. Klik tombol Create a Custom Search Engine.


3. Isi formulir yang tersedia
- Name isi dengan nama mesin pencari Anda
- Description gambaran singkat tentang mesin pencari Anda
- Languages pilih bahasa mesin pencari Anda
- Sites to Search isikan blog-blog yang akan dicari isinya.
4. Pilih Standart Edition. Centang persetujuan layanan lalu klik tombol Next.

5. Pilih tampilan yang Anda inginkan. Lalu klik Next.
6. Anda akan mendapatkan kode yang bisa Anda pasang di sidebar Anda.

Dengan kode tersebut, Google akan memberikan hasil cari munculan di atas artikel Anda. Jika Anda ingin yang lebih bagus dan hasil carinya seperti di blog ini tampil di halaman terpisah, maka silahkan lanjutkan tutorial ini:
7. Klik Change the look and feel
8. Dan baca tutorial di postingan berikut: Hasil Cari di Halaman Posting Anda

Selamat mencoba, semoga bermanfaat....

Selengkapnya di www.MasDoyok.co.cc Cara Membuat Google Custom Search (Update!)

Membuat Menu di Samping Judul Gadget dengan Teks Atau Gambar

bagaimana menambahkan menu di sebelah kanan judul, seperti gadget submit artikel di blog ini?"




Mari kita langsung mencobanya...
1. Login blogger
2. Tata Letak
3. Edit HTML
4. Centang Expand Template Widget
5. Carilah kode widget Anda, misal seperti ini
<b:widget id='HTML7' locked='false' title='Hot Update' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

Yang berwarna merah adalah kode judul gadget Anda pada sidebar. Nah untuk menambahkan teks ke samping kanan judul sidebar, Anda cukup tambahkan ke sebelah kode berwarna merah tersebut. Misalkan menjadi kode seperti ini...

<b:widget id='HTML7' locked='false' title='Hot Update' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/> | <a href='http://alamatlinksatu' target='_blank'>namalinksatu</a> | <a href='http://alamatlinkdua'>namalinkdua</a></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

- Simpan Template Anda

Agar Link Rata Kanan
Agar link yang ditambahkan di samping judul label bisa rata kanan (judul label asli mepet kiri, dan link tambahan mepet kanan) silahkan...
1. Tambahkan kode berikut ini di atas ]]></b:skin>
 #linklabel{
float:right;
}

2. Nah, sekarang link yang Anda tambahkan di kanan kode judul gadget menjadi seperti ini:
<h2 class='title'><data:title/><div id='linklabel'><a href='http://alamatlink.com/'>NamaLink</a></div></h2>

Jika Ingin Dengan Gambar
Jika Anda ingin menggunakan icon, cukup Anda ganti kode link di kanan kode judul sehingga seperti ini
<h2 class='title'><data:title/><div id='linklabel'><a href='http://tujuangambar.com'><img src='alamatgambar'/></a></div></h2>

Jika, gambr Anda terlalu besar, silahkan baca Atur Ukuran Gambar Dengan Script. Semoga postingan kali ini bermanfaat.

Cara Membuat File JavaScript

Tutorial ini ditujukan bagi yang baru mengenal JavaScript. Sederhananya, JavaScript adalah bahasa pemrograman yang dapat dibaca oleh browser yang digunakan untuk membuat suatu interaksi pada sebuah halaman website. Jika berbentuk sebuah file biasanya akan berekstensi *.js
Contoh perintah kode JavaScript Alert:
alert("SELAMAT DATANG")
- Kalo mau langsung disisipkan di halaman website kita tambahkan kode HTML Javascript sehingga menjadi:
<script type="text/javascript">
alert("SELAMAT DATANG")
</script>
- Kalo mau dijadikan sebuah file *.js langkah-langkahnya:
1. Buka Notepad. Bagi yang belum tau, Klik Start Menu » All Program » Accessories » Notepad.
2. Masukkan kode JavaScriptnya kamu kedalam notepad.

membuat JS
3. Kemudian Save As file dengan nama file diberi extension .js dan save as type All Files seperti gambar dibawah. Contoh nama file JavaScriptnya "file_saya.js".
JS
4. Kemudian klik Save untuk menyimpan.
5. Upload file JavaScript tsb. Tutorial upload file *.js: Cara Mengupload File JavaScript di Ripway atau Cara Mengupload File JavaScript di Google Sites
6. Untuk menggunakannya di halaman website, kode HTML JavaScriptnya menjadi:
<script type="text/javascript" src="URL Alamat file_saya.js"></script>

Membuat Javascript Milik Anda Pribadi

Berbicara mengenai milik pribadi tentu membuat script itu lebih khusus, hanya milik Anda. Dan berbicara soal keuntungan Anda, dengan memiliki script yang khusus hanya untuk Anda maka membuat blog Anda lebih optimal. Misalkan Anda menemui tuotrial seprti ini dari suatu blog:

menggunakan fasilitas bawaan blogger memang simpel dan mudah tetapi update nya lama. Ketika telah ada beberapa komentar baru masuk memerlukan waktu cukup lama untk menampilkannya di widget komentar terbaru tersebut. Nah, sedangkan alternatifnya adalah membuat kotak komentar menggunakan gadget HTML yang Anda isi dengan script berikut ini, update terbukti lebih cepat...
<script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://www.blog-trik-tip.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Perhatikan pada bagian yang berwarna biru. Tentu Anda akan sangat sering menemukan tutorial yang memerintahkan Anda untuk memasukkan suatu script ke dalam template Anda seperti penggalan di atas. Sekarang kita perhatikan baris berikut dari penggalan artikel di atas:


"http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js"

diawali dengan kode src yang berarti memanggil. Kode di atas berarti Anda akan memanggil objek yang berada di belakang tanda src=, dalam hal ini javascript. Perhatikan bagian yang berwarna biru diakhiri dengan ekstension .js (javascript). Nah bayangkan dari artikel saya ini saja ada 100 orang yang membaca lalu 50 diantaranya mengikuti tutor tersebut dan memasangnya di blog mereka dalam hal ini pemasangan recent comment widget. Maka pada saat blog mereka dibuka bersama-sama, maka script inipun dipanggil bersama-sama. Belum lagi jika yang akses blog mereka pada waktu bersamaan ada 10 orang. Tnetu akan membuat loading widget semakin berat. Oleh karena itu disinilah manfaatnya Anda selalu hosting javascript hanya untuk Anda.

Copy Lokasi
Jika Anda menemukan tutorial serupa dan menemukan sebuah perintah untuk memasukkan script jangan langsung dengan mudahnya mengaplikasikannya. Tapi host ulang script tersebut khusus untuk Anda. Pertama yang dilakukan adalah copy lokasi script dari tutorial tersebut. Anda harus bisa menemukan lokasinya. Seperti ktia contohkan di atas, selalu di awali dengan http:// dan diakhiri .js untuk javascript.

Buka Alamat Tersebut
Bukalah tab baru pada browser Anda. Masukkan alamat yang telah Anda copy ke Adress Bar dan tekan Enter. Maka akan muncul kode javascript.

Simpan Ke Komputer Anda
Pada keadaan menampilkan kode javascript, klik File pada menubar browser Anda. Lalu klik Save As dan tentukan lokasi penyimpanan di komputer Anda.

Host Ulang...
Untuk host script Anda bisa menggunakan berbagai layanan gratis. Diantaranya silahkan Anda baca, Host Javascript di Google Code dan Host File di Google Site.

Masukkan Alamat Script Pribadi Anda
Setelah Anda host ulang javascript, Anda akan mendapatkan alamat script javascript Anda. Masukkan ke srcipt menggantikan script yanga ada pada tutorial, misal:

  src="alamatscriptanda"

Sekarang script tersebut hanya milik blog Anda dan tidak akan di panggil untuk blog-blog lain juga. Semoga bermanfaat.

Cara menuliskan Kode HTML / Javascript pada postingan blog

Mungkin di antara kita masih mempunyai kesulitan dalam menuliskan kode HTML maupun Javascript di dalam posting sebuah blog karena jika kita memasukan langsung Kode HTML maupun Javascript tersebut secara langsung akan diterjemahkan kode HTML/Javascript tersebut bukan bahasa kodenya yang keluar seperti HTML. Dengan cara ini kode HTML tidak akan diterjemahkan ke dalam HTML.

Yang perlu Anda hafalkan hanya empat kode HTML di bawah ini. Untuk pertama kali memang sulit, tetapi Anda akan terbiasa jika sering berlatih sendiri. Agar mudah dihafal ada cara memahami semacam ini.


LT = Less Than = <
GT = Greater Than = >


Kode AsliHasil Terjemahan
&amp;&
&lt;<
&gt;>
&quot;"
Tapi dalam praktik sehari-hari saya hanya dan lebih sering mengganti kode <> saja. Karena cukup dengan mengganti kode tersebut, keseluruhan kode HTML tidak akan diterjemahkan.

Misalnya Anda mempunyai sederet kode HTML panjang yang memiliki puluhan hingga ratusan kode <>. Sungguh tidak mungkin jika Anda harus menggantinya satu per satu, maka Anda bisa menggunakan fitur replace (Ctrl + H) yang ada di notepad atau program pengolah HTML lainnya (Dreamweaver). Tentukan kode yang ingin di-replace (&, <, >, atau ") kemudian masukkan Kode Aslinya untuk di-replace. Untuk pertama kali mungkin terlihat rumit, namun jika Anda sedikit lebih banyak bersabar Anda akan mendapat manfaat yang begitu besar.

Masih bingung?mari saya jelaskan satu per satu

Misalkankita mau menulikan kode HTML seperti di bawah ini pada posting blog


Kode di dalam postingan adalah kode asli diatas. Sekarang coba di klik Preview (tanda panah merah)
Kalau kita posting langsung tanpa di parse dulu maka di postingan tidak akan terlihat. Lihat gambar - gambar di bawah ini:

Tapi kalau kita PARSE dulu kode HTML maka akan beda hasilnya:


Setelah klik Preview (tanda panah merah), maka hasilnya akan terlihat seperti dibawah ini:

nah gimana dah ngertikan caranya memprase

Cara membuat gadget html/javascript agar bisa tanpa judul di blogspot (menghilangkan judul widget)

Cara membuat gadget html/javascript agar bisa tanpa judul di blogspot. Sejak blogger mengintegrasikan blogger in draft (blogger template designer) ke blogger standard, ada beberapa perubahan dalam script template, dan dari pengamatan jika menggunakan template standar blogspot maupun template bawaan blogger designer, maka terkadang muncul pesan kesalahan "Bidang yang dipersyaratkan tidak boleh kosong" , saat membuat , menyimpan sebuah gadget html/javascript yang judulnya dikosongkan.

Untuk menghapus atau menghilangkan judul gadget html/javascript agar judul-nya kosong, maka perlu dilakukan pengubahan script pada template. Gadget html/javascript tanpa judul biasanya diperlukan saat membuat menu navigasi atau gadget lainnya yang sengaja disembunyikan /tidak ditampilkan judulnya.




Mungkin ada diantara teman-teman yang mengalami hal di atas, untuk mengatasinya bisa ikuti prosedur berikut:

A. Cara Menghapus judul gadget html/javascript
versi 1

1. Login ke blogger
2. Pilih Rancangan - Tata letak -Edit halaman
Tambah sebuah gadget html/javascript,(dalam contoh ini kita akan membuat script menu navigasi)
3. Simpan gadget html/javascript tersebut dengan judul Menuku , (judulnya terserah anda karena nantinya akan dihapus juga)
4. Pilih Edit HTML
Cari kata Menuku



Perhatikan script yang terdapat template di atas, bentuknya mirip seperti di bawah ini

<b:widget id='HTML2' locked='false' title='Menuku' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot; &quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

Ubah script di atas menjadi seperti di bawah ini

<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title != &quot; &quot;'>
<data:content/>
</b:if>
</div>






Simpan template.

Perhatikan gadget html/javascript dengan judul Menuku yang telah anda tambahkan di elemen halaman pada langkah 3 di atas. jika sukses maka judulnya akan terhapus.
Tips ini telah saya terapkan pada template standar blogger dan template bloger designer saat membuat menu navigasi horizontal di beberapa blog.


B. Cara menghilangkan judul gadget html/javascript
versi 2

Cara ini lebih sederhana karena tidak memerlukan pengubahan script template.
Di judul /title gadget html masukkan kode <h2></h2>

<h2></h2>




Selain kode di atas anda juga bisa menggunakan kode di bawah ini
<h></h> (biasa digunakan untuk judul blog)
<h1></h1> (biasa digunakan untuk deskripsi blog)
<div></div> (biasa digunakan untuk object seperti efek teks, gambar,dan file lainnya yang di masukkan ke dalam badan postingan /widget)
<p></p> (biasa digunakan untuk spasi)
dll .

Semua kode di atas bisa dijadikan alternatif, namun saya sarankan gunakan h2 , karena blogspot biasa menggunakan h2 dan h3 dalam script templatenya untuk judul postingan dan judul widget.

we ara the outsiders

Superman Is Dead (disingkat SID) adalah sebuah grup musik dari Bali, bermarkas di Poppies Lane II - Kuta. Grup musik ini beranggotakan tiga pemuda asal Bali, yaitu: bobby cool sebagai gitaris dan vokalis, eka rock sebagi bassis, dan jerinx sebagai drummer.
Penggemar Superman Is Dead disebut Outsiders bagi yang laki-laki dan Lady Rose bagi yang perempuan.

dan oleh karena itu,kami "outsiders parakan"bermaksud untuk semakin mengibarkan tinggi bendera outsiders di tanah air yang kami cintai ini.
kami tak bermaksud memecah belah ataupun memberontak dari outsiders yang pernah ada.
tapi kami hanya ingin membuktikan bahwa outsiders kuat dan beragam seperti kalimat 'bhineka tunggal ika in a rock n roll way!' yeach..

biarlah para malaikat dan para setan tetap berperang,biarlah mulut-mulut mencaci maki,biarlah alam semesta mengecam mereka yang munafik,biarlah dunia berguncang karena nestapa yang murka.yang penting adalah kita menjaga dan mencintai tanah air kita 'INDONESIA' dan 'we are the outsiders'..

untuk semua outsiders di alam semesta..chears!!

MEMBLOKIR SITUS DENGAN FIREFOX

Memblokir Situs dengan Firefox

1. Buka Firefox

2. Berhubung saya menggunakan Firefox versi bahasa Indonesia, silahkan download plugins /addons pemblokir situs dengan cara mengklik menu Alat-Pengaya-pilih menu Unduh Pengaya, ketikkan di menu pencarian "Block Site" (tanpa tanda petik). Maka akan dimunculkan menu yang dimaksud. Pilih pasang ke Firefox. Bagi pengguna Firefox versi B. Inggris, bisa dilihat dengan cara membuka menu tool-plugins, ikuti instruksi yang ada di dalamnya.


3. Setelah muncul menu blocking site terpasang, restart Firefox.

4. Buka kembali Firefox, pilih menu Alat-Pengaya-di menu Blocksite, klik tombol pengaturan.

Oh ya, jangan lupa untuk tidak mencentang menu Enable Warning Message, agar ketika situs yang diblokir diketikkan di browser, tapi tidak muncul, maka peringatan tadi pun tidak akan muncul (agar teman anda tidak curiga). Satu lagi, pengaturan ini pun bisa menggunakan password, jadi bagi yang ngotot bin maksa ingin membuka pengaturan, tetap tidak akan bisa membuka situs yang sudah masuk daftar blokir.

Ikuti petunjuk seperti gambar di bawah ini :


 
5. Selesai. Silahkan anda coba masukkan satu situs yang ingin di blok, lalu buka di browser, maka situs yang masuk ke daftar blok tadi, tidak akan muncul. Bagi anda yang tidak ingin komputernya digunakan untuk mengakses Facebook oleh temannya, kini boleh lega.

Semoga bermanfaat.

Belajar Tutorial Photoshop Style Tetesan Air

Membuat Style Tetesan Air

Langkah membuat efek tetesan air dengan Photoshop

Langkah 1
Bukalah sebuah foto yang akan diberi efek tetesan air. Pada tutorial kali ini saya gunakan sebuah file punya windows yang namanya Blue hills ( biasanya ada di My Documents \ My Pictures ).


Langkah 2
pada file tersebut, buatlah sebuah seleksi dengan tool seleksi, misalnya Eliptical marque tool atau yang lain. Pada contoh tutorial kali ini, saya buat sebuah seleksi dengan bentuk oval (elips). Seleksinya tidak usah besar-besar, kecil aja.
Langkah 3
Setelah seleksinya jadi, buat sebuah layer baru. Dengan cara mengeklik icon New Layer di palet layer. Seperti gambar ilustrasi di bawah ini.

Langkah 4
Isi layer baru tadi dengan warna hitam seukuran seleksi tadi. Caranya dengan memilih menu Edit > Fill. Pada bagian Use pilihlah black.
Langkah 5
HIlangkan seleksinya, lakukan dengan memilih menu Select > Deselect
Langkah 6
Pada palet layer, aturlah agar fill opacity menjadi minimal.
Langkah 7
Pilih menu Layer > Layer style > Dropshadow
Buatlah pengaturannya seperti gambar dibawah ini. Jangan klik OK-nya dulu.
Langkah 8
Masih pada kotak dialog layer style, pilihlah Inner Shadow. Buat pengaturannya seperti dibawah ini. Jangan klik Ok dulu, (Tanya: emang kenapa sih jangan diklik dulu: Jawab: rahasia donk.. )
Langkah 9
Masih bertahan di kotak dialog layer style, pilihlah Inner Glow, lakukan seperti gambar dibawah ini.
Langkah 10
Pilih Bevel and Emboss, masih di kotak dialog layer style ini juga. Atur pengaturannya seperti gambar dibawah ini.
Langkah 11
Sekarang efek-efek ini akan kita simpan. Caranya dengan memilih mengeklik tombol New Style.
Kemudian saat muncul kotak dialog New Style, isikanlah nama yang Anda inginkan, misalnya dalam tutorial ini saya beri nama Tetesan Air, kemudian klik OK.
Setelah ini, silahkan diklik OK pada kotak dialog Layer Style (sebenarnya sejak langkah 7 – 9, bisa juga langsung di OK, namun akan lebih mudah jika baru sekarang ngeklik OK-nya).
Sekarang kita sudah mempunyai sebuah layer style yang siang digunakan untuk membuat efek tetesan air.
Untuk mencoba style ini, pada foto yang kita olah tadi, buatlah seleksi seperti dibawah ini. Seleksi ini dibuat dengan eliptical marque (sama seperti langkah ke-2). Namun jumlahnya kita buat banyak (pastikan Anda sambil menekan tombol Shift saat membuat seleksi ini).
                                   
Lakukan lagi langkah 3, 4, dan 5.
Setelah itu klik icon style Tetesan Air yang ada pada palet style.
Berikut ini gambar yang sudah kita beri efek tetesan air dengan Style-nya Photoshop.
Selamat mencoba dan berkreasi dengan Photoshop. Pada post tutorial berikutnya kita akan belajar cara menerapkan efek ini pada sebuah tulisan.