Cara Mengubah Background Pada Blog

Kali ini saya ingin share tentang Cara Mengubah Background Pada Blog Dengan Gambar.Okeh langsung aja yah,        di bawah saya sudah menyiappkan kode CSS untuk mengubah background sobat, sobat blogger tinggal pilih imagenya kemudian tinggal pasang kode CSS-nya di blog sobat. Caranya gampang ga perlu ribet n pusing...

Sebelum sobat blogger mencoba trik kali ini ada baiknya membuat backup template blog sobat terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.

Cara Pemasangan 

• Login ke blog sobat.
• Klik "Design" kemudian klik "Edit HTML".
  
• Cari kode  kemudian copy-paste kode CSS di bawah ini diatas .
  
  
  
• Ganti kode yang berwarna biru pada baris kode atas dengan URL gambar yang sobat inginkan.
• Klik "Save" dan lihat hasilnya...

Semoga bermanfaat.. 

Read More

Cara Membuat Gambar Animasi Dengan Photoshop

Saya coba buat dasar-dasar nya aja.. atau gimana sih cara buat suatu gambar itu jadi gerak.. belom masuk ke berubah bentuk ya.. cuman gerak aja..

Pembuatan animasi di photoshop ada 2 cara :

1. Import Langsung dari layer ( Make frame from layers – buat yang udah EXPERT )

2. Manual ( ini khusus buat menggerakan benda aja)

Sekarang kita mulai dengan yang manual dulu aja yaa.. dari dasar dulu la..

Pertamax.. hehehe  buka dokumen baru :

Buat kotak dengan rectangle marquee tool. Klik Select > Inverse.. lalu warnai dengan warna Hitam Klik Edit > Fill > Black

Sekarang buat lingkaran dengan Elliptical Marquee tool.. ( Sambil tekan tombol SHIFT biar Bener-bener bulet jadinya )..

Warnai dengan Gradient TOol > Radial Gradient.  Warna Terserah aja..

Kalo ngikutin nya bener … jadinya kayak gini ..

Sekarang kita gerakkan Bola nya..

Klik Windows > Animation, maka muncul Animation Bar..

Klik Duplicate Selected Frame .. Muncul Frame baru dengan posisi bola yang sama..

Sekarang pindahin bola yang ada di frame 2 ke tepi kiri tengah..

Klik Tween Animation Frame untuk membuat Frame-frame dari posisi bola di atas ke posisi bola di samping secara otomatis.. kalo mau gerakan nya halus.. frame nya banyakin aja.. saya pake 5 frame aja..

Sekarang udah jadi deh.. gerakan dari atas ke samping kiri.. coba aja tekan tombol Play.

Pake cara yang sama .. Sekarang klik frame terakhir.. Klik duplicate selected frame lagi.. Pindahkan bola ke bawah tengah.. lalu buat Tween animation frame.sebanyak 5 juga.. Lalu animasikan bola dari tengah bawah ke tengah kanan.. animasikan lagi..

Untuk yang terakhir jangan sampe kembali ke posisi awal.. tapi buat renggang sedikit..

Klik tombol Play..  Kalo udah Ok save di GIF..

Klik File > Save For Web and Devices

Hasilnya :

Selamat Mencoba…

Read More

Cara Membuat Efek Beku Pada Tulisan Dengan Photoshop

EFEK TEKS BEKU

Pada tutorial TEXT Effect kali ini kita akan membuat TEKS MEMBEKU seperti di freezer kulkas ...

Langkah-Langkahnya:

1. New File

2. Memberi warna Background hitam

3. Ketik teks dengan warna putih.

4. Lalu beri efek Bevel & Emboss. Size 25

5. Buat New layer dan taruh di bawah layer text

6. Aktifkan layer text, tekan Ctrl + E untuk merge down.

7. Tekan Ctrl+M (Curves).

8. Atur seperti gelombang longitudinal.
    titik A : 65 dan 191

    titik B : 126 dan 81

    titik C : 192 dan 221

9. Ctrl+U dan memberi tanda pada corolize (Hue : 200, Saturation : 40, Lighting : 0)

10. Lalu beri efek Inner Glow ( warna biru, size 8 ).

11. Ctrl+klik layer teks.

12. Aktifkan Channel, pilih save selection.

13. Aktifkan Alpha 1, Ctrl+D.

14. Filter > Brush Stroke > Spatter (16,7).

15. Filter > Artistic > Pain Daubs (8,7).

16. Ctrl+Klik Alpha 1.

17. Select > Modify > Contract (5 pixel).

18. Save selection.

19. Aktifkan Alpha 2

20. Ctrl + D

21. Filter > Brush Stroke > Spatter (16,7).

22. Filter > Artistic > Pain Daubs (8,7).

23. Ctrl + klik Alpha 2.

24. Aktifkan Alpha 1, tekan delete. kemudian Ctrl+D.

25. Rotate Canvas > 90 CW.

26. Filter > Stylize > Wind. Ctrl + F.

27. Filter > Sketch > Plaster (20,2).

28. Filter > Stylize > Wind.

29. Rotate Canvas > 90 CCW

30. Tekan Ctrl+klik Alpha 1

31. Aktifkan Layer teks, create a new layer dan beri warna foreground putih (Alt+Del).

32. CTrl+D dan beri nama layer "Beku".

33. Ctrl+J (Duplicate Layer) dengan opacity 50 %.

34. Aktifkan layer Beku.

35. Beri efek Drop Shadow. Hilangkan tanda use light global, Angle:90, 5-0-0

36. Beri efek bevel & Emboss. Size:7, Angle:0-90, beri warna abu-abu pada palette warna paling
      bawah.

Hasilnya :

Read More

Cara Agar Blog Tidak Berat

Dipikir-pikir..buka blog lama amat y..??"BERAT"... pas di ukur kok..nyampe 290kbps..wow...?

serasa mau pecah kali kalo kepala ini yang ngerasain..akhirnya langsung dah..cari di om google..alhamdulilah..ketemu obatnya.. nah..gunya apa sieh kok harus ringan blog itu..?yups..kalo menurut sobat bloger yang ada di URUTAN nomor 1 SEO GOOGLE.. kalo blog kita ringan..itu lebih friendly dengan SEO..

oke deh..kita coba aja y..mudah-mudahan dengan blog sedikit ringan.. PAGERANK bisa mampir di kita..hehehe... "semangat" 

dan sekarang ukuran blog sudah di bawah 150kbps.

Berikut hal-hal yang perlu di dekor ulang..

1.cari template yang SEO FRIENDLY.. artinya template itu tidak berat..sederhana tapi menarik

2.gunakan gadget/widget blog yang sekiranya penting saja..

3. ubah ukuruan gambar ser ringan mungkin.. kalo menggunakan PHOTOSHOP..savenya menggunakan SAVE FOR WEB..

nah..cara terakhir sangat berperan sekali...

1. Kompress Kode CSS anda
tips ini saya rasa sebagai tips yang sangat manjur, apalagi jika anda banyak menggunakan CSS, pasti blog anda langsung cepat secepat valentino rossi. hehehehe...
Lha gimana cara kompressnya???

• Login ke blogger
• Masuk ke Tata letak
• Masuk ke Edit HTML
• centang kotak  Expand Template Widget
• Jangan lupa back up dulu template anda
  
• Copy semua kode setelah kode  dan sebelum kode ]]> ke dalam notepad
• Masuk ke alamat: http://www.csscompressor.com/
• Dan letakan Kode yang kamu copy tadi di kotak yang telah disediakan
• Klik Compress
• Lalu setelah menunggu, kode yang sudah di kompress tadi keluar
• Masukan Kode Yang sudah kompress tadi, setelah kode dan sebelum kode ]]>
• Simpan Template anda, dan ukur kecepatan blog anda di sini:http://www.iwebtool.com/speed_test

"CATATAN PENTING":  





-----------------------------------------------
Blogger Template Style
Name     :  Panduan-Info
Designer :  Justin Bieber
URL        :  http://panduan-info.blogspot.com
----------------------------------------------- */
/* Variable definitions 
 ====================

kalo terdapat kode seperti itu " bla bla bla bla..."

jangan di ikut sertakan..karena bisa menimbulkan galat..

Read More

Cara Membuat Tombol Share Pada Blog

Terkadang kita buru-buru untuk melakukan kegiatan..dan pada saat itu..kita sering nyari tugas..yang sangat urgent..kebetulan tugas itu ketemu di blog anda..wuiiihhh...gimana caranya biar besok gampang bukanya? yups..dengan tombol share aja.. misal sobat punya facebook atau twiter atau akun lainnya..bisa di share kesitu dan suatu saat nanti tinggal buka di akun kalian.. menarik kan...?? 

Nah, kali ini saya akan coba share bagaimana cara membuat tonmbol share pada blog.
langsung aja yah,. berikut langkah-langkahnya..

Silahkan masuk ke http://www.addthis.com

klk create account untuk mendaftar (isikan:Username,Email,Password,Retype password)

 klik register) Kenudian masuk (sign in) dengan username dan password yang sama waktu mendaftar

Setelah masuk klik tab "Get add this" Silahkan pilih jenis button yang Anda inginkan(jangan lupa pilih jenis website kalian, misal:bloger)

setelah itu pilih menu share yang kalian minati.. lihat bentuk nya di sebelah kanan ada tombol PREVIEW.. lalu klik tombol "INSTAL BLOGER WIDGET"..

Langkah selanjutnya ikuti intruksinya... sampai di tujukan ke halaman blog kalian..

selanjutnya klik "menambahkan WIDGET"

walah..walah..sudah jadi tu..bisa lihat aja di beranda website kalian.

Read More