Code Warna HTML

Code Warnanya Bisa Di Lihat Di Bawah...

Membuat Tema Windows 7

Setelah semua hal yang dibutuhkan siap, kini saatnya Anda mulai membuat tema Windows 7 kreasi Anda sendiri. Berikut langkah-langkahnya:

I. Buka Jendela Personalization
Jendela Personalization Windows 7 adalah jendela untuk emngatur tampilan desktop Windows 7. Disini Anda bisa mengatur wallpaper, screen saver dan lain sebagainya, termasuk untuk membuat tema Windows 7. Untuk membukan jendela Personalization Windows 7, klik kanan pada area kosong di desktop dan pilih menu Personalize.

II. Menubah Wallpaper Tema
Ketika jendela Personalization terbuka, Anda akan melihat beberapa theme Windows 7 yang sudah terinstall di komputer. Hal pertama yang Anda ubah untuk membuat tema Windows 7 adalah wallpaper. Berikut langkah-langkahnya:

1. Masih di jendela Personalize, klik pada icon bertuliskan Dekstop Background yang ada di bagian bawah jendela.
2. Pada jendela Desktop Background setting yang mucul, tentukan lokasi gambar yang sudah Anda siapkan diawal tadi dengan mengklik tombol Browse di sebelah kanan tulisan Picture Location.
3. Setelah Anda mengklik tombol browse tadi, maka akan muncul jendela Browse For Folder. Pilih folder tempat Anda menyimpan gambar dan klik OK.
4. Kemudian Anda akan melihat gambar-gambar yang Anda tentukan muncul di jendela Dektop Background setting. Jika Anda ingin tidak menyertakan sebuah gambar ke dalam tema, Anda bisa menghilangkan tanda centang (rumput) pada gambar tersebut.
Selain itu, Anda juga bisa mengatur posisi gambar melalui pilihan Picture Posistiondibagian bawah. Anda bisa memilih posisi Fill, Fit, Stretch, Tile ataupun Center dengan mengklik pada menu dropdown yang disediakan.
Anda juga bisa mengatur jarak waktu slideshow dari wallpaper melalui menu dropdown dibawah tulisan Change pictures every. Pengaturan ini untuk menentukan setiap berapa detik, menit atau jam gambar akan di ubah. Pengaturan ini berfungsi jika gambar wallpaper yang Anda gunakan lebih dari 1 (satu).
Sedangkan cekbox bertuliskan Shuffle berfungsi untuk mengatur urutan gambar. Jika checkbox ini dicentang, maka gambar ditampilkan secara acak. Jika sebalikannya, maka gambar akan ditampilkan secara berurutan.
5. Apabila semua pengaturan gambar selesai, klik tombol Save Changes untuk menyimpan perubahan.

Setelah Anda mengklik tombol Save Changes tadi, maka Anda akan kembali ke jendela Personalization dimana tema-tema yang terinstall ditampilkan. Namun ada sebuah tema baru yang muncul dengan nama Unsaved Theme.

Tema inilah yang baru Anda buat dan nantinya akan diberikan nama kemudian disimpan. Untuk saat ini biarkan dulu seperti itu dan pastikan masih tetap terpilih. Sebelum disimpan ada beberapa hal yang akan kita atur terlebih dahulu.

III. Mengganti Windows Color
Setelah mengganti wallpaper atau gambar latar desktop, selanjutnya yang bisa Anda atur adalahWindows Color. Windows color ini berfungsi untuk mengubah warna dari Start Menu, taskbar dan warna windows title bar. Berikut cara mengubah windows color:

1. Masih dijendela Personalization, klik pada icon bertuliskan Windows Color di bagian bawah jendela.
2. Selanjutnya jendela Windows Color and Appearanceakan terbuka. Di jendela ini sudah tersedia beberapa color palette yang bisa Anda pilih sesuai dengan keinginan.Jika Anda ingin agar warna Start Menu, Taskbar dan Windows title transparan, berikan tanda centang (cek) pada checkbox Enable Transparency.
   
   
   Apabila Anda ingin agar warna sedikit lebih cerah atau lebih gelap, geser slider Color intensity ke kanan atau ke kiri.
   Namun, jika warna yang Anda inginkan tidak tersedia pada color palette yang disediakan, Anda bisa menentukan warna sendiri melalui color mixer. Klik tanda panah disebelah tulisan color mixeruntuk menampilkan color mixer. Atur Hue, Saturation dan Brightness sesuai dengan yang Anda inginkan.
3. Apabila semuanya sudah sesuai selera, simpan perubahan dengan mengklik tombolSave Changes. Anda akan kembali lagi ke jendela Personalization.

IV. Mengganti Windows Sound
Selain wallpaper dan windows color, dalam membuat tema Windows 7 Anda juga bisa menentukan windows sound (suara) dari theme tersebut. Untuk mengubah windows sound ikuti langkah-langkha berikut:

1. Masih dijendela Personalization, klik pada icon bertuliskan Sounds  disebalah icon Windows Color tadi.
2. Kemudian akan muncul jendela Sound setting. Di jendela ini, Anda bisa memilih sound scheme yang sudah tersedia dengan mengklik kotak dropdown di bawah tulisan Sound scheme.
3. Anda bisa mencoba suara dengan mengklik salah satu even kemudian klik tombol Test. Apabila Anda ingin mengantinya dengan file sound Anda sendiri, klik pada tombol Browse disebelah tombol Test tadi dan pilih file sound yang Anda inginkan.
4. Apabila semua pengaturan selesai, klik tombol OK untuk menyimpan.

V. Menentukan Screen Saver Tema
Tema Windows 7 Anda akan lebih indah jika ditambahkan sebuah Screen saver. Untuk it alangkah bagusnya jika Anda menambahkan screen saver ke tema tersebut. Untuk menentukan Screen Saver dari tema Windows 7 Anda, ikuti cara berikut:

1. Klik pada icon Screen Saver di bagian bawah jendela Personalization.
2. Pada jendela Screen Saver Settings yang muncul, pilih screen saver yang Anda inginkan dan atur waktu tunggunya.
3. Apabila semuanya sudah selesai, klik OK untuk menyimpan.

VI. Mengganti Icon Desktop
Jika Anda ingin tema Windows 7 yang Anda buat nantinya juga mengganti icon desktop, Anda bisa juga mengaturnya sekarang. Caranya yaitu:

1. Klik pada tulisan Change Desktop Icons disebelah kiri jendela Personalization.
2. Pada jendela Desktop Icons Settings yang muncul, tentutkan icon mana saja yang akan ditampilkan dengan memberikan tanda cek pada item desktop icon.
3. Untuk mengubah icon, klik pada item yang Anda inginkan, misalnya icon My Computer. Kemudian klik tombol Change Icon.
4. Pada jendela Change Icon yang muncul, pilih icon yang Anda inginkan atau klik tombolBrowse untuk memilih file icon yang sudah Anda siapkan. Klik OK untuk menyimpan.
5. Lakukan langkah yang sama dengan langkah 3 dan 4 untuk mengubah icon item yang lain.
6. Jangan lupa berikan tanda centang pada checkbox bertuliskan Allow themes to change desktop icons. Apabila sudah klik OK untuk menyimpan.

VII. Mengubah Mouse Pointer
Apabila Anda juga ingin agar tema mengubah mouse pointer, Anda juga bisa mengaturnya disini. Ikuti cara berikut untuk mengatur pointer mouse:

1. Klik pada tulisan Change mouse pointers di bawah Change Desktop Icons tadi.
2. Pada jendela Mouse Properties, Anda bisa memilih scheme yang sudah ada melalui dropdown box Scheme.
3. Jika Anda mempunyai file mouse pointer sendiri, Anda bisa menggunakannya dengan mngklik salah satu cursor yang akan diganti kemudian klik tombol Browse untuk memilih file pointer Anda.
4. Pastikan juga berikan tanda centang pada checkbox bertuliskan Allow themes to change mouse pointers. Klik OK untuk menyimpan pengaturan.

VIII. Menyimpan Tema Windows 7
Jika semua pengaturan sudah Anda agap selesai dan sesuai dengan selera Anda, kini saatnya Anda menyimpan tema Windows 7 buatan Anda. Caranya adalah sebagai berikut.

Seperti yang saya sebutkan diakhir langkah mengganti wallpaper diatas, ketika anda menyimpan pengaturan wallpaper makadi  jendela Personalization Anda akan menemukan sebuah tema baru dengan nama Unsaved Theme. Tema inilah hasil kreasi Anda, hanya saja belum diberikan nama dan disimpan.

Untuk memberikan nama dan menyimpannya, klik kanan pada Unsaved Theme tersebut. Maka akan muncul 2 submenu yaitu Save Theme dan Save Theme for Sharing.

Jika Anda memilih menu Save theme, maka Anda hanya akan memberikan nama saja ke tema tersebut tanpa menyimpan file temanya ke computer. Sedangkan jika Anda memilih menu Save theme for sharing, maka Anda akan memberikan nama sekaligus menyimpan file tema-nya ke computer. File tema tersebut mempunyai ekstensi .theme seperti tema Windows 7 lainnya.

Dengan memilih opsi nomor 2 (Save theme for sharing), Anda dengan mudah membagikan tema Windows 7 Anda ke orang lain. Jadi saya sarankan pilih opsi Save theme for sharing.

Setelah Anda mengklik menu Save theme for sharing, maka akan muncul jendela Save Theme Pack As. Tentukan lokasi penyimpanan file theme di computer Anda dan berikan nama tema pada input File Name. Setelah itu klik Save untuk menyimpannya.

Ukuran file tema nantinya tergantung dari beberapa hal yaitu, jumlah gambar dan ukurannya. Semakin besar ukuran file gambar dan jumlahnya juga banyak maka ukuran file tema akan semakin besar. Begitu pula jika Anda menambahkan file sound, mouse pointer, icon sendiri (bukan bawaan windows) maka ukurannya akan semakin besar.

Jika Anda mempunyai ide untuk membuat tema Windows 7 sendiri dan ingin membaginya kepada orang lain, Anda bisa mengirim tema Anda ke saya. Nantinya tema Anda akan saya posting di blog ini. Namun, perlu Anda ketahui, tema yang Anda buat harus hasil karya sendiri dan gambar yang digunakan tidak dilindungi hak cipta (copyrighted). Kirim tema ke alamat email: contact@mypc-spot.com beserta lampirkan file tema Anda (max: 15 MB).

Sekian tutorial cara membuat tema Windows 7 hasil karya sendiri. Semoga bermanfaat dan selamat mencoba! Jika ada pertanyaan, silahkan posting melalui form komentar di bawah. Saya usahakan menjawabnya sebatas kemampuan saya.

Tombol Popup Like

Social media sudah menjadi suatu hal yang harus dimiliki oleh blogger. Kita bisa menshare artikel kita disana dan tentu mendapatkan kunjungan dari link yang kita share disana. Untuk mendapatkan pengunjung secara berkala tentu kita harus menaruh tombol like fan page fb dan follow twitter di blog. Nah, langsung saja kita mulai 

memasang tombol pop up like box facebook dan follow twitter di blogspot.

Silahkan sobat ikuti beberapa langkah berikut
1.Login ke akun blogger
2.Klik menu Tata Letak/Rancangan
3.Klik Tambah Gadget
4.Klik/pilih HTML/Javascript
5.Masukan kode di bawah ini

 <script src="http://andreykusanagi.googlecode.com/files/pop-up.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url(&quot;http://www.scri8e.com/white.gif&quot;) repeat scroll 0% 0% transparent;-moz-border-radius: 15px 15px 15px 15px; border: 3px solid rgb(255, 51, 0); display: block;"><div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;"><a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 2px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Keluar</a><strong style="color: rgb(0, 0, 0);">Jangan Lupa Klik Like Dan Follow ya!</strong><br/>
<a href="https://twitter.com/Nama Twitter Sobat" title="alibloggers" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @Nama Twitter Sobat</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fid-id.facebook.com%2Fblogtyo&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=212&amp;appId=128536653899046" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:212px;" allowtransparency="true"></iframe></div></div>

Keterangan : Ganti tulisan yang bercetak tebal sesuai dengan nama twitter dan alamat fan page facebook anda

Sebelum menyimpan URL Facebook anda, ganti kode-kode pada URL.
: dengan %3A
/ dengan %2F

6.Klik Simpan
7.Selesai 

Memasang Burung Twitter

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

• Klik Layout > Add Gadget > Html/Javascript (Untuk Blogger Lama)
  Klik Tata Letak > Tambah Gadget > HTML/JAVASCRIPT (Untuk Blogger Baru)
• Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>

<script type="text/javascript">

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlEu6Hjbb-JfCQNt7I9zIvvTO0NIEbF4CI8d2g4Rx9YV0RVfsn068My8kC61vp4NvKPvPyJgAiolnNg9jeADq3tR_dwnKA63pXUIYKcmEChHN98EsoEM0n_swBmp8WpW4wK78-AT5PlYc/s1600/burung+twitter+terbang.png";

var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");

var twitterAccount = "http://twitter.com/nurhiday4tt";

var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";

tripleflapInit();

</script>

• Ganti kode yang Berwarna Biru dengan nama pengguna (username) akun Twitter sobat
• Kode Warna Merah adalah warna burung dengan warna default. Anda bisa menggantinya dengan kode pilihan warna di bawah. 
• Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Warna Kuning

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJN_cxscbGCqOuxkC8oxQ8L12IsbiEjKhizUzcdgvCLpXY0Bi6jM4ZGaOSBOwzdjw_34vzCq4LTPMD_NUjBwjGU3xQtC7DVuhOXzx4jC9AglmE1IVPukaf01KJ_jrbwdtSBYjK-UFQmXY/s1600/yellow+bird.png

Warna Hitam

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFK0NtEvkKvZLVrlxNv8MCH0lqU1YFx2bXBuYeogL8TFVWVs4qlMkVhORVSN8IA0WlCLjC_MoZVfvnlcKPmG3zmcBOpFDqaZ5y772YNUH3DQ3S0Y8nmWCoJaOkz1NkIQAlDtPD-Z9Tv9Q/s1600/black+bird.png

Warna Biru

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsPM5s4eN8UNNYEC8Z3IPpGsW0hYLTarshnwos-l_tqPRVDbUeVRaV5fiU6jt3t2VTOTBJXjW6l2LUzF31ELOzA0nAw1z42O-Cp7Vu-bA_DEChZO_VfdmXf8stuwwWyDDD7-I9XsPOAVA/s1600/Blue+bird.png

Warna Coklat

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg17lcMzx2v0Uzued_wfPIPG3H6Ov8IkHV4DGDP9whF00ugMldjewZaCreoBrFLPJdY80_VZ8cTa3U_BUkNqElMPyqm5iDhSbn_DetN1cf_2YVyMJq32XfxhKUbPVA995hHMd81Wnzjke4/s1600/brown+bird.png

Warna Hijau

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXmA-QAI6dJO4_xe2q4BuOKT2PV5ZFxS1dbJ0ZsTW7ZDdjr5jGvhBT-4Ki4pXWfbSTpE7RIyH7pQx39RMkwAi1ZFduAUAaGHHBNAskOyx3ZZTXJS0T9lMsVX9m2yak8O9wr9HG4LaPAqM/s1600/Green+bird.png

Warna Ungu

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEity3r09CDt6xCrKpfIaw2ThzdQrZWIv-cHKPv7hxBmefvVwGl6TOnR7aQkATBPSohrLfF28l_LliOvdb5_sdIpOHg0tb_3GkSMyOheF7Y8k87NARkrTjA4vnaHw1wSNoGEwGeqMn71Ksk/s1600/purple+bird.png

Warna Putih

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivY9uu5S_nlIYT8q7kYp4zP3MCjNZso1OBf3AdrXk0YDfal7nxfhFVkEIZfSF9Q7_bpFQWJ5QCuCNnB8dRCCnIfJtQEVNOqD7jOZ9_nvwacX2y7KRLZUWjonqiJbylFyRkVnjvo71sNRU/s1600/white+bird.png

Warna Merah

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ00UzzJ6RWMtTYckgMijDacpiTbp6Wxt3Fu7q0WCYEW9SmpnyroDxvoNInFBxrgkPLF05WaMipTEf7-1d4t4UyeIk8Zb1Q2Bn-ig9aMprw5p7xCi_H1ZpS-yCh9Kbc1mg_oR0EWDneBw/s1600/red+bird.png