Efek Gradient Pada Box

Kalau boleh jujur, sebenarnya akhir-akhir ini aku selalu posting tentang CSS3 karena sedang gak punya ide untuk posting yang lain. Uhm... Jadi untuk sementara ini cuma bisa post tentang CSS3 sambil mendalami hal apa saja yang bisa dilakukan dengan CSS3.
Sama seperti post kategori sebelumnya, gunakan browser versi terbaru yang support CSS3 (untuk trik kali ini gunakan Firefox atau Safari) dan gak disarankan memakai Internet Explorer, supaya mendapatkan hasil terbaik.

Kode penyusun Gradient kurang lebih

background: -moz-linear-gradient(top, #48F908, #FFCCCC);

kalu tidak yang ini:

background: -webkit-gradient(linear, left top, left bottom, from(#48F908), to(#FFCCCC);

Kode berwarna hijau adalah warna background yang pertama, sedangkan yang berwarna merah adalah kode warna yang kedua.

ini dia contoh efek gradientnya
Keren kan????

Jadi gak perlu pake gambar buat bikin efek gradient kan?
Selamat berkreasi kawan!

Read more »

Mengatur Jarak Judul Posting dari Header

Apakah anda kurang puas dengan posisi judul posting blog anda? Misalnya terlalu dekat atau terlalu jauh dari header. Gambar di bawah ini adalah contoh dari judul posting yang terlalu mepet ke header (judul postingnya: Koor Pentagona+)

Nah, jika anda ingin mengaturnya, maka bisa dilakukan dengan cara berikut:

1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.

2. Kemudian klik pada Edit HTML.

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.

4. Kemudian carilah kode: #main-wrapper

5. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.

6. Kemudian tambahkanlah kode ini di bawahnya (posisi barisnya tidak menjadi masalah): padding-top: 20px; Jika diterjemahkan arti kode ini adalah: jarak judul posting ke batas atas (header) adalah 30 pixels. Gantilah angkanya sesuai keinginan anda. Setelah kode tersebut ditambahkan maka penulisannya akan menjadi seperti ini:

#main-wrapper {
background:#ffffff;
float:left;
margin-left:0px;

padding-top:20px;

padding-left:30px;
padding-right:30px;

7. Jika sudah kliklah SIMPAN TEMPLATE dan tunggu hingga proses selesai.

8. Sekarang lihatlah hasilnya dengan mengklik Lihat Blog.

9. Sebagai contoh inilah perubahan tampilan posisi judul posting. Tampak jaraknya sudah agak menjauh dari header.

Read more »

DOWNLOAD PCMAV 4.1 – RAGNAROK 2

Seiring dengan diterbitkannya Majalah PC Media edisi 11/2010, telah dirilis pula versi terbaru antivirus PCMAV, yaitu PCMAV 4.1 Ragnarok2, untuk periode Oktober-November 2010. Generasi terbaru PCMAV ini memiliki kemampuan yang lebih baik dan peningkatan dalam pendeteksian berbagai virus terutama virus lokal, termasuk di antaranya mampu mengenali sejumlah 3.494 virus.

Sebagai informasi, PCMAV (dan juga PC Media Ragnarok2) keluaran majalah komputer PC Media, merupakan software antivirus buatan Indonesia, sehingga diharapkan dapat membasmi berbagai virus terutama virus keluaran lokal yang banyak menjangkiti komputer Indonesia, secara lebih efektif. Beberapa fitur yang ada pada antivirus PCMAV ini antara lain adalah pembersihan secara tuntas, pemulihan sistem, penyelamatan dokumen, pendeteksian tercepat, ringan dan hemat memory, akurasi pendeteksian virus yang dikenal, update otomatis, dan mampu mengenali virus baru/belum dikenali, serta pengoperasian yang mudah dan tanpa perlu instalasi.

Fitur dan Perbaikan Baru di PCMAV 4.1 – Ragnarok2 :

• UPDATED! Ditambahkan database pengenal dan pembersih 100 virus lokal/asing/varian baru yang dilaporkan menyebar di Indonesia. Total 3494 virus beserta variannya.
• FIXED! Mencegah pesan PCMAV telah aktif saat startup, yang kerap terjadi pada Windows Vista/7 jika UAC nonaktif.
• FIXED! Mencegah notifikasi dari Windows Defender pada Vista/7 yang terkadang memblok PCMAV.
• ADDED! Removal engine khusus untuk membersihkan secara tuntas virus Runouce, Random8, MyLovely, StuxNet, Fandi.vbs, FlyFF, Serviks.vbs beserta variannya yang menyebar luas di Indonesia.
• ADDED! Penambahan informasi durasi setelah scan memory dan startup objects.
• ADDED! Pesan notifikasi untuk menunggu proses saat exit PCMAV pada systray.
• ADDED! Konfirmasi untuk menghapus bad folder/folder yang tidak lazim.
• IMPROVED! Perbaikan engine heuristic dalam mengenali malware melalui identifikasi bitmap resource.
• IMPROVED! Icon PCMAV pada systray akan tampil lagi saat taskbar/explorer di-restart.
• IMPROVED! RTP kini lebih ringan di memory dan meminimalisir pesan error “not responding”.
• IMPROVED! Perubahan nama virus mengikuti varian baru yang ditemukan.
• IMPROVED! Perbaikan beberapa minor bug dan improvisasi kode internal untuk memastikan bahwa PCMAV tetap menjadi antivirus kebanggaan Indonesia.

Silahkan langsung download PCMAV 4.1 Ragnarok2 di sini (dengan ukuran file sebesar 2.19 MB)

Read more »

Mengganti Tulisan Posting Lama, Posting Baru dan Home

Terkadang seorang blogger yang memiliki sebuah blog yang dibangun dengan Blogspot, ingin merubah tulisan Posting Lama dengan kalimat atau gambar sendiri, merubah tulisan posting baru degan kalimat atau gambar sendiri, merubah tulisan home dengan kalimat atau gambar sendiri.

Tentu saja masing-masing merka memiliki alasan tersendiri. Namun kebanyakan beralasan untuk mempercantik tampilan (kalau perubahan tersebut menggunakan gambar) dan untuk mempermudah pengertian yang lebih tepat (kalau perubahan tersebut mengunakan kalimat).

Persiapan :

1. Sebelum melakukan perubahan, sebaiknya back-up terlebih dahulu template Anda sebagai antisipasi kalau-kalau terjadi error.
2. Gunakan Ctrl+F untuk memudahkan pencarian Kode HTML
3. Siapkan 3 gambar kalau perubahan akan menggunakan gambar kemudain upload gambar tersebut ke Picasa Album atau ke tempat lain misalnya photobucket.com, imageshack.com, tinypic.com, dan sebaginya.
4. Catat seriap URL dari gambar yang bersangkutan. 

1. Mengganti Tulisan Posting Lama

1. Login ke blogger.com atau draft.blogger.com 
2. Buka Tab Layout atau Tata Lelak atau Design
3. Pilih Tab Edit HTML kemudian tandai Expand Widget Templates.
4. Sebaiknya Back Up Dulu dengan cara meng-copas semua kode dalam kotak Editor pada Notepad atau dengan cara Anda sendiri.
5. Cari kode : <data:olderPageTitle/>  (gunakan Ctrl+F untuk memudahkan pencarian).
6. Ganti kode tersebut dengan tulisan Anda misalnya "Sebelumnya>>" tanpa tanda kutip, kalau dengan gambar ganti dengan kode <img src="URL gambar"/>
7. Click Save Template lalu lihat hasilnya.

2. Mengganti Tulisan Posting  Baru

1. Login ke blogger.com atau draft.blogger.com.
2. Buka Tab Layout atau Tata Lelak atau Design.
3. Pilih Tab Edit HTML kemudian tandai Expand Widget Templates.
4. Sebaiknya Back Up Dulu dengan cara meng-copas semua kode dalam kotak Editor pada Notepad atau dengan cara Anda sendiri.
5. Cari kode : <data:newerPageTitle/> (gunakan Ctrl+F untuk memudahkan pencarian).
6. Ganti kode tersebut dengan tulisan Anda misalnya "<<Sesudahnya" tanpa tanda kutip, kalau dengan gambar ganti dengan kode <img src="URL gambar"/>
7. Click Save Template lalu lihat hasilnya.

3. Mengganti Tulisan Home

1. Login ke blogger.com atau draft.blogger.com.
2. Buka Tab Layout atau Tata Lelak atau Design.
3. Pilih Tab Edit HTML kemudian tandai Expand Widget Templates.
4. Sebaiknya Back Up Dulu dengan cara meng-copas semua kode dalam kotak Editor pada Notepad atau dengan cara Anda sendiri.
5. Cari kode : <data:homeMsg/>  (gunakan Ctrl+F untuk memudahkan pencarian).
6. Ganti kode tersebut dengan tulisan Anda misalnya "Beranda" tanpa tanda kutip, kalau dengan gambar ganti dengan kode  <img src="URL gambar"/> (ada dua kode yang sama, dua-duanya harus diganti)
7. Click Save Template lalu lihat hasilnya.

Selamat mencoba, semoga bermanfaat.

Read more »

Free Icon Untuk Blog dan Website

Bagi anda yang suka menghiasi blog atau website dengan berbagai macam icon agar terlihat lebih cantik, di bawah ini ada beberapa website yang menyediakan icon-icon cantik untuk bisa di download secara free atau gratis. So pasti anda tidak perlu lagi besusah payah hanya untuk sekedar urusan icon, download dan pasang dengan sesuka hati di blog anda.

1. http://icontexto.blogspot.com

Contoh icon yang bisa di download :


Dan masih banyak lagi koleksi icon yang sangat cantik, sayang jika di lewatkan, coba kunjungi saja blognya.

2. http://jwloh.deviantart.com

Contoh icon yang bisa di download :


Silahkan kunjungi situsnya, dan download berbagai icon yang cantik secara gratis.

3. http://marcelomarfil.deviantart.com

Contoh icon yang bisa di download :



Siapa yang mau lihat-lihat dan sekaligus mendoanload icon cantik-cantik ini?

4. http://www.webappers.com

Contoh icon :



Dan masih banyak lagi icon-icon cantik lainnya.

5. http://www.zeusboxstudio.com

Contoh icon  yang bisa di download :



6. http://www.vistaicons.com



7. http://itweek.deviantart.com




8. http://lecoupdulapin.deviantart.com



9. http://csscreme.com





10. http://stinky9.deviantart.com




Dan banyak lagi icon-icon yang bisa anda dapatkan secara free atau gratis, caranya sangat mudah, anda tinggal tulis keyword Free Icon pada search engine google yang ada di sebelah kanan atas blog ini. Selamat berdownload ria.

Read more »