Cara Menggunakan Brush Bubble ( Gelembung Sabun )

Cara Menggunakan Brush Bubble ( gelembung sabun )

Pada postingan cara membuat brush bubble atau brush gelembung sabun sebelum postingan ini.. gak dibahas cara pake nya.. hehehe.. sengaja.. biar banyak postingan nya :p
ya udah langsung aja..
Buka foto yang mau dibuat bergelembung..

Sekarang setting Brush nya..
Yuk mari gan..
Klik Brush tool
Nanti muncul Brush palette.. kalo gak muncul silahkan Klik Windows > Brushes
Klik brush bubble yang sudah dibuat..
setting scattering nya .. ini fungsi nya untuk memisah kan bubble yang tadinya menumpuk
nanti coba-coba dengan angka yang lain.. sangat menyenangkan deh pokoknya..

Lalu setting juga shape dynamics nya..
ini berfungsi untuk besar kecil masing-masing bubble atau putaran masing -masing bubble
silahkan coba-coba aja yah..

kalo udah klik di foto yang tadi udah disiapkan..
Ukuran nya terserah temen-temen aja.. mau gede , kecil, sedang..
Lebih bagus lagi kalo foreground nya PUTIH..

Hasilnya adalah

Selamat mencoba dan bersenang-senang.. ;)

Sumber : http://ilmuphotoshop.com/2010/12/28/cara-menggunakan-brush-bubble-gelembung-sabun/

Read More

Tips - Membuat Menu Drop Down

Hari ini saya akan membahas bagaimana membuat menu navigasi dengan sub-menu seperti contoh di bawah ini. Silakan anda gerakkan mouse anda pada contoh menu navigasi di bawah ini. Pada menu Kategori terdapat 3 sub-menu yaitu Tips, Tutorial, dan Info.

• Home
• Tips Dan Tutorial
  
  
  • Tips Dan Tutorial Blog
  • Tips Hidup Sehat
  • Software
  • Tips HP
  • Tips HTML
  • Tips Otomotif
  • Tutorial Photoshop
• Agama
• Informasi Lain
  
  
  • Olahraga
  • Informatika

Dengan menu navigasi seperti di atas blog anda akan terlihat lebih menarik bukan? Selain itu tentunya bagi si pemilik blog juga lebih mudah meng-organisir konten dari blognya. Begitupun sebaliknya buat pengunjung blog anda, menu seperti ini mempermudah pengunjung dalam meng-eksplor isi blog anda. Anda bisa juga melihat live demo di sini.

Pada saat saya surfing, saya menemukan beberapa menu navigasi dengan sub-menu. Ada yang menggunakan javascript dengan tampilan dan efek yang sangat menarik, namun saya tidak akan membahasnya kali ini, mungkin di lain waktu saya akan posting tentang hal ini. Yang sekarang akan saya bahas adalah cara yang paling mudah dan tidak menggunakan javascript.

Nah, langsung aja ya masuk ke penjelasan bagaimana caranya memasang menu ini di blog anda. Seperti biasa anda perlu login ke www.blogger.com dan langsung menuju ke Edit HTML. Jangan lupa back-up dulu template anda. Setelah itu ikutilah langkah-langkah di bawah ini:

1. Carilah kode ]]></b:skin>
2. Setelah menemukan kode di atas, letakkan kode di bawah ini di atas kode tersebut. Kode berwarna merah adalah lebar dari menu navigasi, rubahlah nilai px agar sesuai dengan lebar blog anda.
   #NavbarMenu { background: #000; width: 874px; height: 35px; font-size: 13px; font-family: Arial, Tahoma, Verdana; color: #fff; font-weight: bold; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 874px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #808080; height: 24px; color: #fff; display: block; font-size: 14px; font-family: trebuchet ms, Times New Roman; font-weight: bold; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #c0c0c0; color: #000; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #c0c0c0; width: 150px; color: #000; font-size: 14px; font-family: trebuchet ms, Times New Roman; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #000; color: #fff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; }
3. Sebelum melanjutkan ke langkah berikutnya, anda perlu menentukan posisi menu navigasi yang diinginkan. Biasanya menu navigasi diletakkan di atas header atau di bawah header. Misalkan anda ingin memasangnya di atas header, maka anda harus mencari kode <div id='header-wrapper'>
4. Lalu letakkan kode di bawah ini persis di atas kode tadi
   <div id='NavbarMenu'>
   
   <div id='NavbarMenuleft'>
   
   <ul id='nav'>
   
   <li><a href='http://syamsuqamaridji.blogspot.com'>Home</a> </li>
   
   <li><a href='http://syamsuqamaridji.blogspot.com/search/label/Tips Dan Tutorial'>Tips Dan Tutorial</a>
   
   <ul>
   
           <li><a href='http://syamsuqamaridji.blogspot.com/search/label/Tips Dan Tutorial Blog'>Tips Dan Tutorial Blog</a> </li>
   
           <li><a href='http://syamsuqamaridji.blogspot.com/search/label/Tips Hidup Sehat'>Tips Hidup Sehat</a> </li>
   
           <li><a href='http://syamsuqamaridji.blogspot.com/search/label/Tips Dan Tutorial Software'>Software</a> </li>
   
           <li><a href='http://syamsuqamaridji.blogspot.com/search/label/Tips HP'>Tips HP</a> </li>
   
           <li><a href='http://syamsuqamaridji.blogspot.com/search/label/Tips HTML'>Tips HTML</a> </li>
   
           <li><a href='http://syamsuqamaridji.blogspot.com/search/label/Tips Otomotif'>Tips Otomotif</a> </li>
   
           <li><a href='http://syamsuqamaridji.blogspot.com/search/label/Tutorial Photoshop'>Tutorial Photoshop</a> </li> </ul> </li>
   
   <li><a href='http://syamsuqamaridji.blogspot.com/search/label/Agama'>Agama</a> </li>
   
   <li><a href='http://syamsuqamaridji.blogspot.com/search/label/Informasi Lain'>Informasi Lain</a>
   
   <ul>
   
          <li><a href='syamsuqamaridji.blogspot.com/search/label/Olahraga'>Olahraga</a> </li>
   
          <li><a href='syamsuqamaridji.blogspot.com/search/label/Informatika'>Informatika</a> </li>
   
   </ul> </li> </ul>
   
   </div> </div>
5. Sekarang anda perlu mengganti beberapa kode di atas agar sesuai dengan keinginan anda. Kode warna biru adalah url-link dan kode warna kuning adalah anchor-text atau titel menu yang terkait dengan url-link tadi. Sebagai contoh menu Home. Anda menginginkan apabila menu ini diklik maka akan membawa anda kepada halaman utama dari blog anda, maka dari itu rubahlah url-linknya dengan url blog anda. Berikutnya, menu Blogger Template. Anda ingin apabila menu ini diklik maka akan membawa atau menampilkan posting-posting yang mempunyai label blogger template. Maka, rubahlah linknya menjadi http://namabloganda.blogspot.com/search/label/blogger template.
6. Anda bisa menambah menu maupun sub-menu dengan menambahkan kode seperti di atas. Sebaliknya anda pun bisa menghilangkan menu dan sub-menu yang tidak anda inginkan dengan menghapus kode di atas yang tidak diinginkan.
7. Setelah itu jangan lupa untuk menyimpan pekerjaan anda dan lihatlah hasilnya di blog anda.
8. Jika anda berhasil, tentunya blog anda akan terlihat lebih menarik. 

Sumber : http://allfreetips4u.blogspot.com/2009/12/membuat-menu-navigasi-dengan-sub-menu.html

Read More

Tips - Mengetahui Jejak Pengunjung Blog Dengan Google Analytics

Cukup lama juga aku mencari cara untuk mengetahui jejak pengunjung yang pernah berkunjung ke blog aku ni.... Memang ada beberapa tools yang bisa kita gunakan seperti Sitemeter, Google Analytics, Statcounter, Motigo Webstat, Easy Counter, dan Go Stats. Klw menurut aku sih baiknya pakai Google Analytics dan Sitemeter yang lebih bagus...Soalnya yang lainnya blum pernah aku coba....hehehehe....

Google Analytics dan Sitemeter sama menampilkan report/laporan jumlah pengunjung blog yang lengkap. Saat ini tools yang aku gunakan adalah Google Analytics. Aku pengen mencoba menggunakan Sitemeter, sayangnya sampai dgn saat ini Sitemeter gak bisa buka website-nya...Gak tahu knapa....Ada yang tahu gak...???

Pengantarnya terlalu panjang ya...??? Maklum, pas lagi nulis artikel ni hatiku lagi senang alias lagi happy...wkwkwkwk....

Langsung aja nih...Kebetulan aku pernah membuka sabuah website, tutorialnya bagus banget. Lengkap ama gambarnya. Akhirnya aku copas aja artikelnya ke blog ini dengan sedikit aku modifikasi kalimatnya. Kalau agan pengen melihat website-nya, klik aja disini.

Pertama-tamu aku pengen mengenalkan pengertian dan beberapa fitur dari Google Analytics. Google Analytics adalah sabuah tools yang disediakan oleh Google yang berguna mendeteksi segala aktivitas yang terjadi di dalam blog/website kita. Aktivitas yang dimaksud bisa berupa jumlah pengunjung, jumlah page yang dibuka, lokasi pengunjung, waktu kunjungan dan lain sebagainya. Lebih lengkap lagi akan aku perkenalkna sedikit fitur dalam Google Analytics.
Di dalam Dashboard Google Analytics terdaftar beberapa fitur sebagai berikut :

1. Site Usage : terdiri atas Visits (Jumlah pengunjung), Page Views (Jumlah halaman yang dibuka), Page/Visits (Perbandingan antara jumlah pengunjung blog dengan jumlah halaman yang dibuka), Bounce rate (sorry nih, aku sendiri belum paha apa maksud fitur ini), Avg. Time on site (Rata-rata waktu pengunjung blog selama dalam blog kita), dan terakhir New Visits (Kunjungan terbaru).
2. Visitor Overview : menampilkan jumlah pengunjung dalam kurun waktu tertentu. Disini juga kita bisa melihat jumlah pengunjung blog dalam beberapa waktu terakhir.
3. Map Overlay : menampilkan secara detail tempat/lokasi dimana pengunjung blog. Gambarnya berupa peta dunia, yang jika kita klik gambarnya akan muncul lokasi dari pengunjung blog.
4. Traffic Sources Overview : menampilkan diagram blog. Berupa pencarian artikel berdasarkan kata kunci di Google dan lain sebagainya.
5. Content Overview : menampilkan page atau halaman apa saja yang dibuka oleh pengunjung blog dan jumlah berapa kali page atau halaman tersebut dibuka.

Mengenai cara masangnya gimana..??? Yang di atas kan cuma membahas tentang pengertian dan fiturnya. Sabar gan, sengaja aku mulai dengan pengertian dan fitur-fiturnya biar gan bisa lebih paham jika pengen menggunakan tools ini. Syarat utama untuk menggunakan tools ini anda harus memiliki akun google. Jika belum punya, agan harus daftar dulu di Gmail.com.

1. Jika udah punya akun google, masuk aja ke http://www.google.com/analytics
2. klik akses analytics



3. Kemudian masukan alamat email google anda
4. Klik sign up. Setelah itu isi semua form yang ada harus sesuai




5. Pada kolom Accept User Agreement beri tanda centang kotak “yes, I agree”
6. Setelah itu anda masuk ke kolom dimana ada script yang harus di tanam di blog anda



Silahkan simpan script tersebut tepat sebelum kode </body>
Caranya login ke blogger>tata letak>edit html

7. Setelah menyimpan Script tersebut diblog anda kemudian klik Continue.
8. Informasi mengenai lalu lintas blog anda akan ada setelah 1 hari.

Untuk melihat laporan, anda tinggal akses lagi ke google analytics dan klik akses analytics, masukan account anda. Klik “View Report”

Contoh gambar laporan/lalu lintas blog dengan menggunakan google analytics seperti di bawah ini. Anda bisa melihat setiap detil laporan dengan mengklik detil laporan tersebut. Selamat Menganalisa blog anda

Nah, gimana??? Tertarik nggak...?? kalu iya, buruan daftar....!!!!

Read More