Rabu, 31 Juli 2013

Cara Membuat Blogskin

Tadi ada yang request cara membuat blogskin, dia adalah... Pingkaaan! Nah, sekarang request-nya sudah terkabul. Cekidot okay!
1. Go to 'Dashboard' and then go to 'Template'

2. Scroll kebawah dan kamu akan menemukan tulisan 'Revert To Classic Templates' seperti gambar dibawah ini




























3. Nah, habis itu klik 'CTRL + A' lalu delete semua code

4. Nah, sekarang kosong kan? Mari kita paste code dibawah ini kedalam kotak code-nya
<html>
<head>
<center><img src="URL HEADER" /></center>
<title>JUDUL BLOG</title>
5. Silahkan edit-edit tulisan berwarna 'Pink Muda' dan 'Pink Tua' tersebut

6.  Cari code dibawah ini dengan menggunakan 'CTRL + F'
<html>
7. Paste code dibawah ini tepat Dibawah code <html>
<div style="display:scroll; position:absolute; top:0px; right:2px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR TOMBOL FOLLOW" /></a><br /><div style="display:scroll; position:absolute; top:0px; right:185px;"><a class="linkopacity" href="http://blogger.com/home" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR TOMBOL DASHBOARD" /></a></div></div>
8. Paste code dibawah ini tepat Dibawah semua code sebelumnya
<style type="text/css">
#navbar-iframe {display: none;}body {
background: url(URL BACKGROUND);
background-attachment:fixed;
font-family: arial;
font-size: 11px;
}
a:link, a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
border-bottom:1px solid #87689;
}
</style>
<body><br>
9. Cari code dibawah ini dengan menggunakan 'CTRL + F'
</style>
10. Pastekan code dibawah ini tepat Diatas code </style>
.main {
background:#ffffff;
color:#666666;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.h1 {
color:#FF9FCC;
font-size:18px;
padding:3px;
border-bottom:1px solid #c0c0c0;
}
.h2 {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
Note :

  • ABC = Warna Font Di Blog
  • ABC = Panjang Main Blog
  • ABC = Panjang Sidebar
  • ABC = Warna Dont Post Title
11. Cari code dibawah ini dengan menggunakan 'CTRL + F'
<body>
12. Paste code dibawah ini tepat Dibawah code <body>
<table style="line-height: 17px;" width="850" border="0" align="center" cellspacing="5">
<tbody><tr>
13. Oh ya, yang warna 'Pink Muda' itu panjang blog (campuran sidebar sama main blog). Paste code dibawah ini di kotak code paliiiing bawah okay?
<br>
14. Lalu, pastekan code dibawah ini tepat Dibawah code <br>
<td valign="top" width:550px;">
<div class="main">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitlegt;</BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDategt;</BlogDateHeader> | <$BlogItemDateTimegt; | <a href="<$BlogItemCommentCreategt;"<$BlogItemCommentFormOnClickgt;><$BlogItemCommentCountgt;comments</a></BlogItemCommentsEnabled></div>
<$blogitembodygt;</blogger><br>
<center><OlderPosts><a href=<$OlderPostsgt;>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPostsgt;>Newer Post</a></NewerPosts></center></div>
</div>
</td>
15. Sekarang, kita buat isi sidebar ya! Paste code dibawah ini tepat dibawah code atas ^
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
16. Mau tambah lagi? Tambahin aja code atas dibawah code atas, contohnya dibawah ini
 <td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
17. Akhirkan semua code dengan code dibawah ini
</table></body></head></html>

Cara Mengedit Template Blogger Versi Terbaru 2013

Cara Mengedit Template Blogger Versi Terbaru 2013 - Di tahun 2013 ini, tepatnya bulan April 2013, Blogger telah memperbarui Tampilan Edit HTML pada Menu Template. Dengan Tampilan Editor Baru ini tentunya akan membuat kita lebih mudah untuk Mengedit Template Blog kita. Tetapi, ada juga blogger yang masih bingung menggunakan Editor Template Baru ini. Pasalnya banyak sekali perubahan yang terjadi pada Tampilan Edit HTML Terbaru ini, di antaranya adalah Hilangnya tombol 'Expand Template Widget', Hal ini juga menjadi masalah bagi para blogger karena kesulitan untuk mencari sebuah kode. Untuk itu, pada kali ini saya akan membagikan Tutorial Mengedit Template Blogger Versi Terbaru 2013. Sebelumnya, mari kita pelajari terlebih dahulu tentang Edit HTML Template pada tampilan baru ini, berikut penjelasannya.


- (Back) = Tombol untuk kembali ke halaman Template, untuk membatalkan Edit HTML.
- (Save Template) = Tombol untuk Menyimpan perubahan hasil Edit HTML.
- (Jump to Widget) = Tombol untuk mempermudah mencari kode Widget.
- (Edit template) = Halaman untuk Mengedit Template.
- (Preview template) = Tombol untuk mempratinjau/melihat hasil Edit HTML sebelum Menyimpannya.
- (Format template) = Tombol untuk menghilangkan perubahan yang sudah dilakukan dalam satu pengeditan.
- (Revert changes) = Tombol untuk mengembalikan semua perubahan yang sudah dilakukan.
- (Revert widget templates to default) = Tombol untuk mengembalikan tampilan blog ke tampilan semula dan menghilangkan beberapa fungsi yang ada pada template.

Bila masih kebingungan dengan tampilan baru Editor HTML Blogger ini, Anda bisa lihat penjelasan yang mungkin bisa Anda pelajari dibawah ini.




Berikut Cara Mengedit Template Blogger Versi Terbaru 2013
  • Mencari Kode HTML
Bagaimana cara mencari kode html pada tampilan terbaru Edit HTML Blogger? Kalau dulu, kita harus klik tombol "Expand Template Widget" untuk mencari kode HTML. Tapi, sekarang kita tidak perlu menggunakan tombol itu, yaitu kita hanya perlu klik (CTRL + F). Pertama-tama, klik kode apa saja pada Edit template, lalu Anda klik (CTRL + F), kemudian Anda ketik kode yang ingin Anda cari. Setelah itu, Anda akan dapat menemukan kode yang Anda cari.


  • Mencari Kode Widget dengan 'Jump to Widget'
Kini, blogger telah menambahkan fitur baru untuk memudahkan kita mencari kode Widget, yaitu dengan Tombol 'Jump to Widget'. Dengan adanya fitur 'Jump to Widget' ini, Anda akan lebih mudah untuk menuju ke kode Widget blog Anda. Caranya pun cukup mudah, Anda hanya perlu klik pada Tombol 'Jump to Widget', lalu akan muncul menu dropdown, jika Anda klik salah satu menu tersebut, maka Anda akan langsung menuju ke kode tersebut.



Setelah Anda menemukan kode tersebut, Anda akan menemukan Tanda expand folder '►' yang berguna untuk membuka rangkaian kode dari Widget tersebut.



Demikian Cara Mengedit Template Blogger Versi Terbaru 2013,

cara-membuat-gambar-menggunakan-paint


        1.       Pilih sotfware yang kita inginkan untuk membuat gambar
             Pilihan : a. Paint
             b. corel drow
             c. adobhe photosop
  2.    pilih software paint


 3.       Untuk membuat garis daun bunga pilih shapes yang kita buat.

       4. Buat daun bunga sesuai dengan keinginan kita. Lebih bagusnya harus mirip dengan yang aslinya.


          5.       Buat batang daun, bunga dan vas bunga untuk melengkapi gambar daun supaya lebih cantik


     6.       Jika ingin memperindah gambar gunakan pensil dan eraser
           7.       Pemberian warna pada gambar tersebut sesuai warna yang kita inginkan.
Ø  Fill with color => pilih warna yang ada pada foreground color

       8.       Bila kita ingin memperindah warna gunakan sotfware adobhe photosop.
              Bukalah aplikasi adobhe photosop.
             9.       Masukan gambar daun yang tadi, kemudian
Ø  Klik magic wand tool
Sorot bagian  gambar yang akan divariasi tersebut
Ø  Color piker
Pilih warna yang akan kita inginkan
Ø  Gradien tool

         10.       Bila sudah selesai seleksi  gambar, terakhir kasih background gambar
Ø  Klik brush tool
Pilih warna yang kita inginkan untuk background tersebut 
         11.       Inilah hasil karya saya
 
 

Cara Mudah Edit Background Foto dengan Photoshop CS6

Salah satu hal yang paling menyenangkan dan sering dilakukan untuk membuat foto kita menjadi lebih indah dan unik adalah dengan meng edit background foto tersebut. Oleh karena itu kali ini kita akan belajar untuk mengganti background (latar belakang) foto dengan menggunakan Adobe Photoshop, dengan versi yang saya gunakan dalam tutorial ini adalah CS6.


after before, belajar photoshop, photoshop cs6,


Ok..langsung saja, berikut langkah-langkah mudah edit background dengan Photoshop CS6.

1. Buka gambar yang akan kita edit dengan cara klik menu File -> Open. (download file aslinya disini dan disini).

2. Ubah layer Background menjadi Layer 0 dengan cara double klik pada layer Background, akan muncul tampilan seperti dibawah lalu klik Ok. Nama layer akan berubah menjadi Layer 0, namun kita dapat merubahnya sesuai keinginan untuk mempermudah.

cara edit background dengan photoshop, belajar photoshop, tutorial photoshop, untuk pemula

3. Pada Toolbox pilih Poligonal Lasso Tool atau tekan tombol L. Atur besar Feater sesuai keinginan (sebaiknya antara 0-2).

cara edit background dengan photoshop, belajar photoshop, tutorial photoshop, untuk pemula

4. Lakukan seleksi pada objek foto. Caranya dengan mengklik-klik pada tepi gambar hingga pada titik awal kita menyeleksi tadi. Jangan lupa untuk menyentuk ujuk garis pada awal seleksi tadi untuk mengakhiri seleksi, area seleksi akan ditandai dengan garis putus-putus seperti dibawah.

cara edit background dengan photoshop, belajar photoshop, tutorial photoshop, untuk pemula


5. Setelah itu, kita akan menghapus area background dari gambar. Namun sebelumnya kita harus menyeleksi backgroundnya terlebih dahulu, caranya masuk ke menu Select -> Inverse.
Sekarang area seleksi akan berbalik menyeleksi background, bukan objek fotonya.

cara edit background dengan photoshop, belajar photoshop, tutorial photoshop, untuk pemula

6. Lalu tekan Delete pada keyboard untuk menghapus background foto. Hasilnya seperti berikut.

cara edit background dengan photoshop, belajar photoshop, tutorial photoshop, untuk pemula
7. Setelah itu kita masukkan gambar background dengan cara menyeret gambar dari Windows Explorer ke atas area kerja foto yang sedang kita edit. Secara otomatis layer gambar background akan berada di atas foto yang tadi.
cara edit background dengan photoshop, belajar photoshop, tutorial photoshop, untuk pemula

Atau kita juga bisa menambahkan backgroud melalui menu File > Open, dan pilih file background yang kita inginkan. Saat ditambahkan, layer background berada di atas gambar, sehingga kita perlu memindahkannya dengan cara menyeret layer background ke bawah atau sebaliknya.

cara edit background dengan photoshop, belajar photoshop, tutorial photoshop, untuk pemula


8. Setelah itu kita harus menyesuaikan besarnya background sehingga menutupi seluruh area foto. Jika sudah bagus seperti gambar dibawah, tekan enter.

cara edit background dengan photoshop, belajar photoshop, tutorial photoshop, untuk pemula

Kita tinggal menyimpan hasil edit background foto kita dengan masuk ke menu File -> Save for web.

Ok..itulah cara mudah edit background foto dengan Photoshop CS6, semoga bermanfaat.
Jika masih ada yang kurang jelas atau ada yang ingin ditanyakan, jangan sungkan untuk memberikan kometar di bawah atau melalui Fans Page Facebook kami.
Selamat mencoba dan sukses selalu.

Cara Merubah Background Foto Dengan CorelDraw

Pada tutorial kali ini Blogger Bondowoso akan berbagi kepada anda yang belum mengetahui bagaimana cara merubah background foto dengan coreldraw. Tutorial ini berlaku juga untuk mengganti background foto pada pas foto ukuran 2 x 3, pas foto ukuran 3 x 4 dan pas foto ukuran 4 x 6 atau ukuran apa saja menurut kebutuhan anda. Nah sekarang simak bagaimana cara mengganti background foto dengan menggunakan coreldraw dibawah ini.

Cara Merubah Background Foto Dengan CorelDraw

Cara Merubah Background Foto di CorelDraw

1. Buka program CorelDraw
2. Pada menu pilih File => Import dan pilih foto / gambar yang akan dirubah background, seperti contoh dibawah ini

Cara Merubah Background Foto Dengan CorelDraw

3. Pada toolbox pilih Bezier Tool untuk menyeleksi background foto, lihat cara hasil seleksi dengan Bezier Tool pada gambar background dibawah ini

Cara Merubah Background Foto Dengan CorelDraw

4. Kalau background sudah terseleksi lalu beri warna dengan Fill Tool seperti gambar dibawah ini



5. Selanjutnya pada menu, pilih File => Import dan pilih gambar background misalnya gambar pemandangan air terjun (lebar dan tinggi gambar pemandangan yang akan dijadikan background harus sama dengan lebar dan tinggi foto diatas.

Cara Merubah Background Foto Dengan CorelDraw

6. Kita akan memasukkan pemandangan ke foto orang dengan cara, pada menu bar pilih Effects => PowerClip => Place Inside Cointiner. Lalu arahkan panah hitam pada foto yang sudah diseleksi sebelumnya, lihat gambar dibawah ini.

Cara Merubah Background Foto Dengan CorelDraw

7. Hasil dari mengganti background foto dengan coreldraw seperti dibawah ini

Cara Merubah Background Foto Dengan CorelDraw

Silahkan mencoba Cara Merubah Background Foto Dengan CorelDraw, semoga bermanfaat

Cara Merubah Bentuk Objek/Teks di CorelDRAW

Cara Merubah Bentuk Objek/Teks di CorelDRAW, di posting sebelumnya kita membahas tentang cara membuat tulisan dobel, sekarang tutor masih di jalur tool tool coreldraw, jadi saya bahas terlebih dahulu tool2 di coreldraw, posting sebelumnya yaitu tool Contour, sekarang kita mencoba menggunakan tool Envelope, kegunaan tool ini adalah untuk mengatur bentuk suatu objek, pada teks, tool ini saya gunakan untuk mengatur agar teks menjadi terlihat lebih jauh, dan bnyak lagi, langsung saja lihat Cara Merubah Bentuk Objek/Teks di CorelDRAW dengan gambar di bawha ini.
 




1. Seperti biasa, lihat gambar ini dan klik tool Envelope




2. Buatlah sebuah objek dan cobalah klik dan tarik objek tersebut.
#lihat gambar di bawah ini.


3. Sangat Mudah bukan Cara menggunaan tool Envelope di coreldraw?

#dan di bawah ini adalah pengaturan dari tool tersebut.






Mungkin hanya itu yang bisa saya sebutkan untuk pengaturanya, tentunya agar lebih jelas, anda bisa mencobanya sendiri :), terimakasih, semoga bermanfaat

cara membuat foto asli menjadi kartun menggunakan corel draw

membuat lembar kerja terlebih dahulu pilih File => New ( Ctrl + N ) dan untuk memasukan gambar atau foto di coreldraw pilih File => Import ( Ctrl + i ). jangan lupa Lock Object yah caranya klik kanan pada object gambar atau foto pilih Lock Object supaya gambar atau foto tetap di tempat.





Oke pertama saya akan membuat bagian mata nya terlebih dahulu menggunakan bazier tool untuk menyeleksi garis - garis bagian mata, pokok nya untuk pertama kali membuat lengkungan garis selalu dengan bazier.


Buat lah garis dengan 5 titik membentuk segi 4 terlebih dahulu menggunakan Bazier, untuk membuat lengkungan garis mengikuti bagian mata pilih Shape tool klik kanan pada garis pilih To Curve dan drag, untuk merapihkan klik pada garis titik bagian mata klik kanan pilih Smooth

Selanjutnya membuat bola mata dengan Elipse Tool untuk membuat lingkaran bola mata tersebut, untuk memasukan object garis yang keluar seperti pada gambar ke dua di bawah ini adalah dengan Intersect, Arrange => Shapping => Intersect dan untuk memasukan bola mata ke dalam tekan shift terlebih dahulu klik object bola mata, karena di sini object bola mata nya ada 3 lingkaran klik ke tiga2 nya ( jangan lepaskan shift ) kemudian pilih Effects => Powerclip => Place Inside Container

langkah berikutnya membuat hidung,mulut,muka,rambut juga sama caranya seperti sebelum belumnya yaitu dengan  menggunakan Bazier, Shape, untuk merapihkan garis gunakan Smooth dan untuk menghilangkan Outline atau garis luar caranya klik kanan pada tanda silang di pallet warna.


Langkah beriktunya adalah membuat pencahayaan dan pewarnaan, bagi pemula mungkin ini bagian tersulit
karena kalau pewarnaan nya kurang baik hasilnya gambar tersebut tidak bakal enak di lihat..hhe
untuk mempermudah dalam seleksi pencahayaan Posterize terlebih dahulu. Effects => Transfrom => Posterize gunakan level 7 maka akan tampak gambar nomer 1 di bawah ini. selanjutnya kita seleksi dengan bazier seperti gambar nomer 2 di bawah ini.


Langkah terakhir membuat pewarnaan, dibagian ini yang paling sering di gunakan adalah transparasi warna seperti gambar 1 dan 2 di bawah ini, klik Blend Tool => Transparacy kemudian tarik garis pada objek yang akan di transparasi warna nya. jangan lupa untuk memunculkan obyek yang tertutup obyek warna lain cara memunculkan nya dengan klik kanan objek => Order => In Front Of


Semoga bermanfaat,