Jumat, 07 Januari 2011

Cara Membuat Efek Gradiasi Dengan CSS3

Sebelumnya saya sudah sempat menyinggung tentang salah satu fitur dari CSS3 yaitu text-shadow yang berguna untuk membuat efek bayangan pada teks. Nah kali ini saya akan menjelaskan tentang fitur lain dari CSS3 yaitu efek gradiasi.

Pada umumnya untuk membuat efek gradiasi, orang akan menggunakan program image editing seperti Photoshop, Coreldraw, dan lain-lain untuk menghasilkan gambar gradiasi. Kelemahan dari cara ini tentu saja dapat memperlambat loading blog. Apalagi gambar yang digunakan berukuran besar bisa-bisa pengunjung sudah kabur sebelum blog anda berhasil kebuka.

Nah untuk mengatasi hal ini anda dapat menggunakan fitur gradiasi dari CSS3. Dengan menggunakan fitur ini anda dapat membuat efek gradiasi hanya dengan menambahkan kode css pada template blog anda sehingga tidak memperlambat loading blog.

Fitur ini sudah mendukung sebagian besar browser seperti IE, Safari, Firefox (versi 3.6 keatas), dan Google Chrome.

Berikut adalah kode CSS3 untuk membuat efek gradiasi:

background: #ffa45a;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa45a', endColorstr='#ba5b0d');
background: -webkit-gradient(linear, left top, left bottom, from(#ffa45a), to(#ba5b0d));
background: -moz-linear-gradient(top, #ffa45a, #ba5b0d);

Keterangan:

background: #ffa45a;
merupakan warna background yang akan muncul apabila browser tidak mendukung

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa45a', endColorstr='#ba5b0d');
merupakan kode efek gradiasi untuk browser IE. StartColorstr='#ffa45a' adalah warna awal gradiasi dan endColorstr='#ba5b0d' adalah warna akhir gradiasi

background: -webkit-gradient(linear, left top, left bottom, from(#ffa45a), to(#ba5b0d));
merupakan kode efek gradiasi untuk browser webkit seperti Safari, Google Chrome, dll. Linear adalah tipe gradiasi. Anda dapat mengganti dengan Radial, Angle, dll. From(#ffa45a) adalah warna awal gradiasi dan to(#ba5b0d) adalah warna akhir gradiasi.

background: -moz-linear-gradient(top, #ffa45a, #ba5b0d);
merupakan kode efek gradiasi untuk browser Firefox v3.6 keatas. Linear adalah tipe gradiasi anda mengganti dengan Radial, Angle, dll. #ffa45a adalah warna awal gradiasi dan #ba5b0d adalah warna akhir gradiasi.


Cara peletakan kode gradiasi di blog
Ganti property background pada template blog anda yang ingin dipasang efek gradiasi

Sebagai contoh anda ingin memasang efek gradiasi di bagian menu navigasi maka cari kode css untuk menu navigasi di template blog anda. Contohnya:

#nav{
background: #403f3f url(http://lh3.ggpht.com/15FopxVONSo/nav-bg.gif) left repeat-x;
height:35px;
margin-left:10px;
margin-right:10px;
}
Ganti teks berwarna merah dengan kode efek gradiasi sehingga hasilnya menjadi seperti ini.

#nav{
background: #ffa45a; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa45a', endColorstr='#ba5b0d'); background: -webkit-gradient(linear, left top, left bottom, from(#ffa45a), to(#ba5b0d)); background: -moz-linear-gradient(top, #ffa45a, #ba5b0d);
height:35px;
margin-left:10px;
margin-right:10px;
}

Untuk mendapatkan efek gradiasi yang lebih bervariasi sebenarnya anda juga bisa menambahkan property 'color-stop' untuk mengatur scale warna seperti yang terdapat pada Photoshop Tapi karena pengaturannya agak ribet maka tidak saya jelaskan disini.

Sebagai penggantinya anda bisa membuat efek gradiasi yang lebih bervariasi dengan menggunakan CSS3 Gradient Generator yang beralamat di http://gradients.glrzad.com/

css3 gradient generator

Selamat berkreasi. Semoga bermanfaat

Cara Mengecek Blog Dofollow atau Nofollow di Berbagai Browser

Jika anda mencari informasi tentang tips meningkatkan pagerank blog biasanya salah satu tips yang disarankan adalah berkomentar di blog dofollow. Memang benar berkomentar di blog dofollow bisa meningkatkan google pagerank karena blog dofollow adalah blog yang telah menghilangkan atau melepaskan atribut nofollow dari form komentarnya sehingga jika ada pemilik blog yang meninggalkan komentar di blog tersebut, maka ia akan mendapat backlink dari empunya blog dengan catatan si pemilik blog harus berkomentar sebagai name/URL atau mencantumkan link blognya disana.

Bagi anda yang belum tahu apa itu Nofollow? Nofollow adalah atribut HTML yang berfungsi untuk memberi perintah kepada search engine untuk tidak menelusuri suatu link pada halaman blog sehingga google search engine tidak akan menganggap link tersebut sebagai backlink. Cara ini dibuat pertama kali oleh Matt cutts dan Jason Shellen pada tahun 2005 untuk mencegah pemilik blog melakukan spam dengan berkommentar sebanyak-banyaknya di blog ber PR tinggi.

Contoh kode link nofollow:

<a href="http://www.contoh.com/" rel="nofollow">bogger tips n tutorial</a>
Secara default, blog blogspot menggunakan sistem nofollow pada form komentarnya. Namun tidak sedikit pula blogger yang menerapkan sistem dofollow dalam comment formnya.

Untuk menemukan blog-blog mana saja yang menggunakan sistem dofollow, anda bisa googling dengan kata kunci 'dofollow blog list' atau 'daftar blog dofollow'. Ada banyak situs yang membuat daftar blog dofollow di situsnya.

Nah sekarang pertanyaannya adalah apakah blog tersebut masih menganut sistem dofollow? Sebab tidak sedikit blog yang awalnya memang bersifat dofollow tapi sekarang sudah tidak lagi. Untuk mengetahuinya, gunakan cara berikut:

Browser Firefox
Ada 2 cara yang bisa digunakan:

1. Melihat properties linknya
Ini adalah cara klasik yang sering digunakan blogger atau webmaster untuk mengecek status link. Caranya, klik kanan pada link yang berada pada kolom komentar lalu pilih Properties jika muncul tulisan relation: nofollow berarti blog tersebut bersifat nofollow.



2. Menggunakan addons Firefox
Ada banyak addons Firefox yang mampu mendeteksi link nofollow, salah satunya adalah SearchStatus. Dengan addons ini anda bisa melihat apakah suatu link dofollow atau nofollow dalam waktu yang bersamaan. sehingga lebih cepat. Anda bisa instal addonsnya disini. Setelah instal, aktifkan fitur pendeteksi nofollow dengan cara klik kanan pada logo SearchStatus yang terletak dipojok kanan bawah layar lalu pilih Highlight Nofollow Links. (Jika anda ingin menonaktifkan fitur ini cukup hilangkan centang pada 'Highlight Nofollow Links').


Jika link dihighlight merah berarti blog tersebut bersifat nofollow.



Browser Google Chrome
Instal Chrome SEO disini. Setelah itu, aktifkan fitur pendeteksi nofollow dengan cara klik logo Chrome SEO yang terletak di pojok kanan atas. kemudian tunggu beberapa saat hingga menu Chrome SEO muncul selanjutnya klik link Show Nofollow.



Browser IE
Untuk pengguna IE, caranya cukup mudah anda tinggal copas kode dibawah ini ke address bar pada halaman dimana anda ingin melakukan pengecekan.
Melanjut postingan sebelumnya yaitu cara menghasilkan kode warna HTML dengan photoshop. Kali ini saya akan membahas tentang mendapatkan kode warna HTML dengan Ms Paint. Mengingat tidak semua orang mempunyai program Photoshop. Karena untuk memilikinya, kita harus membeli program tersebut.

Beda dengan Ms Paint, program ini merupakan bawaan dari Windows. Jadi kita tidak perlu merogeh kocek untuk mendapatkannya.

Meskipun program ini bisa menghasilkan kode warna HTML. Namun caranya sedikit berbeda dengan photoshop. Berikut adalah cara-caranya:

1. Buka Ms Paint. Klik Colors -> Edit Colors lalu klik Define Custom Colors


2. Pilih warna yang Anda inginkan kemudian catat kode warna pada kolom yang saya beri kotak merah. Contohnya: rgb(15,19,49).


3. Setelah itu, cari kode warna yang mau diganti dalam template Anda misalnya #ff5a00. Ganti #ff5a00 dengan rgb(15,19,49).

4. Setelah itu klik Save Template. Selesai

5. Sekarang coba klik View Blog untuk melihat hasilnya.

Selamat mencoba..!!senyum
Tahukah Anda bahwa warna-warna yang muncul pada halaman blog itu dihasilkan dari kode-kode warna HEXA dan RGB.

Ada banyak cara untuk mendapatkan kode warna HTML tersebut seperti menggunakan aplikasi warna yang sudah banyak tersedia di internet atau menggunakan program pengolah gambar yang biasanya digunakan untuk edit gambar. Pada postingan ini saya akan menjelaskan cara menghasilkan kode warna dengan salah satu program pengolah gambar paling populer yaitu Photoshop.

Bagi para blogger yang tidak memiliki program photoshop bisa menggunakan program Ms Paint dari Windows. Untuk mengetahui cara mendapatkan kode warna dengan Ms Paint. Silahkan baca postingan saya tentang cara menghasilkan kode warna HTML dengan MS Paint

Berikut adalah cara menghasilkan kode warna HTML dengan Photoshop:

Cara pertama:

1. Buka program Photoshop. klik pada Foreground color


2. Pilih warna yang Anda inginkan. Lalu copy kodenya dalam kotak yang diberi tanda


3. Gunakan kode tersebut untuk mengganti warna pada template. Bagi anda yang belum tahu cara mengganti warna pada template. Coba baca dulu postingan saya tentang tips mengganti warna background blockquote

Catatan:
Jika Anda ingin mengambil warna dari template. Silahkan menggunakan cara kedua

Cara kedua:

1. Screenshot atau ambil gambar template dengan cara tekan tombol Print Screen pada keyboard

2. Buka program Paint. Lalu tekan Ctrl+V untuk mempaste gambar

3. Klik File -> Save As. Simpan gambar dalam format .bmp

4. Kemudian buka program Photoshop. Lalu klik File -> Open. Cari gambar yang disimpan tadi lalu klik Open

5. Aktifkan Eyedropper Tool kemudian klik pada sampel warna yang mau diambil

6. Sampel warna yang Anda ambil akan muncul pada foreground color

7. Gunakan cara pertama diatas untuk menghasilkan kode warnanya

Selamat mencoba. Semoga bermanfaat...

Minggu, 26 Desember 2010

Enigma 2.1


Click and Download :




Crack Keygen Serial (only) Downloads Status

2297

2164

6520


Enigma 2.1
Enigma 2.1.
Enigma 2.1; | 6.1MB
Setup program now obeys your computer’s unique Program Files directory, so those of you having problems on non-English systems should be fine now.
NET Icon finally fixed. Turns out I just had to add a MaxValue setting. I can’t remember who reminded me of this, but thank you very much.
- Reader now clears stuck links on mouseover, so you don’t have to click it anymore. Thanks to moosatov for this idea.
- MoxaWeather’s easier to switch to dark icons now; you can just change a number.
DOWNLOAD Enigma 2.1 :

Enigma 2.1


Enigma 2.1 Crack, Enigma 2.1 Serial, Enigma 2.1 Keygen, Full Version Direct Download Results Download Enigma 2.1 from Rapidshare, Megaupload, Torrent & Direct Download. View the links and download below. Download links are ready to be download.


Latest update: Sunday, 26, Dec, 2010

Crack Keygen Serial (only) Downloads Status

5494

5782

8037

Click and Download :

Enigma 2.1

Found 9 download results.


Latest update: Sunday, 26, Dec, 2010

Search results : Downloads Speed Added Status
2320 (999 kb/s) 26/12/10
6641 (811 kb/s) 26/12/10
1189 (976 kb/s) 25/12/10
3643 (886 kb/s) 25/12/10
8239 (869 kb/s) 25/12/10
740 (968 kb/s) 25/12/10
6088 (640 kb/s) 24/12/10
456 (713 kb/s) 24/12/10
2237 (941 kb/s)  24/12/10 

If your are not satisfied with the results for Enigma 2.1, please use one part of the name only to find better results. Please avoid common search terms such as "Enigma 2.1 Crack", "Enigma 2.1 Serial", "Enigma 2.1 Keygen", "Enigma 2.1 Warez", "Enigma 2.1 Rapidshare", "Enigma 2.1 Megaupload", "Enigma 2.1 No Cd", "Enigma 2.1 Full Version".

Avoid the search terms with words like "keygen", "crack", "serial", "full", "retail", "iso", "download", "patch", "free", "version", "album", "the", "cracked", "rapidshare", "megaupload", "ver", "movie", "music", "direct", "fix" etc. Simply put the download name only. Also avoid the version numbers on search. This will make your search effective, better and display more result.


Enigma 2.1 download torrent ,Enigma 2.1 uploading ,Enigma 2.1 rapidshare ,Enigma 2.1 ddl ,Enigma 2.1 easyshare ,Enigma 2.1 turboupload ,Enigma 2.1 4shared ,Enigma 2.1 keygen ,Enigma 2.1 multiply ,Enigma 2.1 vipfile ,full download Enigma 2.1 ,Enigma 2.1 filefactory ,Enigma 2.1 crack ,Enigma 2.1 depositfiles ,Enigma 2.1 megashares ,Enigma 2.1 torrent ,Enigma 2.1 hotfile ,Enigma 2.1 badongo ,Enigma 2.1 fileserve ,free download Enigma 2.1 ,Enigma 2.1 letitbit ,Enigma 2.1 serial ,Enigma 2.1 zshare ,Enigma 2.1 patch ,Enigma 2.1 deposit ,Enigma 2.1 shared ,Enigma 2.1 mediafire ,Enigma 2.1 no cd ,Enigma 2.1 megaupload ,Enigma 2.1 fast speed ,Enigma 2.1 boxnet

IDM UltraCompare Professional v6.30


Click and Download :




Crack Keygen Serial (only) Downloads Status

3493

5568

6018


IDM UltraCompare Professional v6.30
IDM UltraCompare Professional v6.30.
IDM UltraCompare Professional v6.30 | 4.5Mb
A complement to your file management suite, UltraCompare Professional is loaded with features to enable you to compare text files and folders, as well as zip files and jar archives. Text file compare features include binary and text compare of two or three text files at a time, with the ability to merge text differences between compared files. Folder compare supports comparison of local/network directories (and subdirectories with recursive folder compare) and zip file compare as well, and like text/binary compare, you can merge differences between compared directories. With automatic integration with UltraEdit or UEStudio, UltraCompare Professional is a compare tool you should not be without!
Chances are if you’re reading this you already use UltraEdit, but you probably don’t have UltraCompare Professional yet. You may not realize how important such a text file compare tool is or how versatile it can be.
You may have even used UltraCompare Lite but are now finding that this lightweight comparison utility is not robust enough for your text editing purposes. UltraCompare Professional boasts a fuller text compare feature set with text file compare for two or three files AND includes folder compare for two to three folders. Of course, we’ve also included merge capabilities, ignore options, FTP support, and more. Compare the differences yourself between UltraCompare Lite and UltraCompare Professional.
If you are inspecting your file or code changes by hand you are losing precious time, accuracy and productivity. Compare and merge operations are the cornerstone of a differences tool, and we have placed many merge/post-merge features into UltraCompare so you can easily compare your differences and merge your selections with confidence and trust. Whether you are a lone developer or work as part of a team, how many times have you wanted to compare your text files or compare source code to modified versions, and merge your changes into the newer versions?
We all know to make backups - but what happens when something goes wrong and you need to compare your legacy backup with your current backup? Ever needed to compare SQL files between two databases? That’s where a compare/merge/sync tool can help. Do you find yourself needing to compare FTP files? Use UltraCompare’s integrated FTP/SFTP to download your text files from the remote server, perform compare/merge operations, then save your files back to the server.
How many times have all of us downloaded a software update or text file and wondered what’s changed since the last release or version? Still not convinced? Look over our feature maps or our complete feature listing, or take a tour of the newest features. Finally, make sure to download your free trial today to start comparing and merging your files and folders. Don’t forget: UltraEdit users can save big when bundling UltraCompare Professional with an upgrade of UltraEdit!
DOWNLOAD IDM UltraCompare Professional v6.30 :

IDM UltraCompare Professional v6.30


IDM UltraCompare Professional v6.30 Crack, IDM UltraCompare Professional v6.30 Serial, IDM UltraCompare Professional v6.30 Keygen, Full Version Direct Download Results Download IDM UltraCompare Professional v6.30 from Rapidshare, Megaupload, Torrent & Direct Download. View the links and download below. Download links are ready to be download.


Latest update: Sunday, 26, Dec, 2010

Crack Keygen Serial (only) Downloads Status

2142

4700

4417

Click and Download :

IDM UltraCompare Professional v6.30

Found 9 download results.


Latest update: Sunday, 26, Dec, 2010

Search results : Downloads Speed Added Status
9973 (978 kb/s) 26/12/10
9752 (676 kb/s) 26/12/10
8424 (951 kb/s) 25/12/10
3885 (641 kb/s) 25/12/10
9615 (885 kb/s) 25/12/10
9326 (773 kb/s) 25/12/10
3217 (1053 kb/s) 24/12/10
1834 (859 kb/s) 24/12/10
5914 (809 kb/s)  24/12/10 

If your are not satisfied with the results for IDM UltraCompare Professional v6.30, please use one part of the name only to find better results. Please avoid common search terms such as "IDM UltraCompare Professional v6.30 Crack", "IDM UltraCompare Professional v6.30 Serial", "IDM UltraCompare Professional v6.30 Keygen", "IDM UltraCompare Professional v6.30 Warez", "IDM UltraCompare Professional v6.30 Rapidshare", "IDM UltraCompare Professional v6.30 Megaupload", "IDM UltraCompare Professional v6.30 No Cd", "IDM UltraCompare Professional v6.30 Full Version".

Avoid the search terms with words like "keygen", "crack", "serial", "full", "retail", "iso", "download", "patch", "free", "version", "album", "the", "cracked", "rapidshare", "megaupload", "ver", "movie", "music", "direct", "fix" etc. Simply put the download name only. Also avoid the version numbers on search. This will make your search effective, better and display more result.


full download IDM UltraCompare Professional v6.30 ,IDM UltraCompare Professional v6.30 4shared ,IDM UltraCompare Professional v6.30 megaupload ,IDM UltraCompare Professional v6.30 multiply ,IDM UltraCompare Professional v6.30 serial ,free download IDM UltraCompare Professional v6.30 ,IDM UltraCompare Professional v6.30 letitbit ,IDM UltraCompare Professional v6.30 turboupload ,IDM UltraCompare Professional v6.30 easyshare ,IDM UltraCompare Professional v6.30 ddl ,IDM UltraCompare Professional v6.30 uploading ,IDM UltraCompare Professional v6.30 depositfiles ,IDM UltraCompare Professional v6.30 badongo ,IDM UltraCompare Professional v6.30 keygen ,IDM UltraCompare Professional v6.30 hotfile ,IDM UltraCompare Professional v6.30 no cd ,IDM UltraCompare Professional v6.30 torrent ,IDM UltraCompare Professional v6.30 megashares ,IDM UltraCompare Professional v6.30 rapidshare ,IDM UltraCompare Professional v6.30 filefactory ,IDM UltraCompare Professional v6.30 boxnet ,IDM UltraCompare Professional v6.30 crack ,IDM UltraCompare Professional v6.30 shared ,IDM UltraCompare Professional v6.30 zshare ,IDM UltraCompare Professional v6.30 download torrent ,IDM UltraCompare Professional v6.30 vipfile ,IDM UltraCompare Professional v6.30 deposit ,IDM UltraCompare Professional v6.30 fast speed ,IDM UltraCompare Professional v6.30 patch ,IDM UltraCompare Professional v6.30 fileserve ,IDM UltraCompare Professional v6.30 mediafire