Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Tambahkan 2 CSS 3 property dan Wow .... Keren....!!!!

Ya... hanya 2 (dua) css3 property dan semua berubah dengan luar biasa. Kita hanya akan gunakan css3 text-shadow property dan css3 transition property. Text shadow berfungsi memberi efek bayangan pada teks dan css3 transition akan kita gunakan pada setiap link blog agar menampilkan transisi warna ketika cursor berada di atasnya (disorot, kang! He... pakai senter, lagi... ha... ha...).

D E M O

Silahkan buka link di bawah ini dan lihat efek yang terjadi pada blog setelah 2 property css 3 digunakan.



Kode CSS yang digunakan:
body{text-shadow:2px 2px 2px #999;}
a:link,a{
       text-decoration:none;
       transition:color 0.7s linier;
       -o-transition:color 0.7s linier;
       -moz-transition:color 0.7s linier;
       -webkit-transition:color 0.7s linier;
       -ms-transition:color 0.7s linier;
}

Cara Menggunakan Kode:

  1. Simpan kode css di atas kode ]]></b:skin>
  2. Lihat cara menyimpan kode di menu sebelah kiri halaman blog Special Tutorials. Dalam daftar di dalamnya terdapat link untuk tutorial tentang cara menyimpan kode CSS atau kode lain dalam template/blog.
  3. Baca juga "Cara Backup" Template yang juga ada di sana!
  4. Tricks ini akan memberi hasil maksimal ketika blog yang anda gunakan menggunakan backkground warna terang.
  5. Jika blog anda menggunakan background warna gelap sebaiknya gunakan syntax yang ke-2 saja.
    a:link,a{
           text-decoration:none;
           transition:color 0.7s linier;
           -o-transition:color 0.7s linier;
           -moz-transition:color 0.7s linier;
           -webkit-transition:color 0.7s linier;
           -ms-transition:color 0.7s linier;
    }
    Kode css di atas akan memberi efek transisi perubahan warna teks link saat cursor disentuhkan.
  6. Selesai dan semoga bermanfaat bagi sampeyan semua!

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Posting » Jemuah (KLIWON), February, 29, 2012

» Happy Blogging - gubhugreyot «

1 komentar:

 
GR | Edited by | gubhug reyot