Cara Membuat Gambar Marquee(Gambar Berjalan)

Gambar yang berjalan sama halnya dengan teks berjalan (marquee) bedanya hanya antara gambar dengan teks,  nah sekarang kita langsung aja ke TKP.....

Nah....buat yang pengen bikin gambar bergerak seperti diatas, ikuti langkah - langkahnya sebagai berikut :

• Seperti biasa login di blogger, lalu masuk ke layout kemudian page element.
  
  
• Klik add new page element --> HTML/JavaScript. Untuk letaknya terserah anda, mau diletakkan di sidebar, footer, atau dimana saja juga bisa.
• Copy Paste kode dibawah ini :
  
  
  
  <marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" onmouseover="this.stop()" width="100%" height="100"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCax2ZZNzJ0Rp6fp8uUR9uB6CzWoZRvFFZi3CWsSWl1ORSxCXGJw5xQKyMVomXv29DxdkSPS2H78zUrLuLkexHzLibxi4CE03n5lfZNYuTGdVsEOptLEsnhW1n-JkgSu7tNUrS174erDgh/s400/Firefox.jpg" alt=""/>
<img src="http://static.technorati.com/pix/fave/btn-fave2.png" alt="" />
</marquee>
  
  Text yg berwarna merah adalah kode HTML untuk gambar. Untuk mengganti gambarnya, silahkan ganti text yg berwarna merah tebal dengan url gambar anda.
  Text yg berwarna hijau tebal, adalah arah bergerak gambar. Untuk mengganti arahnya, silahkan ganti kata "up" dengan "down", "left" atau "right".
• Save dan Selesai..

::::TIPS::::

1. Gambar bergerak tersebut bisa juga disimpan di postingan. Caranya, ketika memposting klik edit html lalu masukan kode seperti diatas.
2. Untuk menampilkan gambar beserta link-nya, silahkan masukan script di bawah ini. 
3. <a href="url anda"><img src="url gambar anda"></a>

Read more »

Membuat Menu Navigasi Dengan CSS3 Menu

Sekarang ini untuk membuat menu navigasi yang keren kita tidak lagi membutuhkan waktu yang lama dan kode-kode yang lumayan panjang. Cukup dengan aplikasi "gratis" CSS3 Menu kita sudah dapat membuat menu navigasi yang cantik dan enak dilihat.

CSS3 Menu merupakan sebuah aplikasi untuk membuat sebuah menu navigasi yang keren dengan menggunakan CSS dan tanpa Javascript. Menu ini dapat berjalan dengan baik pada Firefox, Opera, Chrome dan Safari. Fungsi dropdown-nya juga dapat berjalan pada browser yang tidak kompatibel dengan CSS3  seperti IE7+. Untuk keterangan lebih jelasnya bisa dilihat di website resminya http://css3menu.com/ .

Fitur-fitur aplikasi:

1. Tidak memerlukan JavaScript
   Jadi dapat berjalan pada browser dengan Javascript yang dinonaktifkan atau browser yang tanpa dukungan Javascript sama sekali.
2. Dukungan properti-properti yang keren
   Properti-properti yang disediakan antara lain: Multi-level menu dropdown dengan sudut yang bulat, properti kotak-bayangan dan teks-bayangan. Terdapat pula properti lainnya seperti opacity, backround dan warna font, gradien linier dan gradien radial CSS3.
3. Multi kolom submenu
   Tinggal menentukan jumlah baris dan kolom yang ingin dibuat.
4. Ukuran kecil
   Tidak menggunakan file-file tambahan. Sehingga tidak memakan waktu lama saat load halaman.
5. Dukungan browser modern
   Didukung semua browser modern (kecuali IE6).
6. Interface GUI
   Mempunyai user interface yang memungkinkan kita untuk membuat menu tanpa perlu menulis coding yang kompleks, cukup dengan beberpa klik saja
7. Dsb.

Tentu saja yang namanya aplikasi yang gratisan pasti mempunyai keterbatasan. Jadi untuk menggunakan fitur-fitur dari CSS3 Menu yang lebih lengkap, kita diharuskan mengeluarkan biaya untuk membelinya. Namun untuk ukuran aplikasi "gratisan" CSS3 menu ini sudah cukup mumpuni untuk sekedar membuat menu navigasi yang "mewah" dan "keren" :)

Read more »

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 »