Test Footer


Breaking News
Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Sunday, 13 July 2014

Memahami konsep iso , shutter speed. dan diafragma

hi semua sobat ferikun.com | all for us
udah lama banget gk posting...
biasa sekolah dan masalh koneksi.. hhee

sambil sahur saya akan mempost tentang dasar dasar fotografi..
ok langsung aja..

1. Shutter speed

dalam fotografi kita sering dikaitkan dengan 3 materi dasar yaitu shutter speed , bukaan (diafragma) dan iso
shutter speed merupakan kecepatan kamera menangkap gambar ..
shutter speed sangat mempengaruhi kualitas ketajaman foto yang kita hasilkan..
misalkan kita menggunakan lensa dengan focal lenght 50mm , dan ingin mendapatkan hasil foto yang tajam maka shutter speed harus lebih dari angka focal lenght tersebut misalkan saja 1/60 atau lebih cepat.

namun kendalanya ada pada saat kita memotret dalam kondisi kurang cahaya,,
maka otomatis kita harus menurunkan shutter speed agar agar mendapatkan foto yang terang atau tidak kekurangan cahaya..

kesimpulan : semakin cepat hutter speed maka semakin tajam ,, dan semakin lambat shutter speed maka semakin terang foto yang kita hasilkan..

foto : f1.8  ; shutter speed 1/320  ; iso 400


2. Diafragma atau bukaan lensa

diafragma adalah satu dari 3 objek penting dalam kamera yang mempengaruhi hasil foto.
pastinya selain shutter speed dan iso.
bukaan lensa biasanya diberi simbol  "f"..
misal  : f1.8 yang artinya bukaannya besar dan misalnya f22 berarti bukaannya kecil..
dan semakin besar bukaannya maka akan dihasilkan foto yang terang dan juga Bokeh,,
tapi jika bukaannya semakin kecil akan menhasilkan foto yang tajam di keseluruhan gambar namun juga akan semakin gelap..

f8 juga merupakan bukaan yang termasuk kecil..
dengan bukaan f8 sudah bisa menghasilkan foto yang tajam dikeseluruhan tanpa kekurangan cahaya..
asalkan settingan shutter speed dan iso seimbang..
lihat contoh diatas...!!!

3. Iso

iso juga salahsatu dari 3 bagian terpenting..
iso merupakan tingkat sensitiv untuk membaca / mendapatkan cahaya..
jadi semakin tinggi iso maka semakin terang foto yang dihasilkan,,
namun jika iso terlalu berlebihan akan menimbulkan noise,, atau bintik bintik yang tidak enak di pandang..
jika didalam kamera crop iso 1600 foto yang dihasilkan masih terlihat baik..
namun bila iso 3200 noise yang dhasilkan akan terlihat mengganggu..

namun dikamera bersensor full frame iso 3200 masih sangat baik foto yang dihasilkan,,
karena kamera full frame memiliki sensor yang besar,,

f1.8  ; shutter speed 1/20 iso 1600

gambar tersebut menghasilkan noise cukup terlihat..
apalagi jika di crop 100%

nah bagaimana penjelasan saya tentan 3 konsep dasar fotografi
semoga bermanfaat...

Read more ...

Thursday, 6 March 2014

Cara membuat Backlink di blog

nah kita kali ini akan memberikan cara untuk membuat backlink..
backlink sendiri adalah link masuk ke alamat web atau blog kita..












nah caranya kalian copy link dibawah ini dan
lalu kalian buat entri baru,,
dan pasti di entri yang kalian buat...


1.   google
2.   Yahoo
3.   Twitter
4.   indoboox
5.   banghuda
6.   mywapblog
7.   logspot
8.   Kreativitas
9.   Ramabuk
10. 4shared
11. sandy'z syimbian blog
12. anonymous blog
13. alkatrans tour and Travel
14. informasi
15.all for we 

sebelum sobat ingin memasang backlink tersebut kalian harus menghapus link yang berada diurutan pertama dan yang diurutan berikutnya naik urutan jadi misalnya dua jadi satu... dan seterusnya..
barulah anda memasang link anda di urutan no 15.

perhatian.

jika kalian sudah mempublikasikannya kalian wajib mengunjungi link tersebut walaupun cuma lima detik..
link tersebut jangan sampai terganti dan juga jangan rusak,,
dan apabila link sobat sudah mencapai peringgkat 1 berarti anda mendapatkan backlink sebanyak 6.103.515.625
Read more ...

Friday, 15 March 2013

cara membuat website gratis

Untuk membuat website itu tidaklah sulit, bahkan mudah sekali. Anda dapat membuatnya dengan gratis. Dalam kesempatan kali ini, paling heboh ingin memberikan bagaimana cara membuat website gratis dan mudah.


Membuat Website

Untuk membuatnya kita perlu hosting, domain dan Platform Blog. Karena tema kita tentang membuat website gratis maka hosting dan domain saya sarankan menggunakan hosting gratis, Anda akan mendapatkan 2000 MB Disk Space, 100GB Data Transfer serta Jumlah Domain Unlimited. Untuk Platform Blog menggunakan Wordpress karena mudah dalam pengintalan.

Membuat Website Gratis


Silahkan Anda membuat akun di hosting gratis, klik disini untuk menuju ke web hosting gratis

Selanjutnya Klik Order Sekarang dan Isi Form Pendaftaran.

Setelah mendaftar, Anda akan mendapat email verifikasi, buka email dan klik link verifikasi yang di kirimkan ke email Anda.

Setelah klik link verifikasi, Anda akan di bawa masuk dalam pilihan hosting. Silahkan pilih yang gratis kemudian klik order.

Order Hosting

Silahkan pilih nama sub domain yang akan Anda jadikan website.

Buat Domain

Jika sudah, klik Buat. Nama sub domain kamu sedang dalam proses. Jika sudah selesai klik kontrol panel. Kemudian klik Beralih untuk masuk ke Cpanel.

Kontrol Panel

Setelah berada dalam Cpanel, silahkan scroll ke bawah dan cari tulisan penginstalan otomatis, ini akan memudahkan Anda dalam menginstal wordpress.

Penginstalan Otomatis

Setelah Anda klik penginstalan otomatis maka Anda akan di bawa ke banyak pilihan pengintalan seperti membuat Web, Forum, social bookmark dan lainnya. Karena tema kita membuat website, maka pilih di bagian Blog dan klik Wordpress

Instal Wprdpress

Selanjutnya Anda akan masuk pada bagian penginstalan Wordpress. Silahkan isi Form yang tersedia

Install Ke - Kosongkan saja
Nama Pengguna Administrator - Nama Pengguna, untuk Login ke website Anda
Password administrator - Password, untuk Login ke website Anda

Wordpress

Setelah selesai mengisi form, lanjutkan dengan klik Instal Wordpress. Tunggu hingga semua proses selesai, kemudian klik kontrol panel dan coba cek dengan klik alamat website Anda.

Sampai disini, Anda sudah memiliki website dengan gratis dan mudah. Untuk masuk ke website Anda, silahkan ketikkan alamat berikut http://namadomainanda.com/wp-login.php ( ganti namadomainanda.com dengan alamat website Anda ) atau Anda bisa ke website Anda dan klik Log in.

Setelah itu Anda bisa mengisi website dengan tulisan-tulisan terbaik atau mengedit website sesuai keinginan Anda.

Semoga bermanfaat.
Read more ...

Tuesday, 5 March 2013

CARA MEMBUAT DAFTAR ISI PADA BLOG

hai sobat magnet apa kabar nich ,,,, setelah sebelumnya saya postng tentang tips dan trik photoshop kali ini saya akan posting tentang cara membuat daftar isi pada blog kita
caranya mudah banget

1. login pada blog sobat
2. buat entri baru
3. masuk pada bagian html yang disamping compose seperti gambar dibawah ini

4. masukan kode berikut

<script src="http://me-sitemap.googlecode.com/files/sitemapblog.js" type="text/javascript">
</script>
<script src="http://peri-magnet.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
 
5. ganti tulisan yang warna biru dengan nama blog sobat 
6. bagikan 
7.lihat hasilnya 
 
 


Read more ...

Sunday, 3 March 2013

tips dan trik photoshop

kali ini saya mau postinng tentang kumpulan trik photoshop yang mungkin kalina belum tau
Sebagai aplikasi pengolah gambar bitmap paling populer, Photoshop menyimpan banyak sekali fitur-fitur yang mengesankan untuk mempercepat proses kerja para penggunanya. Beberapa trik menarik dibawah ini dapat membuat proses kerja kamu menjadi lebih efektif dan efisien. Selamat membaca :)


1) Auto Select

Auto-Select adalah sebuah fitur di Photoshop yang apabila diaktifkan, maka semua objek yang kamu klik akan otomatis terseleksi pada layer palette. Fitur ini juga dilengkapi oleh fitur Show-Transform Controls yang  akan menandai objek terpilih dengan bentuk transform standar yang bisa digunakan untuk memperbesar/kecil, merotasi, atau memudahkan untuk menggeser objek. Kedua fitur tersebut dapat ditemukan pada control bar (dibagian atas) jika Selection tool (V) diaktifkan.




2) Mengaktifkan Seleksi dari Layer

Untuk mengaktifkan (meload)seleksi dari layer tertentu, caranya sangat mudah. Cukup tekan dan tahan Ctrl di keyboard kemudian klik pada thumbnail dari layer yang ingin diaktifkan seleksinya.



3) Menyimpan Styles

Terkadang saat kita telah selesai membuat sekumpulan styles pada layer styles untuk sebuah layer, kita ingin menyimpan styles tersebut untuk dipakai pada layer-layer lain di dokumen yang berbeda. Untuk menyimpan styles, cukup double-click pada layer yang memiliki styles yang ingin disimpan, pada jendela pengaturan layer styles klik New Styles, kemudian berikan nama untuk styles baru tersebut. Maka otomatis Photoshop akan menyimpannya untuk dapat digunakan pada layer-layer yang lain. Untuk mengaktifkan atau menggunakan styles yang tersimpan, cukup buka Window > Styles dan klik pada styles yang diinginkan.



4) Effect Copy

Selain dapat disimpan dengan mudah seperti cara pada no.3, Layer styles juga dapat diduplikasi / dicopy dengan mudah ke layer lainnya. Cara umum yang digunakan adalah dengan klik kanan pada layer yang styles-nya ingin dicopy, kemudian pilih Copy Layer Styles. Lalu klik kanan pada layer dimana styles tersebut ingin diterapkan lalu pilih Paste Layer Styles.

Cara selanjutnya adalah dengan tekan dan tahan tombol Alt, kemudian drag effect dari satu layer ke layer lain. Cara ini cenderung lebih cepat jika kita ingin mengcopy styles hanya ke satu layer. Tapi jika ingin mengcopy styles ke banyak layer, cara pertama lebih direkomendasikan.



5) Convert Seleksi ke Path dan Shape

Adakalanya kita ingin menjadikan seleksi menjadi sebuah shape sehingga dapat mudah diedit, diperbesar, dsb. Untuk melakukannya, pertama load seleksi dari salah satu layer (seperti tips no.2) untuk dijadikan shape. Sementara seleksi aktif, buka Path palette (Window > Path) kemudian klik icon list di sudut kanan palette lalu pilih Make Work Path, maka akan muncul path baru bernama Work Path. Klik path tersebut lalu pada menu bar klik Edit > Define Costum Shape, akan muncul jendela baru untuk memberi nama costum shape yang akan kita buat, dalam hal ini, saya beri nama Spongebob, lalu klik ok. Sekarang kita sudah punya costum shape dengan nama Spongebob yang dapat kamu pilih dengan mengaktifkan Costum Shape Tool (U) di toolbox. Tinggal drag shape tersebut ke area, maka shape baru berbentuk spongebob yang editable akan muncul pada layar, mudah bukan!?



6) Expand / Collapse Groups

Kadang kita bekerja dengan banyak layer dan group di Photoshop, seringkali harus membuka dan menutup grup satu persatu dan hal ini cukup merepotkan. Namun kamu bisa mencoba trik yang satu ini : tekan dan tahan tombol Ctrl di keyboard lalu klik pada tanda panah kecil dibagian kiri Group palette. Langkah ini akan membuka (mengexpand) semua group, lakukan langkah yang sama untuk menutup semua group.



7) Clipping Mask

Clipping mask adalah suatu metode untuk membuat suatu layer dimasking sesuai dengan bentuk layer dibawahnya. Untuk dapat menerapkannya, cukup klik kanan layer yang ingin dimasking lalu pilih Create Clipping Mask atau kamu bisa menekan tombol Ctrl + Alt + G di keyboard.



8) Memperbesar / memperkecil Hardness dan Diameter Brush

Diameter (ukuran) dan Hardness (kepekatan) adalah dua elemen yang harus ditentukan untuk mengaplikasikan Brush tool di Photoshop. Ada langkah mudah untuk mengatur keduanya tanpa harus melakukan klik kanan dan menggeser nilai pengaturan. Caranya adalah dengan menekan dan tahan tombol Shift + Alt di keyboard kemudian drag Brush tool (B) ke kiri dan ke kanan untuk memperbesar ukuran brush, atau drag brush ke atas dan ke bawah untuk mengatur nilai hardness-nya.



9) Menampilkan / Menyembunyikan Layer

Mungkin semua sudah tahu bagaiman untuk Menampilkan / Menyembunyikan satu layer, yap! Cukup klik pada ikon bergambar mata pada layer tersebut. Tapi bagaimana caranya menyembunyikan semua layer? Caranya cukup mudah, tekan dan tahan tombol Alt di keyboard, lalu klik pada ikon mata pada salah satu layer. Langkah ini akan membuat semua layer disembunyikan kecuali layer yang ikon matanya diklik. Untuk menampilkan semua layer kembali, cukup tekan dan tahan tombol Alt, lalu klik sekali lagi pada ikon benggambar mata di layer tadi.



10) Mengatur Opacity dengan Cepat

Tips ini adalah favorit saya. Untuk dapat mengatur opacity dengan cepat, kita cukup klik layer yang ingin dirubah opacity-nya lalu tekan tombol angka di keyboard. Angka 0 mengacu pada opacity 100%, 1 = 10%, 2 = 20%, dst. Untuk mengatur opacity dengan nilai tertentu, misalnya 58%, cukup tekan tombol 5 kemudian 8 secara cepat.




Yup! Sekian tips dan trik singkat Photoshop kali ini. Jika kamu punya tips menarik lainnya untuk dibagikan ke pembaca, silahkan tuliskan melalui komentar. Artikel ini akan terus diupdate dengan tips-tips tambahan bermanfaat lainnya.

sumber : desainstudio.com
Read more ...

Thursday, 3 January 2013

cara membuat screen saver di blog

  1. Silahkan sobat >> Masuk/Login >> Ke blog sobat.
  2. Pada "Dashboard" tampilan blogger baru, Pilih dan klik menu >> Tata Letak >> klik >> Tambah Gadget >> Pilih dan klik >> HTML/JavaScript.
  3. Kemudian Masukkan semua Kode CSS berikut pada kotak HTML/JavaScript.
<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter:  alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_kucopas {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_kucopas span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style>

<div class='saving'>
<p class='esm1'>ALL for YOU<br/>
<span class='esm2'>Energy Saving Mode using CSS3</span><br/><br/>
<span class='esm3'>Semoga anda betah belama lama di blog saya ini<br/>Gerakkan mouse anda dan silahkan baca kembali posting kami!</span></p>
<div class='by_fery'>Support design by: <span class='esm4'>ALL for YOU</span> - Desember 2012</div>
</div>
Keterangan:
  • Sobat bisa mengedit kode CSS tersebut dengan catatan bila sudah mahir mengenai kode CSS.
  • Warna HIJAU silahkan sobat ganti dengan Nama sobat atau Nama blog sobat.
  • Warna MERAH silahkan sobat ganti dengan kata-kata atau tulisan sesuai dengan keinginan sobat.
4. Setelah sobat selesai mengganti dan mengedit kode CSS diatas, Jangan lupa kilk >> Simpan dan nikmati hasilnya screensaver yang sudah terpasang di blog, Pada semua halaman blog sobat.
Read more ...

Wednesday, 26 December 2012

Cara Membuat Animasi Berjalan Di Bagian Bawah Blog

Jika sobat tertarik dan ingin membuat dan memasangnya pada blog sobat, Saya punya tips dan triknya untuk membuat animasi berjalan seperti itu. Cara membuat dan memasangnya di blog sangatlah mudah, Karena sobat hanya memasang kode pada widget blog dan tidak perlu susah-susah edit HTML dalam template blog sobat. Dan tentunya hal itu sangatlah rumit di lakukan oleh para blogger pemula atau newbie seperti saya ini.


Cara Membuat Animasi Berjalan Di Bagian Bawah Blog

 Silahkan sobat ikuti langkah-langkahnya untuk membuat Foto dan Gambar Bergerak di Blog atau Cara Membuat Animasi Berjalan Di Bagian Bawah Blog adalah sebagai berikut ini:

1. Silahkan sobat >> "Masuk atau Login" ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/Javascript. Jangan di beri judul.

3. Kemudian silahkan sobat masukkan Kode Script di bawah ini ke dalam kotak Konten HTML/Javascript. Pilih salah satu kode saja yang sobat sukai.


1. Animasi Zombie Berjalan Loncat-Loncat


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i1093.photobucket.com/albums/i440/putraeka1/th_avatar2088630_11.gif?t=1295005006" style="cursor: pointer;" /></a></marquee></div>

2. Animasi Alien Berjalan


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i1217.photobucket.com/albums/dd384/TauFixers/MyIcon.png?t=1303003796" style="cursor: pointer;" /></a></marquee></div>

3. Animasi Naruto Berjalan Berubah-ubah

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NarutoShippuudden.gif" style="cursor: pointer;" /></a></marquee></div>

4. Animasi Kiba Akamaru Naik Hewan Berlari

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif" style="cursor: pointer;" /></a></marquee></div>

5. Animasi Sasuke Berlari

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" style="cursor: pointer;" /></a></marquee></div>

6. Animasi Deidara Naik Burung

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/DeidaraBird.gif" style="cursor: pointer;" /></a></marquee></div>

7. Animasi Neji Strikes Mainkan Jurus


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif" style="cursor: pointer;" /></a></marquee></div>

8. Animasi Leecombo Beraksi


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="2">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif" style="cursor: pointer;" /></a></marquee></div>

9. Animasi Jurus Andalan


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg" style="cursor: pointer;" /></a></marquee></div>

10. Animasi Kakashi


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="2">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif" style="cursor: pointer;" /></a></marquee></div>

11. Animasi Jiraiya Summoned Naik kodok Menyembur Api


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="2">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" style="cursor: pointer;" /></a></marquee></div>


KETERANGAN:
  • Silahkan sobat pilih salah satu Kode saja di atas.
  • Kode berwarna BIRU adalah Kode Alamat URL Image atau gambarBisa sobat ganti dengan Alamat URL Image atau gambar milik sobat sendiri.
  • Kode warna PINK (direction="right") adalah Kode Marquee berjalan dari kiri ke kanan. Silahkan di hapus, Jika sobat ingin merubah arah dari kanan ke kiri.
  • Kode warna MERAH (scrollamount="7") adalah Kode Marquee Kecepatan Berjalan atau melintas. Silahkan sobat atur nilainya sesuai dengan keinginan sobat.

sumber : kuc0pas.blogspot.com
Read more ...

Tuesday, 11 December 2012

membuat page number

Kali ini saya akan membahas bagaimana cara membuat membuat Navigasi Page Number Di Blogspot, Pada template Blogspot umumnya menggunakan navigasi Previous dan Next/Posting lebih baru dan Posting Lama yang ada pada bagian bawah postinagn blog, fungsinya yaitu membantu pembaca/pengunjung untuk berganti halaman menuju tulisan sebelum atau setelah dari tulisan yang sedang dibaca tanpa ada keterangan nomor halaman.Contohnya ada jg pada blog saya ini, Biar tidak bingung saya kasih contoh gambar dibawah ini.


Lihat Gambar


Nah, begitulah kiranya yang akan saya buat, Berikut adalah langkah-langkah membuat navigasi nomor halaman (kode script modifikasi ini dibuat oleh Abu Farhan dan Muhammad Rias).
Ikuti langkah-langkah berikut :

1. Seperti biasa, Login ke blogger sobat

2. klik Tata Letak dan pilih Edit HTML

3. Kalau sudah, klik Expand Template Widget

4. Lalu cari kode berikut (Ctrl + F) : ]]></b:skin>

5. Kemudian masukan kode script dibawah ini tepat di atas kode: ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
 6. Selanjutnya kita cari lagi kode berikut: </body>

7. Kemudian masukan kode script berikut tepat di atas kode:
</body>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

Keterangan :
Kode pageCount di atas menunjukkan jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman.
Kode displayPageNum menunjukkan jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 7 berarti nomor halaman yang muncul ada 8, ditambah satu untuk halaman satu). Kode upPageWord mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan).
Kode downPageWord mengarahkan ke halaman yang lebih lama (tulisan Next bisa diganti sesuai dengan keinginan).

8. Terakhir kita cari kode script berikut: 'data:label.url'

9. Gantilah kode script diatas dengan kode dibawah ini:

'data:label.url + &quot;?&amp;max-results=5&quot;'
Keterangan :
Fungsi dari script ini adalah untuk mengganti default (standar) Blogspot yang akan menampilkan 20 posting setiap halamannya, karena pada pageCount di atas kita isi 5, maka pada script ini pun juga diisi dengan 5 (menampilkan 5 posting per halaman).

10. Simpan template, dan lihat hasilnya.


Semoga bermanfaat.

Read more ...

Tuesday, 4 December 2012

membuat undangan

Pertama-tama kita membuat kotak merah
tutorial coreldraw

Lalu dari kotak itu tekan CTRL+C lalu dilanjutkan CTRL+V yang dimaksudkan mengkopi bangun itu di tempat yang sama. Warnai kotak kedua dengan warna kuning.

tutorial coreldraw


Selanjutnya tekan CTRL+Q untuk mengubah objek kotak itu menjadi vector.
Tekan F10 untuk shape tool. Bengkokkan tengah garis ke bawah.

tutorial coreldraw

Lalu tekan F11 dan akan muncul panel Fountain Fill
tutorial coreldraw

Kolom type linear diganti dengan conical dan pilih custom
tutorial coreldraw

Mulanya, kolom bagian pewarnaan ada 2 saja antara putih dan hitam. Tapi langsung klik 2X pada segitiga di bagian  pewarnaan untuk menambah pewarnaan. Terus pada kotak siluet itu pada mulanya di tengah, seret sendiri ke kanan bawah seperti gambar diatas.
Hasil akan tampak seperti dibawah :
tutorial coreldraw

Lalu samarkan dengan transparancy tool
tutorial coreldraw

Hasil tampak seperti dibawah :
tutorial coreldraw

Lalu buat bangun bintang dengan menu complex star tool
tutorial coreldraw

Lalu tarik complek star itu ke kanan dengan menu interaktiv distortion tool
tutorial coreldraw

Dan warnai hitam untuk sementara. Copy menjadi 4 yang bersinggungan dan kasih efek transparan dengan interaktive transparancy tool dari kanan ke kiri. Seperti pada gambar dibawah :
tutorial coreldraw

Lalu masukkan ke kotak merah yang tadi dengan menu effect => power clip => place inside container
tutorial coreldraw

Hasil akan tampak seperti gambar bawah :
tutorial coreldraw

Klik kanan pada gambar lalu edit content
tutorial coreldraw

Tarik ke kanan atas dan warnai putih. Setelah itu klik kanan lagi, pilih finish edit.
Dan kalau digabungkan dengan pembuatan garis pelangi yang tadi akan tampak seperti dibawah :

tutorial coreldraw

Perlu diingat, bangun lengkung pelangi harus berada diatas kotak yang telah diisi dengan motif bunga.
Setelah itu masukkan gambar pengantin yang saya sediakan untuk didownload.
tutorial coreldraw
untuk download klik link ini

Nah, dari sini kasih background sinar pada gambar pengantin itu dengan tool interactive drop shadow tool. Lihat gambar bawah

tutorial coreldraw

Tinggal kasih tulisan dech….
tutorial coreldraw
Desain Undangan
(Anda dapat mendownload hasil jadinya pada Layanan Ilmugrafis di bawah ini)

Disini saya pakai font type Alison. Sistemnya sama, ditulis dahulu lalu diwarnai hitam dalam dan hairline juga. Trus hairline dikasih ketebalan 2 pt. lalu copy dan paste ditempat yang sama dengan warna kuning. Tetapi untuk copiannya ini tidak diberi hairline, alias none. Selamat mencoba dan membuat kartu undangan anda sendiri.


 sumber : ilmu grafis

Read more ...

Monday, 3 December 2012

membuat logo telkomsel dengan corel draw

tutorial kali ini Saya akan mencoba memberikan teknik bagaimana membuat logo salah satu operator seluler yaitu telkomsel, saya menggunakan Coreldraw versi X3 kali ini penulis bukan bermaksud untuk beriklan namun disini penulis cuma ingin sharing pembuatan Coreldraw logo desain saja...

Saya asumsikan Anda telah mengetahui dengan baik teknik dasar pada Coreldraw, Jadi ayo kita mulai....

1. Jalankan Program CorelDraw, nah buatlah sebuah objek segienam, Pilih polygonal tool, kemudian pada property bar, Anda masukkan nilai 6 untuk membuat segienam


2. Miringkan objek segienam tersebut dengan merotasikannya sebesar 350 derajat


3. Warnai objek tersebut dengan warna abu-abu (gray) dan copy satu objek lagi
beri warna merah, posisikan seperti berikut, hilangkan line dari objek tersebut.


4. Nah sekarang kita akan membuat bentuk lingkaran yang melingkup objek segi enam tersebut, gunakan ellipse tool buat agak melonjong horizontal.
Kemudian Anda copy-kan objek elips tersebut tapi kecilkan sedikit letakkan di atas objek elips yang pertama seperti berikut :


6. Beri warna abu-abu terang (30% black) pada objek elips yang terpotong, letakkan pada
objek segienam, gandakan objek elips yang terpotong tersebut atur posisi sebagai berikut :


7. Sekarang kita akan membuat perpotongan antara objek elips yang terpotong dengan segienam merah,
klik objek segienam merah tekan Shift kemudian klik salah satu objek elips yang terpotong,
pilih metode intersect pada property bar, beri warna putih pada hasil pemotongan,
lakukan hal yang sama pada objek elips yang terpotong lainnya dengan segienam merah.


8. Ketikkan teks TELKOMSEL (Arial, Bold, Italic) di sebelah kanan logonya.
telkomsel
Logo Telkomsel - Maju Terus dunia telekomunikasi Indonesia

Okey, Met mencoba yach...
Terima Kasih... Semoga Bermanfaat
Read more ...

Sunday, 2 December 2012

membuat logo ac milan


tutorial kali ini akan mengajak kita untuk belajar membuat logo yang tak asing bagi para pecinta sepak bola yaitu logo ac milan
Yeah,, tentunya untuk start kita harus membuka aplikasinya terlebih dahulu (yang saya pakai CorelDRAW X6). TAPI pake corel yang mana aja juga bisa,,,

Langkah - Langkahnya:
1. Aktifkan Ellipse Tool (F7) tutorial coreldraw kemudian buat objek elips dan beri warna merah. kemudian buat objek elips lagi tapi ukurannya lebih kecil dengan warna putih dan letakan ditengah elips merah.
tutorial coreldraw
Tips : agar tepat berada di tengah-tengah, pilih saja kedua objek (elips merah dan putih) kemudian tekan huruf P pada keyboard.



2. Masih dengan ellips tool, buat objek lingkaran sambil menekan ctrl agar objek benar-benar bulat. Kemudian kita belah menjadi dua dengan Knife Tool tutorial coreldraw dengan cara klik di Garis atas dan bawah lingkaran. Setelah menjadi dua bagian, beri warna merah untuk sebelah kiri dan putih untuk kanan.
tutorial coreldraw



3. Aktifkan Graph paper tool (D) tutorial coreldraw atur dengan columns=6 dan rows=1 tutorial coreldraw pastikan snap to object sudah di centang (View-Snap To Object).
Buatlah diatas setengah lingkaran merah seperti ini.
 tutorial coreldraw



4. Drag dari P1 ke P2 dengan Pick Tool  tutorial coreldraw
kemudian pilih Intersect  tutorial coreldraw
pada tool bar kemudian delete Graph paper-nya.
tutorial coreldraw



5. Pilih setengah lingkaran merah kemudian ungroup (Ctrl+U) atau pada menu Arrange-Ungroup dan beri warna hitam pada bagian a, b dan c.
  tutorial coreldraw




6. Dengan Rectangle Tool (F6) tutorial coreldraw kita buat dua objek persegi panjang seperti gambar di bawah dan letakan di atas objek setengah lingkaran putih.
Pilih kedua persegi panjang tersebut, caranya pilih P1 kemudian tekan dan tahan Shift pada keyboard dan pilih P2.
Kemudian di Weld tutorial coreldraw
tutorial coreldraw
Pilih setengah lingkaran putih dan objek yang kita Weld tadi,
kemudian pilih Intersect tutorial coreldraw dan beri warna merah. Delete hasil weld-nya.



7. Selanjutnya kita buat lingkaran yang sedikit lebih besar dari lingakaran pertama,
kemudian gunakan fasilitas Fit Text To Path yang berada pada Menu Text, kita tuliskan "ACM" dengan jenis font Verdana kalo ukurannya disesuaikan saja.
Kemudian gunakan Pick Tool untuk memilih Text Orientation-nya menjadi
tutorial coreldraw
Selanjutnya pisahkan objek lingkaran dan tulisan ACM (Arrange-Break Text Apart) dan hapus lingkarannya.



8. Untuk membuat tulisan "1899" sama seperti membuat "ACM" hanya Path-nya bukan lingkaran tapi garis lengkung.
Caranya : aktifkan Pen Tool tutorial coreldraw  klik di kanan dan kiri (untuk mengakhiri tekan ESC),
dengan Shape Tool (F10) tutorial coreldraw klik satu kali pada garis kemudian pilih Convert Line To Curve
tutorial coreldraw

Pada garis tengah klik dan drag ke bawah, jika sudah lengkung gunakan Fit Text To Path  pada Menu Text dan ketikan "1899" (font=Arial, ukuran=disesuaikan sendiri)
kemudian Arrange-Break Text Apart dan hapus path lengkungnya. Hingga hasilnya kurang lebih seperti ini...
tutorial coreldrawac milan
Selamat mencoba dan ber-Eksperimen semoga bermanfaat.. ;-)


sunber : ilmugrafis
Read more ...
Designed By VungTauZ.Com