Posts Subscribe to This BlogComments

Sabtu, 31 Desember 2011

Deskspace Membuat Desktop Windows Berbentuk Kubus


Deskspace Membuat Desktop Windows Berbentuk Kubus




Anda pengen punya Desktop windows berbentuk kubus seperti gambar diatas yang bisa diputer-puter tp gak bisa di jilat..(he..he..he..)dan dipasangi wallpaper berbeda disetiap sisinya.Udah pernah pake linux ubuntu atau opensuse,terus desktopnya bisa diputer dan pengen kayak gitu juga di windows?
Oke lansung aja gan, untuk membuat desktop windows menjadi 6 bagian dan berbentuk kubus caranya mudah. Gunakan deskspace untuk membuat desktop windows kamu berbentuk kubus seperti di ubuntu atau open suse. Deskspace dapat digunakan di windows xp, windows vista dan windows 7,mantap gak?
Untuk menginstall deskspace caranya mudah tinggal klik next,next,next,…finish. Nah setelah selesai diinstal,caranya supaya kita bisa memainkan deskspace di windows kita,tinggal tekan ctrl+shift+alt .desktop kamu langsung berbentuk kubus.Kamu juga dapat menekan tombol ctrl+shift+1 atau 2,3,4,5,6 untuk berpindah secara cepat ke bagian desktop 1-6,atau bisa jg dengan mengklik nomer urut seperti gambar di bawah :


Jika anda berminat, langsung aja download deskspace dibawah ini:


Download


Moga bermanfaat...



Jumat, 30 Desember 2011

Software Backup Driver Sebelum Install Windows


Software Backup Driver Sebelum Install Windows
Posted by Zeon Spy Categori : Download Software

Apakah anda ingin Install Ulang Windows tapi CD Driver Mother Board dan Master Driver Hardware udah pada Ilang alias Ga Ada. Jangan Khawatir, Anda bisa Install Ulang Windows anda Dengan tenang dan damai sebab anda bisa menggunakan Software Backup Driver Sebelum Install Ulang Windows. Anda bisa menggunakan WinDriver Ghost untuk menanganinya. Sebuah Program Ringan dan Efektif untuk memecahkan masalah Backup Driver sebelum anda Install Ulang Windows anda.

Sebelum anda Install Ulang Windows XP, Windows 2000, Windows 7, Windows Vista, WinDriver Gost akan membackup semua Driver Hardware anda. Nantinya Driver itu bisa di gunakan kembali untuk mengenali hardware yang ada di Komputer tanpa anda memerlukan CD Driver Bawaan Mother Board atau Driver lainnya. Cara Pemnggunaanya juga Cukup Mudah, tinggal Menggunakan Menu "Fast Collect" atau "Collect All" untuk Membackup Driver dan "Make" atau "Make All" untuk memproses Backup Driver.


Software Backup Driver Sebelum Install Windows - WinDriver Ghost

Untuk Menu Fast Collect akan Membackup Driver-driver penting saja yang ada di Komputer anda seperti; Sound Driver, VGA Driver / Graphic Driver, Driver Motherboard atau driver utama. Jika Collect All akan membackup semua driver yang ada di Komputer anda. Untuk Make Adalah Memproses Backup Driver Sesuai dengan pilihan driver mana yang akan di Backup. Sedangkan Make All adalah untuk Memproses semua driver yang berhasil di Backup / Collect. Driver hasil Backupan bisa juga dijadikan File .EXE agar bisa di Install. Beberapa Fitur di WinDriver Ghost :

Features WinDriver Ghost versi 3.0:
- Driver Update Feature Automatic.
- Driver Extraction and Re Creation Feature Automatic.
- Feature for Stand along EXE Installer Creation.
- Feature for Advanced Driver Removal.
- Feature for New Hardware Installation Wizard.
- English, Chinese, French Interface and Document Available.
- Online Support, Comprehensive Help
- Operating System support : Windows 2000/XP/2003/Vista/7.

Untuk mendownload silahkan anda klik link di bawah ini :

Download

Software Backup Driver Sebelum Install Windows sangat penting untuk mengindari pencarian driver yang penting dan sulit di cari. Jadi Minimal kita sudah ada backup driver jika menggunakan WinDriver Ghost ini. Bagaimana apakah program ini bisa membantu dalam Membackup Driver penting milik Anda ?. Jika ya silahkan coba. Semoga bermanfaat.

Kamis, 29 Desember 2011


Tukaran Link

Sobat Sukses, posting kali ini saya pengen berbagi trik tentang cara bertukar link sesama blogging. Mungkin bagi sobat yang sudah menjadi blogger profesional hal ini merupakan perkara yang gampang saja. Tapi beda halnya bagi blogger junior,ini tentu sangat berguna demi perkembangan blog untuk mengarah ke profesional.

Bagi yg belum tau dengan istilah Tukaran link di dunia blogging? tukaran link adalah saling menukarkan link blogger anda pada blogger orang lain. Link tersebut bisa berupa kode HTML yang akan dipasangkan pada gadgetnya masing2. Link sangat penting! Kenapa demikian? Apabila link blog kita berada pada blog orang lain maka akan mempengaruhi dalam meningkatkan pencarian mesin pencari GOOGLE terhadap blog kita.


Barangkali ada rekan-rekan yang ingin membuat kotak tukaran link seperti contoh dibawah ini, tetapi belum mengetahui cara membuatnya, maka pada artikel kita kali ini kita akan coba bahas caranya




Tukaran Link? Copy/Paste Code HTML berikut ke blog anda

 </p><a href="http://regaspy.blogspot.com/" target="_blank"><img alt="Zeon Spy" src=" http://images.cooltext.com/2408854.gif " width="111" border="0" height="32" /></a>
<p><textarea rows="3" cols="20"><a href="http://regaspy.blogspot.com" target="_blank"><img border="0" alt="Zeon Spy" width="111" src=" http://images.cooltext.com/2408854.gif " height="32" /></a></textarea></p>

Langkah-langkah membuat kotak tukar linknya sebagai berikut :
- Sebelumnya kita buat logo-nya terlebih dahulu, jika belum punya kita dapat memanfaatkan fasilitas membuat logo secara gratis di http://cooltext.com/

- Klik Logos di menu bagian atas;

- Pilih dan klik bentuk logo yang kita diinginkan;

- Sekarang kita masuk ke bagian Design Your Logo, disini kita dapat mengatur logo text, warna, font, ukuran, dan sebagainya, sesuaikan dengan keinginan kita;

- Jika sudah selesai Klik Render Logo, tunggu sampai proses membuat logo selesai;

- Sekarang akan muncul bentuk logo-nya;

- Kita klik Download Image (untuk menyimpan logo/ image tersebut) dan Get HTML Code (untuk mendapatkan script-nya), tetapi sebelum itu kita akan diminta untuk register terlebih dahulu, jadi silahkan register dahulu;

- Jika sudah selesai sekarang login ke account blog kita;

- Setelah masuk Dashboard > klik Tata Letak;

- Sekarang kita tentukan letak-nya mau ditampilkan dimana Kotak Tukeran Link tersebut, setelah kita tentukan kita klik Tambah Gadget;

- Pilih Text > kemudian klik Edit HTML;

- Sekarang Copy/Paste script dibawah ini;
(selain dapat ditampilkan di sidebar blog, kita bisa juga membuat posting khusus untuk bertukar link seperti ini)

<p>Tukaran Link? Copy/paste code HTML berikut ke blog anda</p><a href="http://regaspy.blogspot.com/" target="_blank"><img alt="Zeon Spy" src=" http://images.cooltext.com/2408854.gif " width="111" border="0" height="32" /></a>
<p><textarea rows="3" cols="20"><a href="http://regaspy.blogspot.com" target="_blank"><img border="0" alt="Zeon Spy" width="111" src=" http://images.cooltext.com/2408854.gif " height="32" /></a></textarea></p>

Catatan :
Kita ganti yang warna Merah dengan URL blog anda, warna Biru dengan judul image anda, sedangkan yang warna Ungu kita ganti dengan URL logo/ image tempat anda menyimpan image yang baru saja anda download di http://cooltext.com.

- Setelah selesai klik Save;

- Selesai.

Selamat mencoba, semoga bermanfaat.



Rabu, 28 Desember 2011

Cheat Warcraft III + Dota




Buat yg sering maen game Warcraft and Dota,gak ada salahnya mencoba cheat ini.Tp buat gw sih,lebih seru klo gak make cheat,jadi gamenya lebih menantang.Ok buat yg masih tetap pengen cheatnya silahkan..:

1. greedisgood 1000 : kayu dan gold 1000, ganti angkanya juga bisa

2. whosyourdaddy= Semua unit kebal, bangunan juga kebal anti serang, jadi nggak bisa mati, trus efek tambahan kamu bisa membunuh unit musuh dengan 1x pukul.

3.Pakai footman atau worker/peasant maju sendiri ke kandang musuh aja bisa, nggak takut mati...

4. warpten= Mempercepat pembangunan atau pembuatan unit secara luar biasa cepat, tapi efeknya musuhmu juga jadi cepat, sama kayak kamu, jadi hati-hati.

5. iseedeadpeople= Map/peta permainan akan terlihat seluruhnya, jadi nggak hitam lagi.

6. Pointbreak= Membuat produksi unit bisa melebihi batas yang ditentukan. Misalnya maksimum unit cuma 100, kamu bisa buat lebih, tapi nggak mungkin ampe 500-an, jadi tetap ada batasnya.

7. buat nambah uang = GreedisGood 1000000


8. TenthLevelTaurenChieftain - Memutar lagu khusus (Warcraft III: The Frozen Throne ONLY

9. IocainePowder - Kematian Cepat / Decay

10.KeyserSoze [jumlah] - Memberikan Anda X Emas

     LeafitToMe [jumlah] - Memberikan Anda X Lumber

11.DayLightSavings [waktu] - Jika waktu yang ditentukan, waktu ditetapkan itu, dinyatakan waktu hari    bergantian dihentikan / dilanjutkan
     LightsOut - Mengatur waktu hari ke senja

13.ThereIsNoSpoon - Mana Unlimited

14.StrengthAndHonor - kekalahan No

15.Motherland [ras] [level] - melompat tingkat

16.SomebodySetUpUsTheBomb - kekalahan Instan

17.AllYourBaseAreBelongToUs - kemenangan Instan

18.WhoIsJohnGalt - penelitian Aktifkan

19.SharpAndShiny - upgrade Penelitian

 20.Synergy - Disable tech persyaratan pohon

 21. RiseAndShine - Mengatur waktu hari ke fajar

Jangan lupa komentarnya ya…
Thank’s….

Cara menampilkan Posting Blog di Facebook dan Twitter


Suatu hal yang membuat blog kita bisa lebih di kenal adalah dengan cara mempromosikannya, karena hal ini sangat penting untuk meningkatkan traffic blog, salah satu cara untuk mempromosikan blog adalah dengan menampilkan posting blog di facebook dan twitter secara bersamaan karena hampir semua orang menggunakan kedua social network ini, cara kerjanya pun tergolong mudah sehingga ketika anda posting di blog maka secara otomatis postingan akan muncul di facebook dan twitter juga, Sobat hanya memasukan feed blog ke situs twitterfeed.com
Untuk membuatnya adalah sebagai berikut :
1. Silakan sobat kunjungi situs http://twitterfeed.com
2. Klik don’t have an account yet atau sign in with open id, setelah itu akan muncul form pendaftaran

3. Masukan alamat email sobat beserta password kemudian ulangi password setelah itu klik create account
4. Kemudian masukan Nama dan Alamat feed blog sobat, contohnya seperti ini http://regaspy.blogspot.com/feeds/posts/default/

atau
http://namablog.wordpress.com/feed/
5. Selanjutnya klik test rss feed dan bila sudah OK, klik tombol continue to step 2
6. Pilih twitter dan facebook, tentunya sobat sudah mempunyai kedua account faceebook dan twitter.
7. Klik Twitter kemudian akan muncul koneksi untuk menghubungkannya, klik authenticate Twitter dan klik Allow.
8. Koneksi bila benar maka twitter feed akan memberitahukan pengaktifan koneksi feed blog ke akun twitter, kemudian Klik Facebook kemudian akan muncul koneksi untuk menghubungkannya, klik Connect with facebook dan klik Allow
9.jika sudah terkoneksi maka hasilnya akan seperti ini :
10. Sekarang sobat hanya posting di blog dan dapat tampil secara otomatis di Twitter dan Facebook secara bersamaan. semoga bermanfaat






Emotion


Pasti sudah banyak yg tau tentang emotion buat nambahin ekspresi kita pada saat Chat.
Nah bagi yg blm tau,ni Kodenya,tinggal kalian Copas aja.
klo gw sih biasa  gw pake di facebook http://www.facebook.com/Rega.Aprilia.Rigesta
he…he…he..

happy                                       robot                                       confused
        :-)                                         :|]                                                o.O
         :)                                      pacman                                          O.o
        :]                                           :v                                          heart
        =)                                                                                            <3

curly lips                                  upset                                        kiss
        :3                                         >:O                                             :-*
                                                    >:-O                                              :*
Squint                                          >:o                                         angel
-_-                                    >:-o                                             O:)
                                                                                            O:-)
Kiki                                          devil                                           pinguin
          ^_^                                     3:)                                              <(“)
                                                     3:-)               
shark                                       unsure                                        cry    
          (^^^)                                     :/                                               :’(
                                           :-/            
grumpy                                    sunglasses                                 glasses
        >:(                                           8-|                                             8-)
        >:-(                                          8|                                              8)
wink                                                B-|                                            B-)
        ;-)                                             B|
;)
gasp                                             grind                                         tongue
       :-O                                              :-D                                        :-P
        :O                                                :D                                          :P
        :-o                                              =D                                         :-P
        :o                                                                                                :p
                                                                                                         =P
sad                                                Like (baru)
      :-(                                                   (y)
       :(
       :[
       =(

Sorry gak di sertai dgn gambar emotionnya :

Jumat, 23 Desember 2011

Merubah Tampilan Facebook


Barusan saya nemu cara baru untuk merubah tampilan facebook kita,kalau cara lama biasa dengan menggunakan gracemongkey sekarang menggunakan addon user stylish. Memang sih hanya tampil di komputer kita saja, tapi bedanya kali ini caranya tidak rumit hanya install 1 x saja dan theme nya keren2, banyak sekali persediaan themes.

Penggunaan addon ini juga tidak memberatkan loading facebook kita, kalau saya pribadi ngecek sih biasa aja nggak ada perubahan dari sisi koneksi. Jadi kalau lambat coba cek koneksi anda dulu, jangan-jangan emang koneksinya yang lelet. Nih salah satu contoh themenya



 berikut cara instalasinya :

* Buka https://addons.mozilla.org/en-US/firefox/addon/2108
* install addon tersebut ke firefox anda dan restart firefox nya
* Setelah itu akan muncul logo S di bawah pojok kanan browser anda (tandanya sudah berhasil),liat gambar di bawah:














* untuk memilih theme masuk ke http://userstyles.org/styles/browse/facebook.com
* Pilih salah satu theme kemudian akan membuka halaman baru,
disebelah kanan klik install With Stylish
* Akan keluar jendela
popup, sebelum anda menginstall bisa lihat preview dulu, kalau anda suka
tinggal klik install tapi kalau nggak suka cancel aja.

Mudah bukan, anda bisa isntall banyak2 theme dan kalau bosan tinggal
ganti saja dgn theme yg uda anda install td.

Cara x Mengganti theme yg uda di install
Klik Tool--->Add-ons








Lalu Klik User Styles..























Ganti deh theme sesuka anda.
Selesai

Membuat Sidebar Dua Kolom atau membagi sidebar menjadi 2 kolom



Masih sekitar utak-atik template Blogspot , kali ini tentang Membuat Sidebar Dua Kolom atau membagi sidebar menjadi 2 kolom :
Caranya :

    1.Masuk / login ke Dashboard , pilih Layout --> Edit HTML
    2.Download Full Template, ini penting sebagai backup, buat jaga-jaga jika terjadi kesalahan
    3.Kemudian cari kode  ]]></b:skin>
    4.Copy kode dibawah ini kemudian  simpan tepat di atas kode ]]></b:skin> tadi.

        #lsidebar-wrapper {
        float: left;
        margin:0 10px 0 5px;
        padding:0;
        width:150px;
        display:inline;
        }
        .lsidebar {
        line-height: 1.5em;
        }
        .lsidebar .widget {
        background: #FFFFFF;
        float:left;
        width: 140px;
        margin: 0 0 10px 0;
        padding: 10px;
        border:1px solid #f1f1f1;
        }
        #rsidebar-wrapper {
        float: right;
        margin-right:10px;
        padding:0;
        width:140px;
        }
        .rsidebar {
        line-height: 1.5em;
        }
        .rsidebar .widget {
        background: #FFFFFF;
        float:right;
        width: 130px;
        margin: 0 0 10px 0;
        padding: 10px;
        border:1px solid #f1f1f1;
        }

      Atau bisa juga disimpan setelah kode dibawah ini, silahkan  pilih anda suka yg mana :

        /*- Sidebar -*/
        #sidebar {
           float: left;
           width: 320px;
           margin: 6px 0px 5px 0px;
           padding:0px;
           line-height: 18px;
           display: inline;
            }


    5.Setelah langkah2 diatas, dilanjut dengan mencari kode seperti di bawah atau yang agak mirip :

        <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
        <b:widget id='HTML6' locked='false' title='' type='HTML'/>
        </b:section>
        </div>


    6.Setelah ketemu hapus dulu kode </div> nya, lalu copy kode berikut dan letakkan pas di bawahnya.



        <div id='lsidebar-wrapper'>
        <b:section class='lsidebar' id='lsidebar' preferred='yes'>
        </b:section>
        </div>
        <div id='rsidebar-wrapper'>
        <b:section class='rsidebar' id='rsidebar' preferred='yes'>
        </b:section>
        </div>
        </div>

    Jadi kode tersebut akan tampak seperti di bawah

        <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
        <b:widget id='HTML6' locked='false' title='' type='HTML'/>
        </b:section>
        <div id='lsidebar-wrapper'>
        <b:section class='lsidebar' id='lsidebar' preferred='yes'>
        </b:section>
        </div>
        <div id='rsidebar-wrapper'>
        <b:section class='rsidebar' id='rsidebar' preferred='yes'>
        </b:section>
        </div>
        </div>


    7.Save Template

Catatan :

    Pada point 6, harus menghapus kode </div> ( sebetulnya kode ini dipindahkan ke paling bawah di point 6, lihat aja kodenya ada 2), ini dimaksudkan agar sidebar yang ditambahkan akan tetap berada ditempatnya, soalnya kalau gak gini,  jika postingan kita lebih pendek dari sidebar, kadang2 sidebar baru itu suka  berada di bawah posting.
    Untuk menyesuaikan lebar sidebar baru, lihat sidebar utamanya. Misalnya sidebar utama lebarnya 300 px, maka lebar sidebar 1 dan 2 bisa sekitar 145, sehingga masih ada sisa 10 px untuk batas atau margin.

Selamat mencoba,semoga sukses.


Cara Membuat Kotak Link Exchange


Kalo kita mau tukeran link biasanya ada kotak seperti ini :


<a href='http://regaspy.blogspot.com' target='_blank' title='zeonspy' alt='zeonspy' onmouseover='window.location=this.href'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaDSt9f5yaP6Kmy5Y57QIPoRhbpDzYDWxqjMxodOuk4wSJ7zJfu3DbNGnfS4vDUddB8xiir-iQmD3ZbynpZemX4sbQI2AmyNxM9UbEA6fLt9i16eQwV3ZJOiqrWjaukGUwwexQNCskaPyK/s400/zeonspy.gif" alt="ZeonSpy" border="0" /></a>

Nah… cara buat kotak tersebut?

1.pertama Login ke blogger trus pilih Layout --> Page Elements
2.trus klik Add a Gadget lalup pilih HTML/Java Script
3.trus copy kode berikut ini di tempat yang disediakan.

<textarea name="textarea" cols="20"><a href="'http://regaspy.blogspot.com "><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaDSt9f5yaP6Kmy5Y57QIPoRhbpDzYDWxqjMxodOuk4wSJ7zJfu3DbNGnfS4vDUddB8xiir-iQmD3ZbynpZemX4sbQI2AmyNxM9UbEA6fLt9i16eQwV3ZJOiqrWjaukGUwwexQNCskaPyK/s400/zeonspy.gif " width="90" height="17" border="0" /></a>

teks warna biru adalah link, ganti teks tersebut dengan alamat blogmu sedangkan teks warna merah adalah alamat gambar, ganti teks tsb dengan alamat gambar km.
terus simpan templatenya.

Hasilnya akan seperti kotak diatas
Biasa ada yg bertanya, gambarnya mana?, gini didalam kotak tersebut kan ada teks nya, nah kalo teks nya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya.
Gmana…?

Membuat Link Membesar Saat Terkena Pointer



Pada postingan kali ini, saya akan membahas tentang bagaimana cara membuat link membesar jika terkena pointer/kursor.Trik ini memang sudah cukup lama, tapi bagi blogger yang belum mengetahui trik ini. Link membesar jika terkena pointer/kursor maksudnya seperti ini:













Langsung saja kita kita lihat cara :

1. Pertama login ke akun blogger kalian.
2. Setelah itu, masuk ke layout atau rancangan lalu klik edit HTML.
3. Cari kode ]]></b:skin> (agar lebih cepatnya gunakan F3 atau Ctrl + F untuk mencari)
4. Jika sudah ketemu salin kode di bawah dan tempel tepat diatas ]]></b:skin> tadi :

a:hover {
font-size: 20px;
font-weight: bold;
text-decoration: none;
}
 5. Setelah selesai, Simpan dan lihat hasilnya.

Untuk kode yang berwarna merah, bisa diganti dengan ukuran yang kalian inginkan. Saya sendiri memakai ukuran 20px

Selamat Mencoba.

Cara Memasang Google Translate Bendera (Flag Icon)


Kali ini saya akan menjelaskan cara memasang  google translate bendera (flag icon) ,fungsi dari google translate adalah untuk menerjemahkan isi dari posting blog ke bahasa pengunjung blog yang dimengerti , serta memperindah tampilan blog anda.
 Anda bisa liat contohnya seperti yang ada pada bagian sidebar blog saya ini , untuk cara buat translate google bendera ini sangat mudah .

1. Login dulu ke www.blogger.com
2. Setelah login, lalu klik RANCANGAN
3. Lalu klik Elemen halaman
4. Klik Tambah Gadget
5. Pilih dan klik HTML/JAVA SCRIPT
6. Copy Kode di bawah ini, dan paste di gadget HTML/JAVASCRIPT kalian.

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiIkPqZi2ESk5-16UTTwgv4wDUyP9hE5hMoxs1jiACXn3xak0F4Qzy27yopvkVDpHGHfiyl_8gdHlGQw0t8MtffL58Syjr0XB8RBuT1hArtbV5CKwF5Kj7sXwucFsolKx10Usb0vYrdXzC/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewk4G-uzx7cnsBx0i3xMjJX6vMZqeQSrLqNOtghN-NcHH3fZoKg_lA58uYITB226j_Bo5t-_NsWgiCfcuOyGNk9kzvfpa888-qMUWCSX2qd9U440XKQ34Cd_eky2QVY7pjlESW1cqoGYm/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjav0CkVMfxrFabQKoGPC7pYID_9ShGzabvmJegm0WLujzDJeIBGv8fIX2NYm-oW9270wAwry93ND89GhLF4cFmqmamWAOembOgQKoOKPu9dQkl3A9dao29a-swz1DQJuIMyjHLJ078pcjX/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyzSrUi6wopL7GFZP6PVkWSfPh-XJryk_K82RbnrVp7s1PEPGMIp5EqbSHRrxmfYi40778pejcFpnrdvTPk3hZ8bIjp9Oqq9rIY98PugJI7xP_HCBr5sedAeQ4TsiGWrAdE9Ye46_-5L-U/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy39HD7s1srT0QK8ED8mDKo0QkXnbDvFXXUJDoeywYhqdFd1vJpPVmOpgqjFt9iM6fbJi9L1v2HA_OrMh4cYyl5JVCHsWH3PB20_T2Uhts-OTTDC30QkamN5FiPNmVfVGP9f_4tXEnJ3cE/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisctLNdsC2h406_vgWjIwJSMv_9QraOOgTEoJigfysJbUM9Fn8cQGsZOGO5koNVqMKfdaYAk7EZnEBi8njciC_p1AupJ6t5sKH7LArWjvKPAOhA1V7KUFmSEVlQOSFtPM7hp0xZYSr-D05/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRf3kxFq0Ca0xB1VqLxbKoiou2kRriCOUMzbFkwqBWHXEWMLvFDFcp0-asDaG_LXGNevw-f-gJJCwEC5VhVW2rjRIiWq-PxMnp35HwyTEtuIJCsHFGwbNYMx3_-pm0S7LDFaYRz8bGXAAI/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitpSPWGEI44EsMyfckTfM2AWgDf2H2eAX3epyk0z3QeFjUMU-iLE8rKzY6Ci6i-kvud4X9HHNXDjGrx_lJ5QRnklDIh6gZ7ck2wJIgocVcM9kmKvuaE1cz2lodKnj6dhmfCB2V4dYZLevM/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpoYnv1TlQWgi89VIPNfFcNPwoD86C6jjExfwAIHQipnVG5J0gvK4-9hEd8Stxlws2aIQNn_wWri6A8SvVjfzA1cqe1f-OaVK5hsZY_lVoHzCgILHjuqx9p8pB8mLP8YPROMrMYLuqkRSY/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5G0H0AQ6es7iVtic63wSKIW4vUFuEYZ-z2YZV9ejTxtMwFDp3tdrVFY_7Ew6EtkzN08wsVf7oOoPXR6roM_jvKWjXO9af6wPXfRgRn0GNTxZwbiFKyOeb_My15Tcv5dji7qdLPO9fxhnb/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIGeISnWz__GZ5x8KL5mSmiaUnbiQ0lDO6JSu33cc6QOb-BZDWONKNJPIeUDoIqSp6uckRNLhZgG0WN8SPMV1ecoruZzfc0eZ0QwUHWdA7KKEjqGqgA8ToxdAe5TbJ9q8kH01jY-yZOkx/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmGL8atXtzcrPLOwIt7ZB1WCWW2CSu6KpU3b_1lG5RtfPD97B4QRcCgYilUwai0vtRfpzMe20B1Ww3EVg5-BpVYjIZxgvjCrSww_1jRGls3KXA53uebrjP8Y9QDPkyiGWTgkMb-O1RrLy9/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://regaspy.blogspot.com" title="translate widget"/>Translate Widget</a> by Rega Spy </div></div>

7.Lalu save ,
Liat tampilan blog anda skrg…

Kamis, 22 Desember 2011

Cara Desain Tampilan Header

Setelah muter2 kayak gasing di photoshop,akhirnya dapat jg cara membuat tampilan header pada blog gw…..,pd sebagian banyak orang pasti sudah sangat banyak yg mengerti dan tau cara mengoperasikan photoshop maupun pemasangan header ini.

Dengan secangkir coffee moca gw mulai mengetik tutorialnya bermaksud untuk di publikasikan di blog gw yang masih penuh akan kekurangan.Skaligus agan2 bisa praktekkan langsung bagi yg mau mencoba…:
Untuk membuat tampilan bagian atas (header), diperlukan sebuah software pengolah gambar seperti Adobe Photoshop, CorelPaint, atau GIMP (berbasis Linux). Dalam kasus ini, saya menggunakan Adobe Photoshop CS4 sebagai pengolah gambar.

Bagian header dapat dimodifikasi sesuai kebutuhan masing-masing institusi. Namun ada beberapa hal yang perlu diperhatikan dalam mendesain tampilan header agar sesuai dengan identitas institusi yang bersangkutan, yaitu:

1.    Gambar-gambar harus sesuai dengan tema informasi dalam database tersebut
2.    Pemilihan warna disesuaikan dengan kebutuhan dan selera masing-masing institusi

A.  Membuat Dokumen Baru 

Secara default, ukuran header adalah 900 x 106 pixel dengan resolusi 72 pixels/inch (resolusi standar untuk web). Meskipun begitu, ukuran tersebut dapat diubah sesuai kebutuhan.



1.Untuk membuat dokumen baru, pilih menu File > New.


2.Masukkan nama pada kolom name,atur lebar dan tinggi dokumen pada kolom width dan height.Untuk lebih jelasnya,perhatikan gambar di bawah ini.Setelah selesai semua klik OK











3.Sebuah dokumen baru telah berhasil dibuat.












B. Memilih Gambar

Seperti telah dijelaskan sebelumnya, gambar apapun dapat dijadikan sebagai header namun harus mencerminkan identitas institusi dan sistem yang dibuat. Sebagai contoh,di sini gw akan buat header blog gw sendiri.


1.Untuk membuka gambar yang akan disisipkan ke dalam header, pilih menu File > Open.
  
  












2.Pilih salah satu gambar yang akan dibuka, setelah yakin klik tombol Open atau OK.




     
     




3.Contoh gambar yang akan dijadikan sebagai ilustrasi dalam header.













4.Untuk menduplikasi (copy) gambar tersebut ke dalam dokumen, aktifkan Rectangle Marquee tool.






  






5.Letakkan kursor di sudut kiri atas kemudian tarik ke kanan hingga semua gambar terseleksi. 










     
6.Pilih menu Edit > Copy atau tekan tombol Ctrl + C

















7.Sekarang kembali ke dokumen baru.










    
8.Pilih menu Edit > Paste atau tekan tombol Ctrl + V.





   






9.Gambar hasil duplikasi telah berhasil disisipkan ke dalam dokumen baru.








   






10.Untuk memindahkan gambar tersebut gunakan Move Tool, aktifkan alat tersebut.






    





11.Geser ke kiri atau ke kanan sesuai keinginan








  






12.Untuk memperkecil atau memperbesar ukuran gambar, pilih menu Edit > Free Transform atau tekan tombol Ctrl + T.

















13.Secara otomatis pada tepi gambar akan muncul beberapa point yang berfungsi untuk memodifikasi gambar. Masing-masing point memiliki fungsi yang berbeda-beda.


















14.Jika kursor diletakkan pada tiap sudut (kiri, kanan, atas, atau bawah) secara otomatis kursor berubah menjadi ikon bertanda panah kiri dan kanan. Untuk memperkecil ukuran, geser ikon tersebut ke dalam sambil menekan tombol Shift agar ukuran tetap proporsional.









15.Setelah selesai, klik tombol Commit (tanda centang) atau bisa juga menekan tombol Enter setiap kali melakukan perubahan gambar, baik memperkecil, memperbesar, skew, atau rotasi.






16.Agar bagian tepi gambar tersebut seolah-olah menyatu dengan warna dasarnya (putih) perlu diperhalus dengan teknik Masking. Pertama kali, klik ikon Add Layer Mask.





17.Secara otomatis, di bagian kanan gambar muncul layer baru berwarna putih dengan tanda tanda ranti di tengah-tengahnya. Hal tersebut memilki arti layer bergambar telah diberi masking atau pelindung.














18.Sekarang aktifkan Gradient Tool.












19.Tekan tombol D (default) untuk mengatur warna Foreground hitam dan Background putih
.










20.Pilih warna Foregroung to Tranparent (warna hitam ke transparan).














21.Pastika layer mask diaktifkan dengan cara mengklik layer berwarna putih di sebelah kanan gambar.












C. Mewarnai Latar Belakang (Background) 


Latar belakang perlu beri warna agar tampilan lebih menarik. Namun perlu diingat dalam memberi warna terhadap dokumen yang akan dijadikan sebagai header pada website. Hindari warna-warna “panas” misal Merah. Karena jika terlalu banyak warna merah akan mempengaruhi kenyamanan dalam mencari informasi. Untuk mengetahui bagaimana cara mendesain dan memilih warna untuk web, dapat mencari referensi di internet melalui mesin pencari Google.

1.Untuk memberi warna, pastikan layer Background terpilih.












2.Klik ikon Foreground and Background untuk memilih warna yang diinginkan







.





3.Akan muncul kotak dialog Color Picker. Tentuka warna yang dinginkan dengan cara mengklik pada area warna yang diinginkan.













4.Aktifkan Paint Bucket Tool.









5.Klik pada area yang dinginkan.








6.Warna latar belakang sudah berubah.








D. Memasukkan Teks 

1.Teks dapat ditulis secara vertikal maupun horisontal dengan pilihan warna dan tipe huruf tertentu.
Untuk membuat teks, pertama kali aktifkan Text tool.












2.Untuk memilih warna teks, klik tombol warna pada bagian Option bar (di bagian atas).









3.Pilih warna untuk teks sesuai keinginan, jika sudah selesai klik tombol OK.













4.Klik pada area yang dinginkan dan mulailah mengetikkan teks.












5.Untuk memindahkan teks, harus menggunakan Move Tool. Untuk mengasah keterampilan silakan membuat judul untuk heading pada sebuah database.


6Jika perlu, tambahkan logo institusi dan letakkan pada tempat yang sesuai.

7.Tampilan desain header sudah selesai, langkah selanjutnya adalah menyimpan gambar tersebut ke dalam sistem sehingga gambar header akan berubah sesuai yang diinginkan.





E. Menyimpan Dokumen


Untuk menghindari pengulangan dalam mendesain tampilan header, sebaiknya menyimpan secara berkala dokumen. Untuk menyimpan dokumen klik tombol Ctrl + S atau pilih menu File > Save.

1.Sedangkan untuk menyimpan dokumen untuk keperluan gambar header, pilih menu File > Save As.
















2.Selesai

Semoga Tutorial yg saya buat bermanfaat buat agan2 semua,jangan lupa coment ya..jika ada yg kurang jelas dan ingin di tanyakan?

Entri Populer

Tuker Link

Tukaran Link? Copy/paste code HTML berikut ke blog anda

Zeon Spy

 

Banner Friends

fuulpatch7
spyzeon

Followers

Rega Spy. Diberdayakan oleh Blogger.

Categories