Rabu, 23 Februari 2011

Code Blink-Blink on Post Area

Ide memang datang tak disangka-sangka. Lagi mentok no idea, eh nemuin deh trik penulisan kode dalam postingan kita supaya tampil secara blink-blink. Backgroundnya itu warna-warni sob, berubah-rubah macam lampu disko :P
Biasanya harus menggunakan javascript untuk dapat bisa kayak begini. Tapi sekarang Beben si bloglang anu ganteng kalem tea akan berbagi full css membuat tulisan code lebih full stylish.
Karena sangkin simpelnya trik dan tips ini, maka untuk variabel dan atribut CSS sobat bisa kreasikan menurut selera. Disini Beben kasih dasarnya saja yah :D Persiapan yg mesti dilakuin yaitu download terlebih dahulu image berikut background image.

Sesudah itu diekstrak .zip nya supaya didapatkan gambar blink. Cari kode ]]></b:skin> dan masukan kode CSS sebelumnya

.blink {
background:#CCCCCC url(.../background-blink.gif) repeat;
border:1px solid #999999;
-moz-border-radius:5px;
-webkit-border-radius:5px;
line-height: 1.5em; /* jarak tinggi spasi antar kalimat */
margin:0;
padding:10px 15px;
}
Gantilah link gambar dengan link yg sudah dihosting. Lalu ketika memosting dan mau menggunakan trik ini sobat hanya tinggal memakai HTML sbb<div class="blink">DISINI L3TAKKAN KONTEN</div>Hasil final seperti ini ;))


Berubah-rubah kan warna belakangnya :P See you...

Tidak ada komentar:

Posting Komentar