Jumat, 12 April 2013

Cara Mempercepat Loading Blog


Untuk Mempercepat Loading Blog ada banyak cara yang dapat dilakukan, antara lain dengan cara mengkompress kode CSS/HTML biar ukurannya jadi lebih kecil, meng-Edit Template Supaya Valid XHTML, mengkompress Image supaya lebih optimize, dan lain-lain.

Untuk kali ini saya share cara yang lain, yaitu dengan menggunakan kode script yang dicoding secara khusus untuk mempercepat loading blog. dengan menggunakan kode script ini maka browser tidak akan membaca image/gambar di blog, sehingga dapat meringankan beban server dan mempercepat loading.

Berikut tutorial penggunaan kode script untuk mempercepat loading blog :
  • Masuk ke akun blogger anda
  • Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode </head> gunakan CTRL + F pada keyboard.
  • Lalu letakkan kode berikut di atas kode </head>.
    <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
    <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaSYOVx82xycMpd-q-d6m_9EuzqS-EbK52a7QcTZeP39JDYnEgAYjafAj2yMSFVfKdyRFmyZxhEYC3pXD3PQfzfuitkOhcvzct_s3sdqbuxQw5HLRo2b3LhcmAYaC_OMZte3WLQNrUbuc/&quot;,threshold : 200}); }); </script>
  • Terakhir klik Simpan Template.
Sekarang lihat blog Sobat dan rasakan bedanya, semoga bermanfaat...
Thanks Gan : Sumber

Memberi Efek Taburan Hati di Blog


Kali ini saya akan berbagi salah satu cara untuk mempercantik blog, yaitu dengan memberi efek taburan hati pada sebuah blog, sebelumnya saya juga sudah membahas mengenai cara Membuat Efek Daun Berjatuhan di BlogMemberi Efek Hujan Salju di Blog, dll.

Untuk menerapkan efek ini pada blog ada dua cara, pertama lewat edit template, yang kedua lewat gadget, silakan anda pilih cara mana yang menurut anda lebih nyaman.

Cara yang pertama melalui edit template :
  • Pada dashboard blogger klik Template > Edit html
  • Beri centang pada Expand Template Widget
  • Cari kode </body> lalu letakkan script efek di atas kode </body>, berikut script-nya:
    <script src='http://wadah-tutorial.googlecode.com/files/hearts.js' type='text/javascript'/>
  • Terakhir klik Save Template.
Untuk cara kedua melalui Gadget :
  • Pada dashboard klik Tata Letak > Add a gadget > HTML/JavaScript.
  • Letakkan script dibawah ini pada gadget.
    <script src='http://wadah-tutorial.googlecode.com/files/hearts.js' type='text/javascript'/></script>
  •  Lalu klik Simpan / Save.
Selesai... silakan lihat hasilnya pada blog sobat.
Thanks Gan: Sumber

Efek Foto Threshold Photoshop Che Guevara



Che GuevaraErnesto Guevara Lynch de La Serna. Merupakan pejuang revolusi Marxis Argentina, juga sebagai pemimpin gerilya bersama Fidel Castro di Kuba. Di lahirkan di Rosario, Argentina, 14 Juni 1928 meninggal di Bolivia, 9 Oktober 1967. 

Kurang lebih, sedikit penjelasan tentang Che Guevara, karena ini adalah trik photoshop jadi saya tidak terlalu panjang membahas tentang tokoh ini, karena nantinya tidak sesuai dengan tema kita yaitu: efek foto threshold photoshop Che Guevara. Seep langsung saja, efek ini biasanya di gunakan untuk gambar kaos distro, stiker dan juga pin di gabungkan dengan tehnik sablon. Kira-kira gimana yah? caranya membuat efek sederhana ini, sekarang nyalakan photoshop kamu. Kemudian buka foto Che Guevara seperti ini : 


KLIK Image --- Adjustments --- Threshold...


Atur Threshold Level : sekitar 50 dan OK.

Seleksi foto, Che yang sudah menjadi gambar hitam putih tersebut dengan Magic Wand Tool atau tekan w pada keybord. (Jadinya seperti gambar di bawah). Ctrl+J untuk men-duplicate seleksi tersebut


Kemudian pilih Paint Bucket Tool Pilih warna merah pada back ground, sort layer 1 kemudian KLIK pada gambar Che.


Masih ada, sisa-sisa warna putih pada sekitar wajah, seleksi kembali gunakan Magic Wand Tool, jika sudah KLIK Paint Bucket Tool kembali untuk menutupnya dengan warna merah (kecuali wajah, di biarkan saja).

Masih pada layer 1Ctrl+KLIK untuk membuat seleksi pada layer 1. Lalu KLIK Gradient Tool di bagian atas lihat, pilih efek metals. Pada bagian atas di samping Gradien Pilih Linear GradientMode : NormalOpacity : 49%. Sorot Gradient secara menyilang dari pojok kiri bawah ke kanan pojok atas.


Terakhir sorot layer che guevara atau background. Buat seleksi pada bagian wajah saja dengan Magic Wand Tool. KLIK Gradient kembali sorot dari bawah dagu ke atas.



Dan Beres hasil akhirnya foto Che Guevara akan seperti ini :


Dan untuk tulisan Che, nya saya mengunakan Type tool (Brush Script Mt), dengan efek Drop Shadow dan Inner Shadow. Well selamat mencoba, di samping foto Che Guevara, yang cocok untuk efek ini adalah Benyamin Sueb, Jim Morisson, Bob Marley atau foto milik kamu sendiri juga boleh (he he he), salam.
Thanks Gan : Sumber

Membuat logo Apple

1. Buka corel seperti biasanya lalau tekan Ctrl+N


2. Buat garis tegak lurus dengan menggunakan Bezier Tools, garis ini yang akan kita jadikan mirror.


3. Lalu buat bentuk seperti dibawah ini dengan menggunakan Bezier Tools lagi.
image ilmugrafis
Perhatikan bidang yang beroutline merah, dan yang hitam adalah Mirror yang tadi kita buat pertama kali. Setelah anda buat bangun seperti itu, lalu klik Shape Tool, kemuadian seleksi semua node yang terlihat pada bangun beroutline merah, klik convert to curve(ini yang saya maksud skip, ditutorial sebelumnya telah ada penjelasan untuk langkah ini, mohon dibaca!) kemudian sesuaikan curvenya menjadi seperti gambar dibawah ini.
image ilmugrafis


4. Kemudian klik Smart Fill Tool image ilmugrafis
Setelah itu klik pada bagian dalam object beroutline merah, maka akan jadi seperti ini
image ilmugrafis
Lalu copy mirror bagian yang berwarna biru gelap diatas
image ilmugrafis
Seleksi kedua object diatas lalau Klik Weld (Cara inipun sudah pernah ada di ilmugrafis.com, jadi mohon kesabarannya untuk bisa)


5. Kemudian buat lingkaran seperti pada gambar dibawah ini
image ilmugrafis
Seleksi lingkaran outline merah >> Tekan Shift (Tahan) >> Klik object berwarna biru >> Klik Trim (Trim Tools sebelumnya telah saya jelaskan juga di tutorial lain.) lalu warnai dengan warna Biru Cerah (light blue) maka akan menjadi seperi ini
image ilmugrafis


6. Kemudian mari kita buat daun untuk apple ini, Klik Bezier tools lalu buat object diatas apple sebelah kanan seperti pada gambar dibawah ini.
image ilmugrafis
Dengan menggunakan Shape Tool, ubah object outline merah diatas menjadi seperti gambar dibawah ini
image ilmugrafis
Warnai dengan Light Blue seperti object pertama.


7. Langkah selanjutnya adalah membuat gradasi-gradasi yang telah saya singgung diatas tadi. Pertama kita akan mewarnai object applenya, buat copy lalu perkecil didalam object apple tersebut, perhatikan outline merah apda gambar dibawah ini
image ilmugrafis
Lalu warnai dengan warna putih, kemudian klik Transperancy Tool, klik warna putih lalu transperancykan dari bawah ketas, seperti pada gambar dibawah ini
image ilmugrafis
Saya kira sayapun tidak harus menjelaskan tentang transperancy tool karena memang di tutorial lain sudah pernah dibahas.


8. Klik Bezier Tool lalu buat garis seperti pada gambar dibawah ini
image ilmugrafis
Lalu dengan shape tool ubah menjadi seperti pada object kanan pada gambar diatas. Klik Smart Fill Tool, klik diatas Outline merah, maka akan menjadi seperti pada gambar dibawah ini.
image ilmugrafis
Lalu beri warna putih kemudian Transperacykan dengan arah kebalikan dari yang pertama, perhatikan gambar diatas.


9. Setengah jadi, mari kita gradasi daun dari Apple ini. Perhatikan gambar dibawah ini.
image ilmugrafis
Gambar 1, buatlah Copy seperti yang kita lakukan diatas tadi, gambar 2, warnai dengan putih lalu Transperancykan seperti gambar 3. Selanjutnya Klik Bezier Tools lalu buat garis, perhatikan kembali gambar dibawah ini.
image ilmugrafis
Gambar diatas sudah cukup menjelaskan, karena langkahnya sama seperti apa  kita lakukan pada object pertama tadi.


10. Jika kita lihat secara keseluruhan, ini sudah jadi, tapi mari kita buat variasi. Seleksi kedua background object yang berwarna biru tadi (Apple dan daun) Object lalu tekan Ctrl+G kemudian Ctrl+F9 (Contour) lalu set seperti pada gambar dibawah ini
image ilmugrafis
Klik Apply lalu sudah, jadi tinggal bagaimana kita mengkreasikannya, seperti yang saya buat dibawah ini.
image ilmugrafis
[klik gambar untuk memperbesar tampilan]
Apple by Ervyn "Bie" Jeleck
Demikian Tutorial Coreldraw membuat logo Apple gan, semoga bermanfaat..... 

Sumber

Lens Effect Pada CorelDRAW

Di tutorial ini kita akan mencoba membuat atau mengaplikasikan Lens Effect pada CORELDRAW (semua versi mulai 11,12,X3,X4), dengan tutorial ini diharapkan kita dapat mengembangkan sendiri dari penggunaan Lens Effect menurut imajinasi kita masing-masing. Langkah-langkahnya sebagai berikut :

Mari kita mulai Tutorial Coreldraw Dasar kali ini:

1. Sudah pasti buka corelDraw dan buat blank page

2. Buatlah beberapa lingkaran seperti gambar dibawah ini


setelah itu seleksi dua lingkaran kiri dan lalu combine (Ctrl+L) lalu beri warna Hitam, dan buatlah satu lingkaran kecil lagi sehingga seperti pada gambar dibawah ini

Groupkan (Ctrl+G) semua lingkaran bagian Kanan, lalu seleksi semua object dan centerkan ( C ).

3. Buat satu lingkaran besar (lebih besar dari lingkaran pertama) dan beri warna putih, letakan sesuai keinginan seperti pada gambar dibawah ini

hilangkan Out Linenya.

4. Transparasikan lingkaran putih tadi dengan menggunakan Transparency tool

Lalu akan keluar submenu diatas, pilih radial


Setelah itu, masukan object Lingkaran putih tadi pada lingkaran hitam dengan menggunakan Power Clip (Effect >> Power Clip >> Place Inside Continer), Letakan Sesuai kehendak, Buatlah object baru berupa persegi dan gunakan Text Tool lalu klikan pada garis(tepat pada garis object)Persegi, tulis sesuka hati, Ungroupkan (Ctrl+U) lingkaran kanan pertama tadi dan seleksilah lingkaran kecil, beriwarna putih dan transparasikan kembali dengan menggunakan Transparency Tool dan pilih linier.

6. Seleksi lingkaran yag tadi satu group dengan lingkaran kecil, lalu klik Effect >> Lens pada menu


Maka akan muncul Docker Window seperti pada gambar dibawah ini



Pilih Magnify, dan sesuaikan Amount dengan keinginan kita, sehingga menjadi seperti pada gambar dibawah ini


Dan kita tinggal mengexportnya menjadi JPEG untuk membuatnya menjadi bitmap
Docker Window : Window yang menampilkan Perintah-perintah yang dapat kita gunakankembali saat kita melakukan editing

Hasilnya:

KAca PEmbesar 

Terimakasih dan Semoga bermanfaat, Selamat Mencoba dan Belajar Coreldraw 
SEMOGA BERMANFAAT

Sumber

Cara membuat Rasengan di Foto



Tutorial kali ini sangatlah mudah, untuk menambahkan rasengan Anda tidak perlu berlatih keras untuk mengontrol kekuatan cakura Anda dan berlatih bersama Jiraiya. hehe bercanda2 XD

Berikut Cara Menambahkan Efek Rasengan di Foto :


Langkah 1 :
Download Gambar Rasengan di bawah ini. 



Langkah 2 :
Buka Adobe Photohop. Lalu Open [Ctrl+O] gambar yang akan di edit dan gambar rasengan tadi.
Disini saya menggunakan foto yang sudah di ganti background. Silahkan baca Cara Mengganti Background Foto.


Langkah 3 :
Masuk ke Gambar Rasengan. Lalu Gunakan Move Tool, tarik / drag gambar rasengan tadi dan arahkan ke gambar foto yang akan di edit. 
Jika bingung cara menarik / drag gambar bisa baca dulu Cara Drag Gambar ke Gambar Lain


Langkah 4 :
Tempatkan rasengan tadi di tempat yang Anda inginkan. Lalu atur ukuran dengan menekan [Ctrl+T]

menambah efek rasengan di foto

Langkah 5 :
Sekarang akan mengatur pencahayaan pada tangan. Buat Layer Baru. Lalu gunakan Brush Tool. Kemudian atur warnanya sesuai keinginan, disini saya mengaturnya dengan warna #3ca4ef
Lihat Gambar :

menambah efek rasengan di foto



Langkah 6 :
Warnai daerah sekitar telapak tangan dengan menggunakan Brush Tool tadi. Lihat Gambar sebelum dan sesudah di warnai :

menambah efek rasengan di foto

Langkah 7 :
Atur penempatan Layer menjadi seperti berikut. Lalu ttempatkan pada Layer 2. Kemudian atur Capacity Menjadi 50% dan Layer menjadi Hue. :


Langkah 8 :
Save Gambar dengan format JPG.

Selesai, berikut adalah hasilnya :

menambah efek rasengan di foto


menambah efek rasengan di foto

Selamat Mencoba ! :)

Cara Membuat Blog



Cara membuat blog di Blogger - Cara Bikin Blog - Membuat Blog Pada Tampilan Baru Blogger 2012.
Bagi anda yang masih awam atau istilah kerennya masih Newbie dalam dunia blogging, pasti tentunya akan kesusahan bila Anda hendak akan membuat sebuah blog, Nah untuk itu, kali ini saya akan berbagi sebuah tutorial untuk anda yang sedang ingin membuat blog melalui blogger yang saat ini paling sangat populer.

Membuat Email di www.gmail.com
Yang pertaman yang harus anda lakukan untuk membuat sebuah blog adalah Anda harus memiliki sebuah E-mail, karena ini merupakan Syarat yang paling utama dalam membuat sebuah blog. Perlu anda ketahui, bahwa Blogger.com saat ini dikelola oleh Google, maka, wajib hukumnya untuk memiliki akun GMAILsebagai email yang akan kita gunakan untuk membuat blog diblogger.

Silahkan anda buat email gratis melalui www.gmail.com lalu klik "BUAT AKUN" yang ada pada bagian pojok kanan atas atau membuat Akun di Gmail.

Lalu isilah semua data yang ada pada from akun gmail yang akan dibuat seperti Nama depan & Belakang, tempat tanggal lahir, password dan lain-lain. Lengkapi semuanya.

Biasanya untuk pembuatan akun email di GMAIL, kita harus melakukan verifikasi lewat nomor handphone, jadi usahakan masukan nomor handphone kita,untuk dikirimin sms kode verifikasi dari Google.

Membuat Blog di Blogger.com
Setelah selesai membuat alamat email di GMAIL sekarang saatnya untuk mendaftar di www.Blogger.com

Silahkan menuju www.blogger.com maka akan muncul tampilan sebagai berikut, silahkan masukkan alamat email beserta password yang sudah anda buat tadi, Lalu Klik "MASUK"


Lalu akan muncul tampilan seperti dibawah ini :

Pada bagian ini, Anda akan disuguhkan dengan dua pilihan opsi Profil, yaitu profil menggunakan Google Plus, atau Profil menggunakan Profil blogger Terbatas, silahkan anda pilih sesuai yang anda inginkan, kalau saya sendiri disini memilih untuk menggukaan tampilan profil pada "Tampilan Blogger Terbatas".

Lalu setelah selesai memilih opsi profil, maka akan muncul tampilan sebagai berikut :

Isi dengan Nama Tampilan dengan nama yang sesuai dengan yang anda inginkan, setelah selesai, Klik pada "Lanjutkan ke Blogger".

Untuk sampai langkah disini Anda baru selesai untuk membuat akun bloggernya, setelah ini kita lanjut ke proses selanjutnya yaitu membuat sebuah blog di Blogger.com.

Membuat Blog di Blogger.com

Setelah semua langkah diatas selesai, klik "Blog baru" untuk menciptakan blog. Lalu akan muncul halaman untuk memilih Judul, Alamat Blog dan Template yang anda gunakan. Lihat gambar dibawah ini :
Judul 
-->> Digunakan sebagai Nama blog. sebagai contoh saya kasi nama : Contoh Saja
Alamat
-->> Merupakan url alamat blog, Contoh :  hanyalahcontoh.blogspot.com
Template
-->> Ada banyak template bawaan dari blogger yang tersedia, silahkan pilih sesuai dengan yang anda sukai,

lalu klik "Buat Blog"

Selamat . . . ! Blog Sudah Jadi,,,!!!
Selamat untuk anda ! sampai langkah disini, kita sudah berhasil menciptakan/membuat sebuah Blog di Blogger, akan tetapi masih kosong/belum ada entri. Agar tidak kosong barulah kita isi dengan foto, video, maupun artikel/tulisan tulisan curhat curhatan sesuai yang kita inginkan. Semoga bermanfaat. ^_^

Postingan Lama